State of CSS in 2022

 The State of CSS 2022 presentation at Google's IO 2022 conference provided an informative overview of  newly supported features in CSS and what is expected to be supported soon. An overview is available at https://web.dev/state-of-css-2022/. 

CSS Grid Layout Module Level 2 Candidate Recommendation

 CSS Grid Layout Module Level 2 specification is now a Candidate Recommendation. The biggest change is the addition of subgrids to the spec, although at the current time subgrids are only supported by the Firefox browser. https://www.w3.org/TR/css-grid-2/#subgrids

State of CSS 2019

Explore the first ever State of CSS survey to find out which CSS features are used the most, which tools are gaining adoption, and more! https://2019.stateofcss.com/

10th Edition of Web Development & Design Foundations with HTML5

The 10th Edition!

A promotion trailer for the 10th edition of Web Development & Design Foundations with HTML5 by Terry Felke-Morris. This book is a great choice for a first course in web design. The approach is hands-on with lots of exercises and case studies that run throughout the book. Topics include: HTML5, CSS, Configure images & multimedia, Responsive Web Design techniques, Accessibility, CSS Flexbox Layout, CSS Grid Layout, Introduction to JavaScript, jQuery, and more!

We are still working on the interactive eText features, but I am very pleased to announce that the 10th edition of my Web Development & Design Foundations with HTML5 book is "available" on the: Pearson website

Also see https://webdevfoundations.net for more information and supporting materials.

10th Edition of Web Development & Design Foundations with HTML5!

New 10th Edition!

The 10th edition of Web Development & Design Foundations is currently in press and should be available Spring 2020.

Building on this textbook’s successful ninth edition, new features for the tenth edition include the following:

• Chapter 7 has been renamed Responsive Page Layout, takes a mobile first approach, and has an expanded focus on new layout systems including CSS Flexible Layout Module (Flexbox) and CSS Grid Layout

• Form layout with the CSS Flexbox and Grid Layout Systems

• Updated coverage of HTML5 elements and attributes

• Updated code samples, case studies, and web resources

• Expanded treatment of page layout design and responsive web design techniques

• Updated reference sections for HTML5 and CSS

• Additional Hands-On Practice exercises

Visit http://webdevfoundations.net for more information about the new book.  

10 Skills You Need to Land a Job as a Front-End Developer

The Web Development & Design Foundations with HTML5 and Basics of Web Design: HTML5 & CSS textbooks get you started on the skills you need to become a front-end web developer....

Graphic courtesy of Skillcrush.com

Create Fullscreen HTML5 Page Background Video

Check out Dudley Storey's informative overview of responsive techniques for configuring a video as a full-page background at "Create Fullscreen HTML5 Page Background Video".

New 3rd Edition for Basics of Web Design: HTML5 & CSS3!

New 3rd Edition!

It's exciting to announce that my new book, the 3rd edition of Basics of Web Design: HTML5 & CSS3, will be available at Amazon in late January! 

The popular Basics of Web Design: HTML5 & CSS3 textbook provides a foundation in the skills and concepts that web designers need:

• Internet and Web concepts overview
• Create web pages with HTML5
• Configure color and text with CSS
• Configure page layout with CSS
• Configure images and multimedia
• Explore new CSS3 properties
• Apply Web Design Best Practices
• Design accessible and usable web pages
• Design for search engine optimization
• Choose a domain name
• Publish to the Web

The third edition builds on the textbook's successful earlier editions. With the widespread support of HTML5, this edition introduces HTML5 structural elements early (in Chapter 2). Chapter 5 now provides an overview of color theory and an expanded treatment of the use of color in web pages. 

Comprehensive instructor materials are available for the the book from the publisher, Pearson Addison-Wesley. Instructors and faculty can access free downloads of:

• sample syllabi
• exercise solutions
• case study solutions
• PowerPoint presentations
• sample test questions
• website project activity with milestone assignments
• a group website design evaluation activity
• a group WebQuest activity

New 2nd Edition for Basics of Web Design: HTML5 & CSS3

It's exciting to announce that my new book, the 2nd edition of Basics of Web Design: HTML5 & CSS3, is available at Amazon. 

Building on the textbook's successful first edition, we kept what you like — topics introduced in two pages, color illustrations and screen captures, lots of hands-on practice exercises, and a case study website that students build as they work through the book. We heard your suggestions to remove XHTML topics and to add another case study.  There are now two running case study websites for students to practice with. 

Comprehensive instructor materials are available for the the book from the publisher, Pearson Addison-Wesley. Instructors and faculty can access free downloads of:

• sample syllabi
• exercise solutions
• case study solutions
• PowerPoint presentations
• sample test questions
• website project activity with milestone assignments
• a group website design evaluation activity
• a group WebQuest activity

W3C Conference Presentations Streamed Live

W3Conf: Practical Standards for Web Professionals will be held on November 15-16, 2011. There is a well-rounded line up of presentations including web standards, HTML5, CSS, and universal access. See the conference presentation schedule. What's really cool is that the presentations will be streamed live and archived at http://www.w3.org/conf/live.html.

CSS Property Review

Announcing a new resource on the Web Development & Design Foundations textbook companion site: CSS Property Review.

Use this Ajax application to review your knowledge of CSS properties:

• Begin typing the name of a CSS property in the text box.
• As you type, a list of suggested CSS property names will be displayed.
• When you type a complete CSS property name, a description of the property is shown.