A tutorial about Creating Pentagon Hover Effect by using CSS3 and jQuery. It smoothly meshes together a rotate effect with a slight nudge right to the image along with a colorization of the image.
A tutorial about creating basic modal by using jQuery and CSS.
A tutorial on how to create some nice custom drop-down lists with CSS and jQuery.
There are five examples with different looking drop-down menus and lists for various purposes.
A tutorial about Creating Android Dock using jQuery & CSS3.
The application icon will pop out consecutively when arrow image on the dock clicked and not just the icon beautifully animated the dock itself also rotating vertically with 3D style.
A tutorial about creating an accordion menu by using jQuery and CSS3.
A tutorial about "Creating Google Play’s Multi-Level Navigation Menu".
This menu has smooth animation and let users peek at the root-level menu by simply hovering a back button. It's created with using HTML, CSS and jQuery.
An experimental push menu with multi-level functionality that allows endless nesting of navigation elements.
The result is a “push” menu that can (theoretically) contain infinite nested sub-menus. When opening a sub-level, the whole navigation pushes the content more, allowing a slice of the parent menu to be visible. Optionally, this slice can be visible or not, in which case the sub-menu will simply cover its parent.
Nice tutorial about some inspiration for headers that animate when scrolling the page. This tutorial show you what kind of effects could be used to spice up your website’s starting element and give it some life.
A tutorial on how to create a mobile-friendly and responsive expanding search bar.
Summarized, this is what we want the search component to do:
A tutorial about how to create a simple, but very stylish vertical menu using some CSS3, jQuery, a custom text font and the most impressive icon font. Combine all of these with a nice color scheme and you get a beautiful UI element, ready to be used in your projects!
In this tutorial you're going to create a horizontal portfolio layout with cool hover effects. CSS3 animations and transitions used for hover effect of the portfolio items, and some jQuery to replicate the image pan effect on hover.
Also there is falling down effect on scroll, where the portfolio items fall down as soon as they enter the visible area of the viewport.
A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition.
An animated header that will change its size on scroll. Once a certain amount of the page gets scrolled, the header will decrease its size and the inner elements will adjust their font-size/line height. There are example media queries for dealing with different screen sizes.
In this tutorial you are going to create a gallery with a smooth diagonal fade effect, powered by css3 transitions. It will scan a folder with photos on the server and display them in a grid that spans the entire browser window.
CSS3 capable browsers will show a smoothly animated diagonal fade effect, while older browsers will fall back to a simpler but still perfectly usable non-animated version of the gallery.
This is a simple tooltip menu that will show a tooltip submenu when hovering over an item. The submenu will either appear above or below the main menu, depending on where more space is available.
Using Modernizr’s touch detection, the menu will either react on hover or on click. Example media queries show how to adjust the style for smaller screens.