Mobile-First Responsive Websites provide users with the best possible experience afforded by their devices. Just as the UI and content will adapt to device widths and network capabilities. So should the website logo have adaptive qualities.
Simply reducing or enlarging a logo according to its context isn’t always the best solution.… Read the rest ⇥ “How to Make a Responsive Logo Design”
We’re going to build a simple-looking web page displaying one toggle button. When the toggle button is clicked, the page will rotate (-13°) degrees to reveal the navigation. Clicking the same button rotates the page (+13°) back into place.
We’ll use the GreenSock animation plugin to create performant UI animations based on the user’s interaction with the website.… Read the rest ⇥ “Devil in the details: HOW TO BUILD A BULLETPROOF FULL-PAGE ROTATION ANIMATION THAT REVEALS A HIDDEN MENU WITH GREENSOCK (GSAP)”
This is a summary of Chapter 5 of Jeremy Kieth’s excellent book “HTML5 for Web Designers” by publisher A Book Apart. Bear in mind that this article is 1/4 my opinion and observations. The other 3/4 is para-phrasing directly out of the book.… Read the rest ⇥ “HTML5 section, aside, header, nav, footer elements: Not as obvious as they sound”
Paul Irish points out that production CSS should always be concatenated and as a result be super ugly to human eyes.
The file that you author should not be the one you deploy. The production CSS should be concatenated and run through a minifier and quite ugly to look at.
… Read the rest ⇥ “Make Your Production CSS Ugly!”
Hi! I finally got around to releasing all my oldschool CSS3 animation experiments on GitHub.
Warning: Not for production. This code is old and experimental.
… Read the rest ⇥ “CSS3 animations go open source on GitHub”
Get the Insider Information on Css3 Animation
Did you know that Wired Magazine (iPad) might be the first publisher to use CSS3 animation as a major design element of a story? The cover story no less!
… Read the rest ⇥ “CSS3 Animation & Wired Magazine – The Inside Story”