Free HTML 5 Cheat Sheet
Available free from Matt Banner Here’s a nice HTML5 cheat sheet from Matt Banner. It can be downloaded as a free PDF. Save yourself the cost of a book with this handy tool. (...)Read the rest of Free...
View ArticleNew Tool: Responsive Image Breakpoints Generator
A new open source tool, Responsive Image Breakpoints Generator, should be at the top of your to-do list of new things to learn to use. Developed by Cloudinary and offered to web designers for...
View ArticleFlash is Dead. Long Live Animate
Flash has had a few hard years. HTML5 whupped its ass. So it’s going away. Sort of. In its place, Adobe will give us Animate CC, which loses the loser of a name but retains much of the function. There...
View ArticleHTML 5 Cheat Sheet
From Jamie Spencer, here’s a mega HTML 5 cheat sheet. If you want to print it, a PDF is available at makeawebsitehub.com/the-html-5-mega-cheat-sheet HTML5 Cheat Sheet Cheat Sheet via Make a Website Hub...
View ArticleResponsive Images (Video)
Two excellent videos from Akamai Technologies are available explaining how to code for responsive images. The first is written by Mat Marquis, the second by Yoav Weiss. Both films go quickly and bear...
View ArticleWhen to use the null alt option for images
The standards set in WCAG 2.0 state: Guideline 1.1 Text Alternatives: Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print,...
View ArticleMaking Images Responsive
Making Images Responsive photo by Virginia DeBolt I’ve been attempting to sort out in my own mind exactly what I needed to be teaching students about responsive images. For a while, things have been a...
View ArticleSome Teaching Tips for HTML5 and CSS3 7th Edition
Where I teach, we use HTML5 & CSS3 Visual QuickStart Guide (7th Edition) to teach both the basic HTML and the CSS class. This version of the book came out in 2011. There’s an 8th Edition released...
View ArticleReview: HTML & CSS: Design and Build Websites
product HTML and CSS: Design and Build Websites by Jon Duckett is from Wiley & Sons (2011). This book is a little old (4 years) but I was so impressed with the JavaScript book by the same author...
View ArticleWhy 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 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 ArticleSections 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 ArticleHTML5 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 ArticleUseful 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: 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 ArticleHTML5 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: 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 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: 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 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 Article