Useful links: heading markup, CSS Zen Garden, Adobe again, flexbox
How to mark up subheadings, subtitles, alternative titles and taglines now that hgroup is officially out of the spec. CSS Zen Garden is 10 years old. Dave Shea has announced a revival. Designers take...
View ArticleUseful Links: Forms, Numbering, SEO
Excellent forms tutorial by Roger Hudson at Web Usability. Even includes screen reader results. Automatic Figure Numbering with CSS Counters at Codrops not only explains how to number Figures, it...
View ArticlePlaying catch up with HTML and CSS? Here are some recommended books.
Carolyn Wood asked this question on Twitter yesterday. I used plain old HTML and CSS yrs ago. Now so much to catch up with. If I only read 1 or 2 books to COMPLETELY catch up, what shd they be? —...
View ArticleClik here to view.
Main element added to HTML 5.1
The <main> element was added to the HTML 5 specification recently. The element name is pretty obvious in meaning, but just in case you want the W3C’s definition, it is the “main content of the...
View ArticleUseful Links: Design Patterns, CSS3 Transforms, Industry Ready, Large Background
HTML5 and ARIA Design Patterns is at .net magazine. It provides design patterns for main elements, navigation elements, sections, details, summaries, and figures and figcaptions. In each design...
View ArticleClik here to view.
Useful links: Wearable tech, placeholder text, CSS Zen Garden
Image from Syfy Motorola building a ‘world-class’ wearables design group says The Verge. I hope Motorola will make me one of those high tech suits like Rachel Nichols wears in Continuum. That suit...
View ArticleUseful links: web education, srcset, design errors
Is Web Design Education Under Appreciated and Dying on the Vine? An important discussion started by Bill Cullifer at WebProfessionals.org. Improved support for high-resolution displays with the srcset...
View ArticleUseful links: Cite, code examples, carosels
On citing quotations. Again. Bruce Lawson offers some ideas to correct the problems regarding the cite element in HTML5. Best practices for code examples. That’s not the way I’ve been doing it. Sigh. A...
View ArticleClik here to view.
HTML 5 Popularity among Fortune 500 companies (INFOGRAPHIC)
I found some parts of this infographic really interesting. Hope you get some good out of it. HTML5 Popularity Among Fortune 500 Companies – An infographic by the team at INCORE Web Design © vdebolt for...
View ArticleRevisiting some HTML5 posts
HTML5 is a frequent topic on Web Teacher. I thought I’d remind you of some of the posts I’ve published about it in the past. One of them might be just what you’re looking for. A Blogger’s Guide to...
View ArticleUseful Links: Section elements, CSS Exercises, Twitter/Storify
Using the HTML5 Section Element is very helpful. Interview Questions and Exercises for CSS. This post is about how to interview someone you want to hire as a CSS person, but the exercises would be...
View ArticleUseful Links: Online Education, HTMLDevConf slides, Twitter counts
An Honest Look at Online Education is helpful and comprehensive. A collection of links to slide decks from the HTML5 Developer Conference. Assessing My Personal Gender Bias on Twitter is a terrific...
View ArticleUseful links: HTML5 Document Outline, Ugly Code?, RWD
Did you see the post where Steve Faulkner called the HTML5 Document Outline a dangerous fiction? Go read it, especially if you’ve been teaching it. Ugly Code for Hidden Pictures or playing with canvas,...
View ArticleClik here to view.
HTML5 Video in Dreamweaver CC
I saw a nice post at Overdigital called HTML5 Video Guide – All You Need to Know for 2014. It contains information about current codecs, streaming, mobiles and more. As I was reading it, I realized I...
View ArticleUseful Links: Design Patterns, CSS3 Transforms, Industry Ready, Large Background
HTML5 and ARIA Design Patterns is at .net magazine. It provides design patterns for main elements, navigation elements, sections, details, summaries, and figures and figcaptions. In each design...
View ArticleClik here to view.
Useful links: Wearable tech, placeholder text, CSS Zen Garden
Image from Syfy Motorola building a ‘world-class’ wearables design group says The Verge. I hope Motorola will make me one of those high tech suits like Rachel Nichols wears in Continuum. That suit...
View ArticleClik here to view.
HTML5 News
It’s time once again to bring something I curate on a daily basis to your attention: The HTML5 News. It’s a compilation of HTML5 articles that get brought to my daily attention because of certain...
View ArticleClik here to view.
Sections and Articles are Not Generic Containers
The proper use of section and article elements in HTML5 is one of the sticking points to good implementation. If you’re teaching HTML5, or just learning about HTML5, here’s a tip for you. A section...
View ArticleWhy have a wrapper div?
Students may have a problem grasping is the need for a wrapper div. I frequently find myself explaining it numerous times until the message finally sinks in. The metaphor I’ll use today will be to...
View ArticleClik here to view.
Why isn’t the main element in Dreamweaver CC’s Insert panel?
One of the arguments Adobe uses to convince all of us that we want to fork over a monthly subscription fee for Adobe products is that we get all the latest updates. So why isn’t the main element among...
View Article