Here’s an eye-catching halftone navigation menu that would look beautiful in your website’s design. Creator Martin Angelov shows you how to make this using CSS3 and jQuery. Check out the DEMO and DOWNLOAD the file, then click on the image below to launch the tutorial. Incoming search terms for the article: web menu design how [...]
Finally, there’s no need for you to upload a PowerPoint (.pps) file and embed a code on your webpage just to be able to display a slideshow presentation. Here’s a great script I found over at AjaxShake that’ll teach you how to create an amazing slideshow in an HTML5 environment! The code is created by [...]
The Space-Themed Portfolio Landing Page by Tom of PSDFAN. This is a nice and sleek template that will definitely appeal to tech lovers. In this tutorial, you’ll learn how to come up with a design like this from scratch – from background canvas to space elements to highlights to menu. Click on the image for [...]
Contents of any HTML5 element with a contenteditable attribute can be live-edited inside the browser window. But any changes that you apply won’t be saved on the actual document itself that is located in the server, so these changes won’t appear anymore once you refresh the page. To get around this and have the data [...]
Jazz up your online form by adding eye-catching effects to it with this jQuery tutorial! This jQuery code is known as the “Gravity Registration Form” because it shows the next hidden field for the user to fill up by making it drop down below the preceding one. Click on the image above for the demo. [...]
Martin Angelov’s jQuery bubble animation effect is ideal for portfolio or gallery websites. It is very easy to use and highly customizable though it doesn’t work well with older versions of IE since it utilizes CSS3. You can also use this effect to create backgrounds and headers. Since the plugin is made to resize automatically, [...]
Today, I’d just like to share with everyone this neat WordPress trick by Libby Fisher from Icode4you.net. It’s a short code that will not only let you display the most recent post titles from a certain category but also let you specify how many titles you want displayed. Below is the code: <ul> <?php global [...]
This nice jQuery effect by Gaya Kessler simulates gravity animation. The idea of this is when you hover above the string that holds both blocks, it will break and the block below will fall. Click on the image above to see how this works! Also, you can get the DEMO and SOURCE FILE here. Enjoy! [...]
When you make a numbered list in HTML with the ordered list (<ol>) tag, sometimes you’d like to style the numbers as well. Thanks to Chris Coyier‘s tutorial, this is possible. For example you want to number the Q-and-A pairs in an FAQ list and then add styles to those numbers at the same time, [...]
Web designer and developer Joren Rapini’s tutorial teaches us how to create a terrific navigation image rollover, which uses very minimal HTML and CSS codes. Click on the image below for the demo: The first thing to do is to create a navigation image menu with Photoshop. Then, we’ll be writing the HTML and CSS. [...]
0
1397
390
