Multiple Backgrounds with CSS

?? Web developer David Walsh has a great tutorial to share with us, which is making a multiple background with CSS. This feature is a very useful tool in preventing the need for nested elements. Click on the image to see his tutorial. Here’s the DEMO, and the CSS code: #multipleBGs { background: url(photo1.png), url(photo2.png), [...]

Continue Reading →

Steps on How to Mimic iGoogle Interface

Web developer James Padolsey shows us a very nice tutorial on how you can create an interface with widgets which mimics the stylish iGoogle interface. You can check the steps by clicking on the image. Get the DEMO and grab the ZIP FILE here.       Incoming search terms for the article: igoogle interface [...]

Continue Reading →

CSS3 Transitions For Single-Page Websites

It’s impressive how some single-page websites are designed, particularly in the way they transition from one section of the page to the next. Most of these effects are done with the use JavaScript and Sergio Camalich shows us that we can accomplish pretty much the same feat with his CSS3 tutorial. Click on the image [...]

Continue Reading →

iTunes UI Kit

The iTunes UI Kit by Susumu Yoshida is a great set that consists of awesome iTunes-based UI elements which could be very useful for your next web design project. Click on the image below to grab this cool kit.   Incoming search terms for the article: UI kit itunes ui kit cool ui design timeline [...]

Continue Reading →

Create a Restaurant Chalkboard Graphic Design With Adobe Illustrator

This great Adobe Illustrator tutorial made by Andrei Marius teaches you how to create a somewhat quaint yet very cool restaurant chalkboard graphic. It would be a great design to incorporate onto your website especially if it’s food-related. The tutorial starts off with creating the blackboard before moving on to the main highlight, which is [...]

Continue Reading →

Jquery Transit

Here’s a great plugin that will boost your site’s appearance. The jQuery Transit is created by Rico Sta. Cruz which boasts of super-smooth CSS3 transitions. Check out this tutorial by clicking on the image. Incoming search terms for the article: jquery transit jquery transit tutorial jQuery Transit menu transit jquery JQuery transit opinion jquery transit [...]

Continue Reading →

Create A Depth Of Field Effect Using CSS3

Here’s a very neat CSS trick that really makes good use of the text-shadow attribute. It is created by Sawyer Hollenshead and he simply calls it the “Depth Of Field effect.” The effect is animated with the use of jQuery and as you will see in the demo, it really looks cool. Basic HTML5 mark [...]

Continue Reading →

HTML5 & CSS3 E-Store Single-Page Layout

Looking for a design for your online store website? Here’s a very nice layout that’s well-suited for product online selling websites, called the ‘E-Store’. This is a single-page layout designed by a web designer at Script-Tutorials in which HTML5 and CSS3 features are used so it is easier for all website owners to modify. The [...]

Continue Reading →

Slidorion - Accordion and Image Slider Rolled Into One

In web design, there is what we call an accordion, which is used to display a context menu in a limited space. Another is the image slider, a container that displays multiple images one at a time through transitions. And then there’s Ben Holland’s Slidorion, an amalgamation of an accordion and an image slider. Each [...]

Continue Reading →

Create a Halftone jQuery Navigation Menu

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 menu [...]

Continue Reading →

Page 7 of 16« First...«56789»...Last »