May 19, 2013

May 2013 Meeting Report

We started the May meeting with a look at two websites illustrating opposite ends of the styling spectrum.

First was CERN’s restoration of the original website. They are putting back the files in their original versions as they were first uploaded. There is an entire site about this restoration that will tell you more. 

At the other end is CSS Zen Garden. This site recently celebrated its tenth anniversary and is now being converted to HTML5 and to current CSS standards. CSS Zen Garden is an inspiring collection of examples of imaginative webpage styling.

We spent the bulk of the meeting looking at the structure of HTML tables and their proper use. We then worked with the pseudo-classes that we have been discussing and styled tables with stripes, multiple stripes, and even a checker board. Some of the examples we used are available here at the Samples section.

We will put all of this together next month to style responsive tables.

May 15, 2013

May 2013 Meeting Announcement -- Better Tables ... and an Epiphany

We will continue at the May meeting with learning how to style tables to be responsive. This month, we will get into some more complex table structures and styling, touching on accessibility as well as responsiveness. You could argue that responsiveness is a subset of accessibility, but regardless, the topics will mesh.

And as I have been working on this subject, I have had a chance to examine my own use of tables – and I don’t always like what I see. We will explore this month.

May 07, 2013

CSS Zen Garden is 10 years old today.

We have talked abut CSS Zen Garden in past sessions of our workshop. News today is that CSS Zen Garden is amazingly now ten years old. This site has been one of the great showcases of what can be done with cascading style sheets over good clean HTML.

In celebration, founder Dave Shea has re-opened the site for new submissions. There are new requirements, as pointed out in the blog post, and of course the possibilities are wider than ever with HTML5 and CSS3.

Give it a try.