Tag Archives: transitions

CSS3 Transitions: Thank God We Have A Specification!

This article is packed with a number of quirks and issues you should be aware of when working with CSS3 transitions. Please note that I’m not showing any workarounds or giving advice on how to circumvent the issues discussed. Alex MacCaw has already written a very insightful and thorough article on “All You Need to Know About CSS Transitions.”
Whereas Alex wrote about achieving particular effects, I’m going to talk about the technical background, especially the JavaScript-facing side.

This article:

CSS3 Transitions: Thank God We Have A Specification!

Why Transitions Are Important

Life and nature are one big transition. The sun slowly rises to mark a new day and then slowly sets to mark the end of the day and the beginning of night. We are created in the womb and from small cells we grow, are born and gradually age until we die. [Links checked March/16/2017]
Perhaps these natural transitions in life are what make artificial transitions feel… well, right. Sometimes, though, when something jumps from one state to another, it feels OK but doesn’t quite feel right.

Link – 

Why Transitions Are Important

How To Build An Agile UX Team: Hiring

This is the second in a three-part series on how to build and grow successful user experience teams in agile environments. It covers challenges related to organization, hiring and integration that plague UX teams in these situations. The perspective is that of a team leader, but the tactics described can be applied to multiple levels in an organization.
In part 1 of this series, we discussed what kind of organizational structures and attitudes are needed for agile and UX integration to take root.

Original article: 

How To Build An Agile UX Team: Hiring

How To Bring Interactivity To Your Website With Web Standards

Adding interactivity and animations to a design doesn’t have to be complicated or make the website inaccessible when you use modern Web standards. In this article, we’ll explore several examples and theories that employ CSS, HTML, SVG, the canvas element and JavaScript. Some of these techniques you’ll know, others you may not have considered. Let’s start with the basics.
Further Reading on SmashingMag: Usability Do’s And Don’ts For Interactive Design Interaction Design Tactics For Visual Designers 10 Ways To Make Your XHTML Site Accessible Using Web Standards Best Practices In Modern Web Design: The Ultimate Round-Up 1.

Link to original: 

How To Bring Interactivity To Your Website With Web Standards

Start Using CSS3 Today: Techniques and Tutorials

We have been publishing articles about CSS3 for a while now, and we keep receiving angry e-mails from some developers who complain that it doesn’t make sense to use CSS3 today. Yes, Internet Explorer doesn’t support most CSS3 properties. And yes, CSS3 vendor prefixes are bad for maintainability (and this is why we recommend extracting vendor prefixes in a separate CSS3 file).
But it’s OK to accept that Web is a dynamic medium, and it’s OK to create rich, interactive, beautiful designs for those who are already using a modern browser or will be using one soon.

Continue reading: 

Start Using CSS3 Today: Techniques and Tutorials