What’s hot at Web Directions

15 10 2010

Yesterday a colleague and I were interviewed at Web Directions about “What’s hot and what’s not”. This was a great opportunity for us to plug livinggreener.gov.au as well as offer our opinion about what is emerging in the web development and design space.

Well, for me what is smoking hot at the moment is HTML5 and CSS3. I am uber impressed by what you can do without Javascript – transitions, fades, specialised fonts, animating images. To be honest I don’t think I have even explored the tip of the iceberg here as there is so much new stuff.

It seems so long ago when I created my first page in 1995, complete with tiled pineapples and a flashing title (many would remember that now ousted tag). There was not a lot of opportunity to animate then, not unless you included an animated gif or a flash tag. Javascript and Flash came later and both had their pros and cons. The capacity HTML5 and CSS3 has for doing much more of this work with less code is very inspiring.

Silvia Pfeiffer’s talk on HTML5 audio and video was fantastic (I know that is totally uncritical feedback). It was excellent because the possibilities offered to audio and video in HTML5. Silvia’s knowledge of this area as impressive and I look forward to keeping abreast of developments with HTML5, particularly in the open video space.

Knud Möller’s talk on RDFa was good value. As a member of the W3C RDFa working group he has a lot of insight into this emerging standard for tagging data. Again, there seems to be some good support in the open source community with Drupal 7 including RDFa as part of the standard set up.

Michael Smith’s “HTML5 Report Card” was very entertaining, the information was really useful and the presenting style was lots of fun. The useful links from this talk are all covered in his presentation on Slideshare (where he appears under the handle of sideshowbarker).

Also, I think there is momentum building in the geomapping space, though I have a way to go to get around the dev side of things. Icelabs Max Wheeler’s talk went a bit over my head on a technical level, though his website decaf sucks, is a lovely example of the use of geo-data that displays elegantly across desktop and mobile devices. Although I still have lots to learn, I am certainly getting a much better idea of what is possible with flexible design and geo-data.

Speaking of Icelab, it was great to see Nathan McGinness, who used to work there and was a member of dorkbot cbr before he relocated to Sydney to work with Digital Eskimo. He was there showing off his invention sketch lab. Good luck Nathan – it is a great idea!

Nathan McGinness - sketch lab

As a first timer, I understand now why so many web people make the pilgrimage to Web Direction year after year, as this is a great opportunity to learn, network, catch up with friends, colleagues and even past students. One of the things that hit me the most is this where people talk about how they make things, rather than just thinking or writing about it (which is what I have spent last 9 years doing –  focusing on my PhD).

I am looking forward to much more time to play and learning through doing, not just observing and I have plenty to inspiration thanks to Web Directions.





Real World CSS3 for designers – Dan Rubin workshop

13 10 2010

Dan Rubin’s CSS3 workshop was featured as part of the Web Directions South, which is a very popular event for web professionals.

It must be said that Dan is a bit of celebrity in this community as he has been involved in many high profile projects and contributed to a number of influential texts in this field. For example, Dan is a contributing author of Cascading Style Sheets: Sepa­rating Content from Presen­tation (2nd Edition, friends of ED, 2003), tech­nical reviewer for Beginning CSS Web Devel­opment (Apress, 2006), The Art & Science of CSS (Site­Point, 2007) and Sexy Web Design (Site­Point, 2009), coauthor of Pro CSS Tech­niques (Apress, 2006), and Web Stan­dards Creativity (friends of ED, 2007).

Even though I am not a designer in my current job, occasionally I do some freelance work, and, as my approach focuses on accessibility and usability, there is a significant role for CSS in the design process. Ironically, I really got into CSS when one of my PhD advisers, Tim Brook helped me to solve a design problem on a website project titled swipe. My initial design was of a bar code that was composed of images sliced into a table and then JavaScript was used to do roll overs and change words. My approach could only be described as very 1997, as despite my awareness of the accessibility issues, I could not think of another solution except for Flash. After Tim looked at the website he sent through a small piece of CSS which gave me the roll over. This was enough to get me thinking and playing with CSS as a design tool and I was very happy with the result.

The idea of play was a big theme in Dan’s workshop, which was a very practical tour of websites and tools that are utilising CSS3. The two things that were the most inspiring was media queries (new and easy ways of including multi device support in one style sheet) and the availability of a range of fonts that you can access and download.

The range of tools and the browser support for CSS has been exponential and Dan’s survey of CSS3 was very helpful. I will certainly be downloading tools such as CSS Edit (Mac), Modernizr, Selectivizr and accessing the quirksmode, hard boiled web design by Andy Clark and realworldcss3 by Dan Rubin websites as resources.

Some useful links from Dan’s workshop:

I am definitely inspired to experiment and remember the fun of play and of creative problem solving with CSS design. I have started a sandbox section of my blog to document my experiments and will share this play with readers.