Let’s call it Modern Web Design
In Articles by Patrick Cox on
I am proposing a new buzzword to replace all other web design buzzwords. Forget ‘Graceful Degradation’, lose ‘Progressive Enhancement’, drop
Archive
Here you can browse through all posts from the categories articles, tutorials and playground.
3D Wall Gallery
In Playground by Mary Lou on
Today we want to share our latest experiment with you: the 3D Wall Gallery. Using the Safari browser the images of this gallery will be put into 3D perspective, when
Showcase of Depth and Perspective in Web Design
An interesting way to spice up a web design is to add some depth to it. Instead of making a design flat, certain elements and techniques can stimulate the depth perc
Thumbnails Preview Slider with jQuery
In this tutorial we will show you how to create and use a thumbnails preview slider with jQuery. Since we got a lot of requests to show how to make the preview slide
25 Examples of Circular Elements in Web Design
In Articles by Gisele Muller on
When designing a website we have a lot of elements to worry about: menus, navigations buttons, forms, header, footer and many other important details that make our d
Fingers are Bigger than Mice – Design Concepts for Mobile Websites
In Articles by Patrick Cox on
With smartphone subscriptions projected to climb above 50% of the market by the end of 2011, designing for mobile browsers and touch devices is now reaching critical
Sweet Thumbnails Preview Gallery
In this tutorial we will create an image gallery with jQuery that shows a preview of each image as a little thumbnail. The idea is to hover over the slider dots and
Shadow Usage in Web Design
In Articles by Gisele Muller on
When designing a website you can use several effects to drive attention to an element, emphasize something or simply to give your page an unique and personal touch.
Visual Movement: Flow in Web Design
In Articles by Patrick Cox on
In fine art, visual movement is used to guide the viewer through the piece. Lines, shapes, color, depth and hierarchy can all be used to guide the viewer from one po
B&W Box Gallery
In Playground by Mary Lou on
In today’s experiment, we created a little gallery that plays with the black and white versions of images. The idea is to have an initial grid-like view of the
Creative Examples of Portfolio Item Display
In Articles by Stelian Subotin on
Portfolios are a great opportunity to show your potential clients and customers what you have created and what you are capable of. It can also be a playground for id
Share, Don’t Steal (why we copy)
In Articles by Patrick Cox on
I’m totally guilty on this one Your Honor. I have copied sites before, but I have learned my lesson and I will never do it again. I promise. Why do we do it? A
Animated Form Switching with jQuery
In this tutorial we will create a simple animated form switch with three very common forms. The idea is not to leave the page when the user goes to another form but
25 Fresh Examples of Beautiful UI Elements
In Articles by Gisele Muller on
UI elements - user interface elements - are a really important part of the design process. They are what we can call the face of interaction between your site and it
Parallax Slider with jQuery
Happy New Year! We will kick start 2011 with a vibrant image slider tutorial. We will make use of the parallax principle to move different backgrounds when we slide
Portfolio Zoom Slider with jQuery
In this tutorial we are going to create some nice effects for a portfolio or similar website with jQuery. We will create a tiny slider and integrate it with the amaz
Website Tour with jQuery
In Playground by Mary Lou on
Today we want to share a little script with you that allows to create a tour on a website with jQuery. This can be very useful if you want to explain your users the
Moleskine Notebook with jQuery Booklet
Today we will show you how to use and customize the brilliant jQuery Booklet Plugin by talented Will Grauvogel. We will create a virtual Moleskine notebook with late