Skip to content

Category Archives: web-education

Useful Links: Microformats are Hot, Accessibility Infographics, Nerd Words, Structure and Presentation

Web Data Commons Launches has data showing that about 89% of all structured data on the web is in the form of microformats. 5 Infographics on Web Accessibility for Designers is a nice compilation. 6 Made up Nerd Words that Made it to Common Usage, and 8 that Should. The Separation of structure, presentation and [...]

Going to An Event Apart? 5 Tips to Help You Get Ready

The latest iteration of An Event Apart is nearly upon us, to be held in Atlanta next month with subsequent sessions upcoming in Seattle, Boston, Austin and Washington, DC later in the year. Widely recognized as the most important conference of the year for web site designers and developers, An Event Apart offers a series [...]

Useful links: Zoom bug, CSS1K, iTunesU App

Zooming Bug in Webkit at AlastairC is must reading. CSS1K. This is great stuff. It’s like CSS Zen Garden grew up and became super efficient (meaning under 1K) while still being very cool. New iTunes U App Hits iTunes With Over 500,000 Free Lectures, Videos & Books. This is important news to web educators and anyone [...]

Useful Links: CSS3 Cursors, Learn to Code, HTML5 in WordPress, ARIA

Introducing the New CSS3 Cursor Styles is at Sitepoint. Learn to Code is an new site that aspires to become a brilliant educational tool by teaching users to code using interactive and social tools. Congratulations to this new venture and wishes for much success in teaching learners to code. The Rise of HTML5 in WordPress [...]

Liz Castro: Outstanding Woman in Technology

Elizabeth (Liz) Castro is a tech writer who has been influential in the growth of web design and the Internet since the 1990′s. Her website is elizabethcastro.com. Her blog is Pigs Gourds and Wikis. She’s a mentor of mine, and a source of information for literally millions of readers who want to know something about [...]

Now Available: How to Create a Responsive Web Site Using Dreamweaver CS 5.5

I’ve been thinking of writing about using the Dreamweaver CS 5.5 interface to create media queries lately. Dreamweaver’s system works, but it isn’t easy to figure out and doesn’t match up with what you read in articles by Ethan Marcotte and other responsive design gurus. The interface doesn’t explain itself well, and offers very little [...]

Media Query Fact Sheet

Something to keep at hand so you can check on all the possibilities and see the measurements. Device Features that can be used in media queries width (min and max)  height (min and max)  device-width  device-height  orientation  aspect-ratio  device-aspect-ratio  color  color-index  monochrome  resolution  scan  grid These can be chained together with the word ‘and’ @media [...]

Web Education Community Group at the W3C

A new W3C web education community group is building and forming. You can join and participate here: w3.org/community/webed. The Web Education Community Group (CG) aims to evolve the Web and improve the overall skill set of the web industry by improving the quality of available web education resources and courses around the world. There’s a [...]

Styling Lists 101

This week I’ve been sharing some material I wrote as handouts for a CSS class at UNM Continuing Ed. Here’s the one about styling lists. Styling Lists Lists are probably the most useful element on the web. They make things easier to read and they are great for navigation. Bullet/numeral styles For list-style-type on an [...]

Styling Text 101

Here’s another of the handouts I prepared for a Continuing Ed class in CSS at UNM. Styling Text There are many ways to control the typography on your HTML pages. Fonts Fonts are chosen in font-families. Usually pick more than one. Pick fonts that are all serif fonts and then end the list with the [...]