Apple Webdesign Style

Apple-style Slideshow Gallery With CSS & jQuery

Here you’ll be making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. It will be entirely front-end based, no PHP or databases required.

Apple style Accordion Menu

This tutorial will walk through how to create your own simple plugin, and then replicate the Apple downloads drawers using the very excellent Accordion plugin.

How to: Recreate menubar menubar is really an exemple in terms of clean, semantic code and very cool design. In this tutorial, you will recreate Apple’s website navigation bar and study the techniques used.

Leopard Desktop with jQuery using jqDock


In this tutorial you’ll learn how to use jQuery to create a completely coded Dashboard, just like Leopard! This can be handy in hiding a whole lot of gadgets or widgets you don’t have space for!

Create breadcrumb using simple CSS

In this great tutorial you will recreate type menu navigation.

Create an Apple Inspired Flash Preloader


In this tutorial you’ll create an Apple inspired preloader MovieClip and lrearn how to display some loading information. All this using Flash and ActionScript 3.0.

Create an apple style menu and improve it via jQuery


In this tutorial you will create Apple-flavored Leopard-text-indent style from Photoshop to coding it with jQuery.

A fancy search suggestion


In this tutorial author will be trying to recreate the effect from that website by creating a fancy search suggestion.

The iPhone unlock screen in xHTML, CSS and jQuery

How To: Recreate the Apple Product Slider with JQuery


Stylishly capitalize on limited space with a side scrolling image gallery, similar to the one that Apple uses to show off their products.

Fixed Floating Elements

Learn how to create floating comment form like apple shopping basket.

WordPress Sidebar Turned Apple-Flashy Using jQuery UI

Slider Gallery like on Apple website

Apple’s Navigation bar using only CSS

Free Apple Style Template