Tweet Heat - The hottest Tweets of the Month [January 2012] This is a guest post by Jan Rajtoral AKA Gonzo the Great, founder of gonzodesign, who provides design services across the full spectrum of Brand Identity, Graphic Design, Print and Advertising Design & Website Design. In this new series of posts we’re going to take a look at what has been published last month in the Blogosphere. We hand-picked the best stuff including resources, tutorials, scripts/snippets, WordPress related posts and a lot more. All these design-related links have been mentioned on Twitter in the last month, and collated in this single article.
Build Awesome Apps with CSS3 Animations Today’s HTML5 applications can provide awesome experiences thanks to the new CSS3 specifications. One of them is CSS3 Animations. It can help you building rich animations on HTML elements. This can provide interesting feedbacks to the users and enables fast & fluid UIs. HTML5 Presentation In March 1936, an unusual confluence of forces occurred in Santa Clara County. A long cold winter delayed the blossoming of the millions of cherry, apricot, peach, and prune plum trees covering hundreds of square miles of the Valley floor. Then, unlike many years, the rains that followed were light and too early to knock the blossoms from their branches. Instead, by the billions, they all burst open at once. Seemingly overnight, the ocean of green that was the Valley turned into a low, soft, dizzyingly perfumed cloud of pink and white. Uncounted bees and yellow jackets, newly born, raced out of their hives and holes, overwhelmed by this impossible banquet.
How to Create an Awesome Scrolling Navigation using jQuery - thebeebs I was looking over the .net award nominees this week and stumbled across the flipboard.com website. I loved the scrolling navigation so much I just had to open up visual studio and try and recreate it myself. DemoView Demo The main thing flipboard do differently is to have the logo and logo background elements move at different animation speeds from each other and the main content. This effect is is similar to Parallex scrolling and gives the website more interest, depth and flair. I’ve documented the main steps to recreate my demo below: HTML5 differences from HTML4 Abstract HTML is the core language of the World Wide Web. The W3C publishes HTML5 and HTML5.1. The WHATWG publishes HTML, which is a rough superset of W3C HTML5.1.
Style Master CSS Editor for Windows and Mac OS X Cool Tools and Toys for Web Developers John, the lead developer (ok, pretty much the only developer) of Style Master is an avowed hacker. He loves exploring and experimenting with the latest features in browsers. Build an Infinite Scrolling Photo Banner With HTML and CSS Today we’re going to embark on the challenge of creating an animated banner of photos that automatically scrolls horizontally through an infinite loop. The best part: we’re going to do it without a single line of JavaScript. To make this banner truly useful, our goal will be to use individual photos dropped into our HTML, not simply one long CSS background that repeats. This is pretty tricky but we’ll walk you through exactly how it works. Let’s get started! The Idea
HTML5: seriously, it's not just for video In a way, HTML5 has been reduced to a buzzword. You hear a lot of noise about how great it is for video, and how the web standard is an alternative to Flash content, but you don't see a whole lot of examples of that. We thought we'd take a moment and round up some of the cooler, more exciting instances of HTML5 online -- sites and experiments that go way beyond just playing someone's home movies. We're talking 8-bit gaming, some really crazy video effects, and a handful of incredibly interesting ways designers are maximizing the potential of the everyone's favorite new toy. Understanding HTML5 Content Models Earlier this week we looked at the new text-level and structural semantic elements html5 provides. Today I want to continue and talk about content models in html5, specifically the new outline algorithm for creating hierarchy. Once again much of the content below comes to me via Jeremy Keith‘s book HTML5 for Web Designers, which I highly recommend. Unfortunately some of what we’ll look at below isn’t yet supported by browsers. Some of it will be, but not all.
HTML5 Presentation In March 1936, an unusual confluence of forces occurred in Santa Clara County. A long cold winter delayed the blossoming of the millions of cherry, apricot, peach, and prune plum trees covering hundreds of square miles of the Valley floor. Then, unlike many years, the rains that followed were light and too early to knock the blossoms from their branches.