Weekly freebies in your inbox.

Freebies By Design Shock

Flat GUI: Spectacular set with more than 500 elements, 30 different colors and 100 vectors icons, totally editable files.

Divisors Mega Pack: 150 editable and repeteable vector divisors with sources in PSD

Form Templates: 250 login, register, newsletter, contact and social login templates with sources in PSD

Facebook Covers: 150 professional facebook covers with sources in Photoshop

Wooden texture pack: 300 + tileable wooden textures, several wood styles included.

Hades PSD Gui: Menus, tabs, sliders, buttons, icons, scrollbars, players, widgets, text elements.

Mega Ribbons Pack: 100 different ribbon styles, 30 color variation, with sources in PSD

Shock Handwritten Font: A beautiful, and exclusive free font you can download now

Pricing tables and business icons: 50 designs, 20 colors,112 icons, with PSD sources

More than 50 Full Folder and Brochure Templates with sources files in PSD

Invoice Templates and business templates, 15 free with sources in PSD, Ai and InDesign

MEGA Business Characters: More than 1000 characters, with sources files in AI

3D text effect for Photoshop, 50 3D styles and actions pack for photoshop.

Full iPad Gui pack (Retina display) 5 styles, 150 elements per style, sources files in PSD.

Monster mascots with source files, more than 1 million combinations

The most impressive Button Pack Ever: 2000 buttons, 100 design styles, 5 color variations

Ares GUI set: A full 3D GUI pack, more than a thousand 3D styled interface elements

Huge business pack: 50 business card designs, including PSD sources

Badges Galore: more than 100 badges, 5 different styles, 30 different colors.

FancyTables: Several styles and colors, including PSD, CSS and Bootstrap versions.

‹ ›

Friends

Weekly freebies in your inbox

Device widths for responsive design

Mar 14th/2012

5

Comments and suggestions in here

So, you are planning a responsive design, this diagram may come in handy, it shows (almost) all widths needed for different (almost all) devices and platforms. Very very useful.

Guys behind this nice diagram presented a interesting article showing different approachs and layouts to work with responsive design projects, so pls take a look to this very interesting research.

Responsive design planning

WebDesignShock Editorial

Author: Juan Pablo Sarmiento Founder and curator of:
iconshock
themeshock
boxofbundles
wpthemegenerator
webdesignshock

5 Responses to “Device widths for responsive design”

best website builder
March 14th

Many thanks for this, the diagram will definitely be very useful.

Reply
- WebDesignShock
  March 16th
  
  Check out some other posts of ours on responsive design that can be very useful to you such as Responsive Design: 160 Useful Tools, Plugins And Resources…best regards!

Samuel
March 15th

Thanks for this very useful and informative diagram. I have yet to try my hand at responsive web design, but this should really help me with my current mobile website development. It’s really handy to have a convenient and easy to follow list of all the different screen resolutions and mobile devices that are currently in use.

Reply
- Designer
  January 18th
  
  There’s a broad spectrum of sizes to deal with. Fortunately, the responsive approach can handle most of the situations. Thanks for your comment buddy.
WebDesignShock (@webdesignshock) (@WebDesignShock) says:

December 19, 2012 at 5:34 pm

From Archives: Device widths for responsive design http://t.co/9qbo8UWR #design #useful

Reply

Leave a Reply