background preloader

Web Design Resources

Facebook Twitter

25 jQuery Plugins to help with Responsive Layouts. The most popular topic of discussion at the moment is undoubtedly responsive layouts in web design. Without going into it too much, a responsive layout allows you to offer a specific and optimised screen size based on whatever device (mobile, tablet…) the visitor uses. You would typically use Media Queries to resize the overall layout, but what about all of those individual elements and features that make your page unique?

Navigation, forms, images, sliders, carousels… they all need to be optimised as well. That is were this post comes in, by highlighting 25 jQuery plugins that will help you optimise and resize those trickier web elements. Response.js Response JS is a lightweight plugin that gives you the tools for producing performance-optimized, mobile-first responsive websites.

Response.js Responsly The Responsly plugin is a set of simple responsive widgets written using CSS3 transformations. Responsly Menu to a Dropdown for Small Screens Menu to a DropdownDemo Responsive Menu Doubletake. CSS Framework Custom Downloads | Gumby Framework. Meer.li - Featured designs. The Toolbox: a directory of useful single-page sites and apps. Adaptive Images in HTML.

Image Placeholder

Color Combinations | Color Schemes | Color Palettes. Themes. Web Grids. Web Font and Identification. CSS Playground/Sandbox. Image optimize. Ipsum. JS Playground/Sandbox. CSS/Site Layout Builders.