New Book- The HTML and CSS Workshop: A New, Interactive Approach to Learning HTML and CSS

I only wrote a chapter in this new book, The HTML and CSS Workshop: A New, Interactive Approach to Learning HTML and CSS, but it is a new book and my name is on it and it’s on Amazon, so it’s still ???? cool. I wrote the chapter on Themes, Colors, and Polish.

Here’s what Packt says:

Cut through the noise and get real results with a step-by-step approach to learning HTML and CSS programming

Key Features

  • An HTML and CSS tutorial with step-by-step exercises and activities
  • Structured to let you progress at your own pace, on your own terms
  • Use your physical print copy to redeem free access to the online interactive edition

Book Description

You already know you want to learn HTML and CSS, and a smarter way to learn HTML and CSS is to learn by doing. The HTML and CSS Workshop focuses on building up your practical skills so that you can build your own static web pages from scratch, or work with existing themes on modern platforms like WordPress and Shopify. It’s the perfect way to get started with web development. You’ll learn from real examples that lead to real results.

Throughout The HTML and CSS Workshop, you’ll take an engaging step-by-step approach to beginning HTML and CSS development. You won’t have to sit through any unnecessary theory. If you’re short on time you can jump into a single exercise each day or spend an entire weekend learning about CSS pre-processors. It’s your choice. Learning on your terms, you’ll build up and reinforce key skills in a way that feels rewarding.

Every physical print copy of The HTML and CSS Workshop unlocks access to the interactive edition. With videos detailing all exercises and activities, you’ll always have a guided solution. You can also benchmark yourself against assessments, track progress, and receive free content updates. You’ll even earn a secure credential that you can share and verify online upon completion. It’s a premium learning experience that’s included with your printed copy. To redeem, follow the instructions located at the start of your HTML CSS book.

Fast-paced and direct, The HTML and CSS Workshop is the ideal companion for a HTML and CSS beginner. You’ll build and iterate on your code like a software developer, learning along the way. This process means that you’ll find that your new skills stick, embedded as best practice. A solid foundation for the years ahead.

What you will learn

  • Get to grips with the key features of HTML5 and CSS3
  • Learn how to integrate animation, media, and custom themes
  • Understand how you can easily customize and maintain CSS
  • Develop your own mobile-first approach while designing websites
  • Learn how to diagnose and resolve common style and structural problems

Who this book is for

Our goal at Packt is to help you be successful, in whatever it is you choose to do. The HTML and CSS Workshop is an ideal HTML and CSS tutorial for the HTML and CSS beginner who is just getting started. Pick up a Workshop today, and let Packt help you develop skills that stick with you for life.

Table of Contents

  1. Introduction to HTML and CSS
  2. Structure and Layout
  3. Text and Typography
  4. Forms
  5. Themes, Colors, and Polish
  6. Responsive Web Design and Media Queries
  7. Media – Audio, Video, and Canvas
  8. Animations
  9. Accessibility
  10. Preprocessors and Tooling
  11. Maintainable CSS
  12. Web Components
  13. The Future of HTML and CSS

HTML5 Boilerplate 7.3.0 Released

We just released HTML5 Boilerplate 7.3.0.

In addition to the changes below, we also started using Github Actions to publish our npm package. It was pretty easy. I wrote up the process.

HTML5Boilerplate Changelog

  • Updated to Modernizr 3.8 (2b2bb45)
  • Updated to Gulp 4 (#2151)
  • Updated package.json (#2162) and enabled package-lock.json (abe2087),(#2145)
  • Remove redundant rules from .editorconfig (#2157)
  • Small docs maintenance updates (#2155), (#2164), (#2165), (#2167) & (#2168)
  • Bump lowest supported version of node to 8.x (#2142)
  • Remove .jscsrc config and remove gulp-jscs from package.json (#2153)

Thanks again to Christian Oliff for his work on this release. I continue to appreciate his help on tasks and his attention to detail. I’d be a mess without him on the team.

And, as always, thanks to our many contributors. You are the best!

As always, are you interested in helping out? Check out our current issues, submit an idea for a new feature or look at one of the other H5BP projects to see if there’s something else you’re interested in helping with. It’s fun.

Download the latest from github or install it from npm.

HTML5 Boilerplate 7.2.0 and main.css 2.0.0 released

We just released HTML5 Boilerplate 7.2.0 and main.css 2.0.0. Even with the major release number on main.css, both of these are basically maintenance releases. Open Source isn’t always about the big stuff.

We also did a bunch of clean-up around the related H5BP projects, with updates to HTML5Boilerplate.com and h5bp.org. We integrated main.css as a direct dependency on both projects and did some other clean-up.

HTML5Boilerplate Changelog

Download the latest from github or install it from npm.

main.css Changelog

  • Add .stylelintrc config (#18)
  • Rename visuallyhidden to sr-only (#27)
  • Fix broken link to ‘printing tables’ page (#20)
  • Alphabetize properties (#20)
  • Add stylelint-config-recommended to package.json
  • Add CONTRIBUTORS.md(#9)
  • Minor devdeps and README updates (#11), (#24)

Download the latest from github or npm

HTML5 Boilerplate v7.1 Released

Hot on the heels of our last major release, we just released a new minor version of HTML5 Boilerplate, v7.1.0. The biggest changes in this release are an upgraded version of Modernizr (which is on a steady release schedule again) and an update to the Google Analytics snippet/docs.

Here are the full release notes:

  • Update Modernizr to 3.7.1 (#2121)
  • Update Analytics docs and snippet (#2118)
  • Minor docs updates (#2115)
  • Minor devdeps updates (#2114)
  • More succinct way of writing the IE conditional statement (#2113)

Download the latest from github or install it from npm.

HTML5 Boilerplate v7 released

After a few months of starts and stops while I wrestled my SVG book into submission and released main.css as a standalone project, I’m pleased to announce that HTML5 Boilerplate v7 was released on Friday February 8, 2019.

The biggest change is the way that we include the aforementioned main.css. Since it’s now a standalone project we include it as an npm dependency at build-time. This change still allows people (including HTML5 Boilerplate itself) to consume main.css as a whole, but also allows the component styles to be used individually in different, and hopefully interesting, ways. You can access the component styles to mix and match directly through the main.css npm package.

We also dropped support for IE9/10. That was not as cathartic as dropping support for IE6 or IE8, but it was still nice. It feels like we’re living in the future.

The docs also got a big upgrade. We could use more help there, but we’ve done a couple of really good passes at the documentation and I think it’s in a good place now.

Thanks again to Christian Oliff for his work on this release. He’s proven to be an invaluable team member over the past couple of years. I really appreciate his help on tasks and his attention to detail.

And, as always, thanks to our many contributors. You are the best!

Are you interested in helping out? Check out our current issues, submit an idea for a new feature or look at one of the other H5BP projects to see if there’s something else you’re interested in helping with. It’s fun.

Here’s the full release notes:

7.0.0 (February 8, 2019)

  • Drop support for IE9/IE10 (#2074)
  • Move the CSS to a separate repo (#2066)
  • Add theme-color meta tag to index.html (#2074)
  • Add ‘install with yarn’ steps to README (#2063)
  • Improved Webmanifest (#2060)
  • Upgrade Normalize to 8.0.1 (#2104)
  • Update .htaccess (#2110)
  • Remove instances of shrink-to-fit=no (#2103)
  • Removes “display”: “standalone” from manifest (#2096)
  • Big Docs update – Fixed links, removed IE9/IE10 specific info, made touch icons section more concise, add details on security.txt and more tidying up (#2074, #2065, #2062)

Download the latest from github or install it from npm.