http://johnpolacek.github.io/superscrollorama/ If you want your site to be more dynamic, then you may try adding parallax scrolling to it. This effect was used in video games but now it’s making waves in the world of web design. One of the awesome plugins that you may use is SuperScrollorama, which is a super cool scroll animation [...]
If you love the effects of parallax scrolling, then Stellar.js is for you. It’s a jQuery plugin that provides effects of parallax scrolling to any scrolling element, created by Mark Dalgleish. It’s very easy to install and use so newbies to web design won’t have and problems integrating it in their website. The support in [...]
One of the latest jQuery plugins that would be very helpful in designing and creating menus is the jQuery-menu-aim plugin by Ben Kamens, a lead dev at Khan Academy. jQuery-menu-aim is a plugin for dropdown menus that can see the difference between a user hovering a dropdown item against navigating into the submenu’s contents. By [...]
Here’s a fresh tutorial by the guys at Script Tutorials about developing a sleek musical dropdown menu with HTML5 and CSS3. This navigation menu has CSS3 animation effects and an HTML5 Audio element was used in adding music to the menu. Follow the simple steps below: Step 1 HTML <ul id=”nav”> <li><a href=”#”>Menu element</a> <ul> [...]
Today’s featured MooTools snippet comes from Joel Lipman. It’s a little piece of code that you can use to contain the menu sidebar if you happen to have a dynamic content page. Joel’s site consists of a content page that changes its height often. He needed a way to prevent the menu sidebar to overlap [...]
What’s great about a dropdown list interface is that it saves your site some real estate. It frees up some space on the layout for you to put in other contents and features. WordPress’ default category widget is displayed as such but unfortunately the same cannot be said about the tags list. Good thing there’s [...]
Here’s another cool navigation menu that I came across. Created by the savvy web developers at Script-tutorials, the LavaLamp menu is a navigation menu that is made with pure CSS3. Below are the following codes. HTML Index.html <ul id=”nav”> <li><a href=”http://www.script-tutorials.com/”>Home</a></li> <li><a href=”#”>Menu 1</a> <ul> <li><a href=”#”>Submenu 1</a></li> <li><a href=”#”>Submenu 2</a></li> <li><a href=”#”>Submenu 3</a></li> <li><a [...]
Eric Hoffman demonstrates how you can create a vertical navigation using only CSS3 and without any images. The idea of this cool navigation is when you hover over the circle icon, it expands, displaying some descriptions about the menu. Be reminded though that it has been tested using Webkit browsers such as Safari and Chrome [...]
Created by Jacek Galanciak, Quicksand allows you to organize and record items to make your search get easier. Click on the image to find out how it works and download its file. Incoming search terms for the article: best design for quick sand quick sand quick sand @#!*% Quicksand quicksand filter hash quicksand gallery cms [...]
Created by a web developer in the Philippines, here’s a great navigation menu tutorial that uses only CSS. View the DEMO, then click on the image to see how it is done. Incoming search terms for the article: create a slick menu using css3 slick menu using css3 css slick menu slick menu slick menu [...]
0
504
