Skip to content

Category Archives: CSS

Useful links: Alt, POUR, Layout

The Hidden Nuggets of WCAG 2: When Not to Use Alt Text. Excellent article. Would be a great resource to send students to read. Constructing a POUR Website is from WebAIM. Six CSS Layout Features to Look Forward To. This is material from a talk on how the CSS Working Group is attempting to solve [...]

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 [...]

Useful Links: CSS Layouts, Sliders, 2011

The Future of CSS Layouts. It’s coming and it’s gonna be good. Check out this exciting post by Peter Gasston at .net. What you need to know about the HTML5 Slider Element. There is no slider element in HTML5, the post is talking about the new input type ‘range’ combined with the JQuery function called [...]

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 [...]

CSS Selectors 101

I’m preparing some handouts for an 8 hour continuing ed class in Cascading Style Sheets I’ll be teaching at UNM. The class doesn’t get a book so I have to write everything up myself. I thought I’d share some of the handouts here. The first installment: CSS Selectors. CSS uses rules to apply styles to [...]

Useful links: Adaptive Design, nested figures, Susan Kare

Nice article on Opera Dev by Chris Mills about Adaptive Design with media queries. Nested Figure Elements on Paciello Blog. The Sketchbook of Susan Kare: The Artist Who Gave Computing a Human Face. Did you know about Susan Kare? I’d never heard of her before. I certainly think a mention of her contribution to the [...]

Useful links: top 25 books, edu conferences, blue beanie day, semantics, Think Up

The top 25 books for web developers and designers from .net is a good list to check to see if you’re keeping up with the latest. I noticed that several of the 25 are from A Book Apart. That led me to tweet this: Is there some sort of brain implant that would directly feed [...]

CSS 3 Presentation and Resources

Great resources for each of the 10 Advanced CSS Techniques (You Wish You Knew More About) are listed in the slide deck that Emily Lewis and Jason Nakai used in a talk in a recent Webuquerque presentation. Work with each sites listed in their resources and you will become a complete expert. Keep an eye [...]

Useful links: media queries, next 6 billion, iOS5

Essential Considerations for Crafting Quality Media Queries from zomigi. Anytime Zoe takes the time to write about CSS, it’s worth reading and this article is particularly timely. The Next 6 Billion. I’m already seeing references to “the next 6 billion” as a phrase that everyone seems to understand and that carries a lot of background [...]