Design, CG Graphics & Inspiration
Responsive Web Design: Helpful Articles, Techniques & Tutorials

Responsive Web Design: Helpful Articles, Techniques & Tutorials

With the advent and popularization of tablets and smartphones in our lives, as well as the development of mobile versions of different sites there’s a need in creating a websites which will correspond to the requirements of multiple devices. The aim of creating a Responsive Web design can be achieved with the help of flexible grids, layouts, images and the use of CSS. In this post we would like to cover some tutorials, techniques and articles you might be interested in.

Responsive Design Tutorials & Articles

Responsive Web Design by Ethan Marcotte

Responsive Web Design
by Ethan Marcotte in Responsive Web Design

Responsive Web Design: What It Is and How To Use It

Responsive Web Design: What It Is and How To Use It in Responsive Web Design

CSS transitions & media queries

CSS transitions & media queries in Responsive Web Design

Working with media queries

Working with media queries in Responsive Web Design

CSS3 Media Queries & Responsive Web Design

CSS3 Media Queries & Responsive Web Design in Responsive Web Design

CSS3 Media Queries

CSS3 Media Queries in Responsive Web Design

Quick Tip: A Crash-Course in CSS Media Queries

Quick Tip: A Crash-Course in CSS Media Queries in Responsive Web Design

Responsive Data Tables

Responsive design is all about adjusting designs to accomodate screens of different sizes. So what happens when a screen is narrower than the minimum width of a data table?
Responsive Data Tables in Responsive Web Design

Experimenting with responsive web design

Experimenting with responsive web design in Responsive Web Design

I Love Responsive Design, But…

I Love Responsive Design, But… in Responsive Web Design

How To Use CSS3 Media Queries To Create a Mobile Version of Your Website

How To Use CSS3 Media Queries To Create a Mobile Version of Your Website in Responsive Web Design

Convert a Menu to a Dropdown for Small Screens

Convert a Menu to a Dropdown for Small Screens in Responsive Web Design

Adaptive layouts with media queries

Adaptive layouts with media queries in Responsive Web Design

The practicalities of CSS Media Queries, lessons learned

The practicalities of CSS Media Queries, lessons learned in Responsive Web Design

Understanding the Elements of Responsive Web Design

Understanding the Elements of Responsive Web Design in Responsive Web Design

Fluid Images

Fluid Images in Responsive Web Design

CSS Media Queries and Using Available Space

CSS Media Queries and Using Available Space in Responsive Web Design

Responsive Images: Experimenting with Context-Aware Image Sizing

Responsive Images: Experimenting with Context-Aware Image Sizing in Responsive Web Design

Responsive Images and Context Aware Image Sizing

Responsive Images and Context Aware Image Sizing in Responsive Web Design

Responsive images right now

Responsive images right now in Responsive Web Design

Responsive images using CSS3

Responsive images using CSS3 in Responsive Web Design

Responsive images using cookies

Responsive images using cookies in Responsive Web Design

Responsive images with ExpressionEngine

Responsive images with ExpressionEngine in Responsive Web Design

CSS: Elastic Videos

CSS: Elastic Videos  in Responsive Web Design

Borders on responsive images

Borders on responsive images in Responsive Web Design

Resizeable Images (At Full Resolution!)

Resizeable Images (At Full Resolution!) in Responsive Web Design

Responsive Containers

Responsive Containers in Responsive Web Design

Optimizing your emails for mobile devices with @media query

Optimizing your emails for mobile devices with @media query in Responsive Web Design

Responsive design for email – the largest mobile audience

Responsive design for email – the largest mobile audience in Responsive Web Design

Media Queries in HTML Emails

Media Queries in HTML Emails in Responsive Web Design

Guide to CSS support in email

Guide to CSS support in email in Responsive Web Design

How to use CSS3 Orientation Media Queries

How to use CSS3 Orientation Media Queries in Responsive Web Design

CSS Media Query for Mobile is Fool’s Gold

CSS Media Query for Mobile is Fool’s Gold in Responsive Web Design

Design for a Target Experience First

Design for a Target Experience First in Responsive Web Design

More Responsive Design, Please

More Responsive Design, Please in Responsive Web Design

Content Choreography

Content Choreography in Responsive Web Design

An Event Apart: The Responsive Designer’s Workflow

An Event Apart: The Responsive Designer’s Workflow in Responsive Web Design

Slide Presentations

Structured Content First

Real-world Responsive Design

Meta layout: a closer look at media queries

Patterns for Multiscreen Strategies

Responsive web design from the future

Responsive web design is about a lot more than the size of your screen. This talk is about about how GitHub handles links, the url bar, partial page updates, and explains why I think the HTML5 history API is the most important thing to happen to front end development since Firebug.

Developing a Progressive Mobile Strategy

Responsive Web Design With WordPress

Responsive Web Design

Beyond Responsive Web Design

Responsive Design by LiveFront

CSS3 Media Queries

CSS3 Media Queries: Mobile Elixir or CSS Snake Oil

SHARE THIS POST

Andrew is the chief editor of Splashnology blog. He has many years of experience within the web design industry and has a passion for the latest web technologies. 3D Models Marketplace

Subscribe for the hottest posts

Subscribe to our email newsletter for useful tips and freebies.

  • That is a very nice collection. Have to bookmark this :)

  • UI Designer

    Great article!

  • Wow loads of information in here thanks.


  • You can help your blog reach its real potential and reach a wider audience. I
    think focus and concentration on your activity is must required thing to be a
    productive blog writer. Very interesting presentation I have saw here. Please
    carry on with your work it’s really knowledge plus for readers.

     

  • web design

    Really interesting article.A great collection of responsive
    web designs.Responsive design continues to get a lot of attention and is
    remarkably different from traditional designing in terms of technical and
    creative issues.Thank you so much for this fine piece of quality content.

  • Nice blog with tutorial….thanks for sharing responsive web design tutorial…

  • That is a very nice collection. Have to bookmark this :)

  • UI Designer

    Great article!

  • Wow loads of information in here thanks.


  • You can help your blog reach its real potential and reach a wider audience. I
    think focus and concentration on your activity is must required thing to be a
    productive blog writer. Very interesting presentation I have saw here. Please
    carry on with your work it’s really knowledge plus for readers.

     

  • web design

    Really interesting article.A great collection of responsive
    web designs.Responsive design continues to get a lot of attention and is
    remarkably different from traditional designing in terms of technical and
    creative issues.Thank you so much for this fine piece of quality content.

  • Nice blog with tutorial….thanks for sharing responsive web design tutorial…