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

New 5th Edition! Basics of Web Design: HTML5 & CSS

My new book, the 5th edition of Basics of Web Design: HTML 5 & CSS, is available for pre-order at Amazon! As an Amazon Associate I earn from qualifying purchases.

 The 5th Edition features a major change from previous edition. Although classic page layout methods using CSS float are still introduced, there is a new emphasis on Responsive Page Layout utilizing the new CSS Flexible Box Layout (Flexbox) and CSS Grid Layout techniques. The 5th Edition features new content, updated topics, hands-on practice exercises, and case studies.

More info at https://webdevbasics.net

Concise List of New WCAG 2.1 Guidelines

Check out a handy list of the new WCAG 2.1 guidelines along with why they are helpful to website visitors at https://objectpartners.com/2018/08/09/the-whats-and-whys-of-wcag-2-1/

What's New in WCAG 2.1?

WCAG 2.1 extends WCAG 2.0 -- so what's new? There are 17 new Success Criteria items in WCAG 2.1. Twelve of these 17 are level AA -- which is the level that most websites strive to meet. See http://intopia.digital/articles/whats-new-in-wcag-2-1/ for a For a quick overview of what's new  in WCAG 2.1.

WCAG 2.1 is an Official W3C Standard!

WCAG (Web Content Accessibility Guidelines) 2.1 recently reached Recommendation status. WCAG 2.1 extends and expands WCAG 2.0 success criteria.

Here are some helpful resources:

• Understanding WCAG 2.1 
• WCAG 2.1 At a Glance 
• Quick Reference: How to Meet WCAG 2.1

New 9th Edition of Web Development & Design Foundations with HTML5 is available!

Announcing that the new 9th edition of Web Development & Design Foundations with HTML5 is now available for sale at Amazon.com!

 Building on the textbook's successful 8th edition, the 9th edition continues to integrate HTML and CSS topics such as text configuration, color configuration, and page layout with an enhanced focus on the topics of design, accessibility, and Web standards. 

Updates for the 9th edition include: 

• Updated coverage of HTML5 elements and attributes 
• Expanded coverage of responsive web design techniques and CSS media queries 
• Expanded coverage of responsive image techniques including the new HTML5 picture element
• Introduction to new layout techniques -- CSS Grid Layout and CSS Flexbox Layout 
• Updated reference sections for HTML5 and CSS 
• Additional Hands-On Practice exercises 
• Updated Case Studies 
• Updated code samples and web resources 

 For information about this new edition, visit http://webdevfoundations.net.

Newest version of Web Content Accessibility Guidelines (WCAG)!

WCAG 2.1 is now in Candidate Recommendation Status. WCAG 2.1 extends WCAG 2.0 by adding new success criteria and guidelines. Visit https://www.w3.org/TR/WCAG21/#new-features-in-wcag-2-1 to read about the new features.

Basics of Web Design 4th Edition Available at VitalSource

The 4th edition of Basics of Web Design: HTML5 & CSS3 is available at VitalSource: https://www.vitalsource.com/products/basics-of-web-design-terry-felke-morris-v9780134444413

Basics of Web Design 4th Edition Available on Chegg!

Announcing that the 4th edition of Basics of Web Design: HTML5 & CSS3 is available for rental on Chegg.com.  

This edition is part of a Pearson Publishing pilot program intended to save students money by providing lower-cost book rentals. 

Adobe Announces End of Flash after 2020

Adobe recently announced that the Flash Player will no longer be developed and distributed after 2020. When Flash was developed in the early days of the Web, the application offered a method to provide interactive, animated, multimedia content that was not possible with HTML and JavaScript. Over the years, technologies including HTML5 Video, HTML5 Audio, HTML Canvas, SVG, and robust JavaScript interfaces have been developed and have elminated the need for Flash. There is a lot of legacy Flash content that could be lost forever when the Flash Player is no longer supported. There is a petition to open source the Flash Player to keep this legacy content available.

Thimble -- A Free Online Code Editor

Thimble is a free online code editor supported by the Mozilla Foundation. After you sign up you can create multi-file projects -- including HTML, CSS, JavaScript, and ming files. There is an instant preview feature. When you are ready, you can publish your work to the Web and Thimble provides you with the URL. Thimble is an extremely useful tool for educators and students.

