Family man. Long-time web developer. Always sweating the details. Crazy about animation. Perpetually making (or breaking) things. Avid enthusiast of the absurd.
Sorry head-hunters, my job keeps me busy. But if you want to geek out about web stuff or just say hi. Hit me up on the social thingy's listed above.
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)”
Click here to watch the CSS animation inspired by the Mad Men show opening credits. I’ve updated it with some simple GPU optimizations and auto-play once loaded. Compare the CSS animation to the original opening credits on YouTube.
––– UPDATED: January 31, 2020
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.
… Read the rest ⇥ “Make Your Production CSS Ugly!”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.
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.
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”