DesignM.ag

Today, I would like to go over a quick and simple way to allow your users to switch page layouts by using CSS and jQuery.

Today’s web users expect web pages to be increasingly more interactive. To this end, the ability to change page layouts provides your users with a more immersive experience and allows them to consume information more easily, either with a quick gallery view, or a detailed summary view.

View Demo of Display Switch

One of the biggest trends in web and graphic design in the past couple of years has been the use of textures in websites, print design, and everything in between. Textures help give designs a more “real world” feeling by incorporating surfaces that we are all familiar with.

The premise of a texture is pretty basic: it’s simply a photograph of one specific surface, whether it be wood, fabric, paper, or one of the millions of other textures out there.

A while ago WordPress added the ability to easily give captions to images within posts and pages. Most bloggers choose to style images in one way or another using CSS, and the caption provides an opportunity to for designers and bloggers to do some customization here.

When you’re inserting an image into a post or page you’ll see the options shown below, which include entering a caption. If you leave this field blank the caption coding will not be added, but if you fill it in the caption coding will be added.

Navigation is an important part of web design from a usability perspective. However, links and navigation menus also provide opportunities to improve the visual appearance of the site, or to add some interesting effects. If you’re looking to create a navigation menu that stands out from the crowd, jQuery provides plenty of options. In this post we’ll feature 25 tutorials that will show you how to jQuery and CSS to create some interesting effects.

How to Make a Smooth Animated Menu with jQuery