A2 Codesigner

Attending the UX Web Summit today was a great refresher on the topic of User Experience. The web conference hosted by Environments for Humans was the first I have attended and won’t be the last. The conference covered User Experience at every stage of the development process, from the original concept down to the final design. Majority of the techniques covered at the conference are all taught at Washtenaw Community College in the Internet Professional Program (my alma mater). Some new techniques that caught my eye were the use of Page Descriptions Diagrams and Content Strategy, both brought up by Nick Finck of BlueFlavor.com. Two techniques that I will most definitely add to my arsenal of Usability Research.

Overall I enjoyed the conference and the great presenters who all have years experience working for successful companies. Instead of having the users experience in the back of my mind during some stages of development it will be at the front during every stage of the development process.

Even though we all know the sluggish pace of the W3C and the cross browser compatitibility issues, web sites all over are starting to use these new styling properties. Majority of the ones being used are the cool ones and are of course propietary using the -moz for Firefox and -webkit for Safari properties. Luckily the presentation gracefully degrades with inferior browsers. Properties such as rounded corners border-radius:,  text-shadow:, border-image:, and box-shadow are becoming very popular.

It will still be a few years before we can all adopt some of the more useful CSS3 properties and functionality such as column: for sturdy multi-column layouts. Clearing floats and positioning issues will be a thing of the past. Media queries which allow you to pass different style sheets based on the browsers screen size. Extremely useful for growing number of mobile internet users as well as users with large monitors at higher resolutions.

There are already some great resources available if you feel like using some CSS3 on your new websites or start practicing for future reference.

CSS3 Introduction. A great article by Design Shack introducing the basics of of CSS3.

CSS3.info. One stop shop for everything about CSS3. A list of all the properties, examples, browser compatibility, and selector test for your browser.

CSS3 Cheat Sheet. PDF (123K) created by Smashing Magazine.

Of course the W3C has their working draft on the CSS3 specs but as usual it’s cryptic and isn’t to useful. So have some fun writing invalid code for the future.