

However, I don’t think any of us want to go the route of forcing users into unwanted exchanges and road blocking content. The world of Flash intros and skip links could be recreated with CSS keyframes. We have all these capabilities with CSS properties to create the aforementioned fun interactions, and it would be quite easy to fall back into some old patterns and animation abuse. Knowing your content and audience can help you decide if an intriguing experience is appropriate for your site if it is, then hover responses can be a real asset.


The same can go for e-commerce sites: enticing your audience with surprise and delight factors can be the difference between a successful and a lost sale. I’ve worked on many higher education sites, and setting the interactive options is often a very important factor in engaging potential students, alumni, and donors. If you went to your local library and every book looked the same, how would you know which one to borrow? Imagine if every book was printed on the same paper stock with the same cover page in the same type size set at a legible point value… how would you know if you were going to purchase a cookbook about wild game or a young adult story about teens fighting to the death?įor certain audiences, seeing a site with hip, lively hovers sure beats a stale website concept. Yes, a site with pure HTML content and no CSS will load very fast on your mobile phone, but it leaves a lot to be desired. Maybe, just maybe, we can even have a little bit of fun when crafting these systems! At the same time, I believe that content can reign king and still provide a beautiful design with compelling interactions and acceptable performance impacts. Some proclaim the importance of content some encourage methods like mobile first to support content and others warn of the overhead and speed impact of decorative flourishes and visual images. We hear a lot of mantras in the web community.

However, with this power, we each have to ask ourselves: just because I can do something, should I? Why bother? We have a ton of power at our fingertips. Pairing CSS enhancements with our :hover pseudo-class allows us to add interesting events to our websites. Move over ActionScript tweens! The techniques we can now implement with CSS are reminiscent of Flash-based adventures from the pages of web history. CSS transitions and animations provide web designers with a whole slew of tools to spruce up our designs.