WCAG 2.1 Working Draft Available

Mobile devices were in their infancy back when the WCAG 2.0 guidelines were developed. The W3C has just released a first draft of a long-awaited update: WCAG 2.1 for public comment. The purpose of WCAG 2.1 is to extend WCAG 2.0 and introduce additional success criteria including mobile device accessibility, low vision accessibility, and cognitive and learning disability accessibility. WCAG 2.1 supports all WCAG 2.0 accessibility success criteria. So, if a web page meets WCAG 2.1 success criteria, the page also meets WCAG 2.0 success criteria. The W3C invites you to read the working draft of WCAG 2.1 and submit feedback.

New 4th Edition of Basics of Web Design: HTML5 & CSS3!

The new 4th edition of Basics of Web Design: HTML5 & CSS3 is now available!

Building on the textbook's successful 3rd edition, the 4th edition continues to integrate HTML and CSS topics such as text configuration, color configuration, and page layout with an enhanced focus on the topics of design, accessibility, and Web standards.

Updates for the 4th edition include:

• Updated coverage of HTML5 elements and attributes
• Expanded coverage of responsive web design techniques and CSS media queries
• Expanded coverage of responsive image techniques including the new HTML5 picture element
• CSS coding techniques for dynamic menus
• Updated reference sections for HTML5 and CSS
• Additional Hands-On Practice exercises
• A new Case Study
• Updated code samples and web resource
• New Appendix introducing CSS Flexbox Layout

Section 508 Refresh

The US Access Board has released a final rule that updates the Section 508 requirements to harmonize with WCAG 2.0 Level AA Success Criteria. The Information and Communication Technology (ICT) Standards and Guidelines were published on 1/18/2017. The standards apply to “electronic and information technology developed, procured, maintained, or used by Federal agencies covered by section 508 of the Rehabilitation Act of 1973.” The Web Development & Design Foundations with HTML5 and Basics of Web Design: HTML5 & CSS3 textbooks follow the WCAG 2.0 Level A & AA Success Criteria so students are prepared to create accessible websites. (post updated 2/1/17)

HTML5.1 is Now in Recommendation Status

The W3C has been busy this fall — HTML 5.1 has reached Recommendation status! https://www.w3.org/blog/2016/11/html-5-1-is-the-gold-standard/

Essential Guide to Digital Accessibility Infographic

When you provide for digital accessibility you design and configure mobile applications, digital documents, and web pages so that everyone, including those with disabilities, can have a similar user experience. Check out Deque's The Essential Guide to Digital Accessibility Infographic.

Video Marketing

Video marketing is an increasingly important tool for promoting a business on the Web. An infographic with more facts and statistics about video marketing is available at https://animoto.com/blog/business/2016-social-video-forecast-infographic/

New Blisk Browser

There is a new browser on the block and its name is Blisk! The Blisk browser was created specifically for developers and can be configured to emulate multiple devices, auto-refresh page rendering as files are edited, and synchronize scrolling between desktop rendering and device emulation. Future featured include screenshots, video captures, analytics, and more. Blisk is available as a free download for Windows at https://blisk.io. Mac and Linux versions are in the works.

Choose Accessible Colors Palettes with Color Safe

Try out the Color Safe web app for help with choosing background and text colors with enough contrast to meet WCAG 2.0 requirements.

8th Edition of Web Development & Design Foundations with HTML5 is Now Available!

It's exciting to announce that my new book, the 8th edition of Web Development & Design Foundations with HTML5, is now available at Amazon!

The popular Web Development & Design Foundations with HTML5 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
• E-Commerce Introduction
• Javascript Overview
• jQuery Overview

The 8th edition continues to integrate HTML and CSS topics such as text configuration, color configuration, and page layout with an enhanced focus on the topics of design, accessibility, and Web standards. Updates for the 8th edition include:

• Updated coverage of HTML5 elements and attributes
• Expanded coverage of responsive web design techniques and CSS media queries
• Expanded coverage of responsive image techniques including the new HTML5 picture element
• Introduction of CSS coding techniques for dynamic menus
• Updated reference sections for HTML5 and CSS
• Additional Hands-On Practice exercises
• A new Case Study
• Updated code samples and web resources

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