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 gallery cms quicksand recorder error [...]
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 [...]
Today’s featured CSS tutorial comes from a web designer and developer who goes by the name of Luky VJ, and the aforementioned tutorial is about creating a rotating menu. If you find the design kind of familiar it’s because it is actually a modified version of the menu from CSS3Create. You can find the CODE [...]
Getting bored with those classic ‘Older Posts’ and ‘Newer Posts’ link navigators? Replace them with the WP-PageNavi by GamerZ and scribe. Because this plugin has wp_pagenavi () template tag, it generates stylish paginations that makes it look way cooler than the older and plainer links and you can get page buttons so users can directly [...]
There’s this simple yet brilliantly designed menu created by one Louis Remi that caught my eye while I was looking for some design inspirations to feature here on Blogfreakz and well, seeing his amazing work sure compelled me to share it with you! I admit that at first glance I didn’t notice anything special about [...]
0
487
