Quantcast
Channel: Web Teacher » HTML5
Browsing index pages (49 articles)

Image may be NSFW.
Clik here to view.

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 Article


Image may be NSFW.
Clik here to view.

New 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 Article


Image may be NSFW.
Clik here to view.

Flash 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 Article

Image may be NSFW.
Clik here to view.

HTML 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 Article

Responsive 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 Article


Image may be NSFW.
Clik here to view.

When 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 Article

Image may be NSFW.
Clik here to view.

Making 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 Article

Image may be NSFW.
Clik here to view.

Some 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 Article


Image may be NSFW.
Clik here to view.

Review: 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 Article


Image may be NSFW.
Clik 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

Why 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 Article

Image may be NSFW.
Clik 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 Article

Image may be NSFW.
Clik 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 Article


Image may be NSFW.
Clik 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 Article

Useful 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 Article


Image may be NSFW.
Clik 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 Article

Useful 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 Article


Useful 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 Article

Useful 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 Article

Revisiting 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
Browsing index pages (49 articles)


Latest Images