Learn to create a slider timeline menu with CSS3 animations. It is a fixed navigation that smooth scrolls to new sections with a cool slider effect.
CSS3 Keyframes are great for creating anything from complex, multi-step animations to simple looping animations.
Recently I’ve been playing around with the perspective tools. So I was thinking it would be cool to have a sidebar menu that when clicked would shift the perspective of the current window and slant it in a way that revealed the menu options.
Today’s website I want to feature is Google Play. It has an interesting menu which I will recreate with jQuery and CSS3.
I am going to recreate a Pentagon Hover effect that smoothly meshes together a rotate effect with a right nudge of the image that is great for portfolios.
I created a simple animation that shows many characters you have left while typing in a field. It is a grey bar underneath that fills up as you type
It’s really interesting to see web design evolve over time. Another more subtle trend I’ve really liked is the use of Hexagons in design.
This week’s roundup will be comprised of all Free Wordpress Themes. I will showcase some recently released themes that I was impressed with.
This week’s main inspiration is Rift’s Create a Colossus Contest. This amazing showcase of talent could inspire anyone in the fantasy genre.
We will be using CSS3 transitions and transforms to create a smooth animated navigation with some jQuery to tie it all together.
Here are some Fresh and jQuery plugins, tutorials, and articles that were released recently as of 7/5/11.