Rotating Image Slider with jQuery
In the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the slidi
Archive
Here you can browse through all posts from the categories articles, tutorials and playground.
Animated Skills Diagram with Raphaël
In Tutorials by Marcin Dziewulski on
In this tutorial we will show you how to create a diagram using Raphaël – a small JavaScript library that is great for working with vector graphics. The idea
Restaurant Website and Gallery Template
In Playground by Mary Lou on
Today we want to share a little website experiment with you. The theme for today’s template is a restaurant website which will include an image gallery for the
Mega Web Buttons Pack #1
In Playground by Marcin Dziewulski on
Today we want to share our first set of easy-to-implement buttons called ‘Mega Web Buttons Pack’. In this set you will find 42 buttons which you can use
Interactive Google Map using the Twitter API
In Tutorials by Marcin Dziewulski on
Hey! In today’s tutorial we will create an interactive Google map using the geocoding service. Using the Twitter API we will retrieve the user’s location
Circular Discography Template with jQuery
In Playground by Mary Lou on
Today we want to share a simple website template with you. The template will show some discography or music albums in a rounded fashion, rotating the albums when cli
Moving Boxes Content with jQuery
Today we will create a website template with some really sweet animations using jQuery. The idea is to have little boxes scattered around at the top of the site and
25 Examples of Portrait Usage in Web Design
In Articles by Gisele Muller on
Following the recent trend of using big background images in web design, we decided to gather a list of websites using portraits in their layouts. So at this showcas
The Importance of Texture in Mobile Design
In Articles by Patrick Cox on
Implied textural designs are not new to the interwebs. Most of the time texture is used as a design device to add depth, dimension, or just used to spice up a bland
Expanding Image Menu with jQuery
In today’s tutorial we will create an expanding image menu with jQuery. The idea is to have some columns with black and white image slices that will make a con
Animated Content Menu with jQuery
Today we will create a slick animated content menu with jQuery for a restaurant theme. The menu items will be animated and when clicked, a content area with more inf
Showcase of Parallax Usage in Web Design
The use of the parallax effect or parallax scrolling effect in websites can add a nice three dimensional depth illusion to the design and make the visit very interes
Make ’em Feel at Home
In Articles by Patrick Cox on
The more comfortable users are with your website the more likely they are to enjoy their experience and come back for another visit. Make them feel at home with a fa
25 Examples of Interesting and Beautiful Navigation
In Articles by Gisele Muller on
Designing the perfect navigation for a website it's one of the main keys to have a good outcome, to have a website that gets users attentions and make them want to b
Re-thinking Browser Compatibility
In Articles by Patrick Cox on
Kryptonite is to Superman as the browser is to the web designer. The lives of web designers everywhere would be much better if browsers would render their beautiful
Designing for Feature-Rich Websites: Best Practices
In Articles by Kayla Knight on
For all websites, organizing content can be an issue. With poorly planned content placement, the visitor may not know where to look, or when. Disorganization can als
20 Unique and Creative Image Sliders
Image sliders and sideshows have become an essential element in web design. They are a great way to display information and visual content in an interesting way. Fro
Overlay-like Effect with jQuery
Today we will create a slick overlay effect with jQuery that does not use an overlay. The idea is to change the opacity or the color of certain elements in order to