Overlay-like Effect with jQuery
In Tutorials by Manoela Ilic
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 […]
All Posts
Browse through all our articles, tutorials, roundups, and experiments.
The Problem with Web Fonts
In Articles by Patrick Cox
The problem with web fonts is that nobody wants to use the ‘safe’ fonts and you need as much live text on your site as possible. So what’s a designer […]
Fullscreen Gallery with Thumbnail Flip
In Tutorials by Manoela Ilic
In this tutorial we will create a fullscreen gallery with jQuery. The idea is to have a thumbnail of the currently shown fullscreen image on the side that flips when […]
25 Examples of Interesting and Creative Structures in Web Design
In Articles by Gisele Muller
Of course we all love the basics when it comes to web design, we like columns, grids, organized and well disposed content… but that doesn’t mean we don’t like creative and interesting structures in web design. Here we will show some examples of websites chosen a little bit different approach to design their pages and had a nice result.
Let’s call it Modern Web Design
In Articles by Patrick Cox
I am proposing a new buzzword to replace all other web design buzzwords. Forget ‘Graceful Degradation’, lose ‘Progressive Enhancement’, drop ‘Semantic Web’ and let’s finally throw out the ‘Web X.0’ […]
3D Wall Gallery
In Playground by Manoela Ilic
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
In Articles by Manoela Ilic
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 […]
Thumbnails Preview Slider with jQuery
In Tutorials by Manoela Ilic
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 […]
25 Examples of Circular Elements in Web Design
In Articles by Gisele Muller
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 design special. Today we decided to list some good examples of circular elements in web design. We will show you beautiful circular buttons, menus, images and other details.
Fingers are Bigger than Mice – Design Concepts for Mobile Websites
In Articles by Patrick Cox
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 mass. The days […]
Sweet Thumbnails Preview Gallery
In Tutorials by Manoela Ilic
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 […]
Shadow Usage in Web Design
In Articles by Gisele Muller
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. From underlines […]
Visual Movement: Flow in Web Design
In Articles by Patrick Cox
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 […]
B&W Box Gallery
In Playground by Manoela Ilic
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 different […]
Creative Examples of Portfolio Item Display
In Articles by Stelian Subotin
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 ideas […]
Share, Don’t Steal (why we copy)
In Articles by Patrick Cox
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 […]
Animated Form Switching with jQuery
In Tutorials by Manoela Ilic
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 […]
25 Fresh Examples of Beautiful UI Elements
In Articles by Gisele Muller
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 its users. Everything need to be well designed, positioned and planned. Drop downs, menus, search boxes, forms…all these elements need to be clear, easy to see and use and also beautiful, everything to get the viewers attention and get the results we want.
