Responsive Web Design

Matthew Setter shows us how to make responsive website testing a breeze with two Chrome-based tools.

Crafting images that are as well-adapted to each device as our code is may be our next big challenge. It's a area of focus for Photoshop CC 2014 release.

Richa Jain looks at the data and presents some solid reasons why you should consider changing your desktop-first approach to development and design.

While we can't give up HTML tables, more email is read on mobile devices every day. Massimo walks us through the latest thinking in responsive email.

With the multitude of devices, we no longer have complete control over how icons will look. Annarita Tranfici looks at solutions to tackle this challenge.

Richa Jain describes 12 tools you can use to improve and ease the workflow of your responsive designs.

Mobile design requires a specialist set of tools and Joyce has delivered a killer set of resources for all your design needs.

Richa Jain discusses the importance of responsive text and looks at some tools and techniques that can be used to ensure text content is responsive.

You cannot create a good user experience without functional navigation. Annarita Tranfici looks at some of the patterns that can be utilised to create one.

Paul Wilkins is back with the most interesting news and views from the week that was, including plenty of new gear from Apple.

Bootstrap is responsive and since version 3 is now mobile first. Syed examines some neat little responsive design tips from Bootstrap's CSS.

Should we consider the real cost of using free web fonts? Are our responsive layouts really responsive when we add 500Kb of font files?

Wearables are set to redefine the world and how we interact with it, lets take a look through some advice and resources to get your skills up to date.

Is your responsive web design only constrained by min-width and max-width media queries? Craig explains why min-height and max-height have good uses too.

Why did the 'Hamburger' become the common design pattern for mobile menus? We discuss why sometimes just because everyone is doing it doesn't make it right.

Ezekiel Gabrielse walks us through his new Sass-based grid framework called Flint, showing us how it can speed up responsive development time.

Dan Rose recently had to create a fluid-width navigation with a variable number of items. He goes over the different ways to attempt this.

Ty Strong looks at all the different media features you can use when working with Media Queries in your CSS, for targeting all sorts of devices and types.

The segregation of the mobile experience to a subdomain, the ‘m’ domain, seems a little old school. In this article, I'll discuss why it may still be valid.

With responsive practically becoming the standard, it’s harder than ever to define the best size for a website. Here's a look at the right approach

Hoodie is Web Application framework that allows for many complex features including database manipulation with only a few simple lines of code.

Nick Salloum considers four different methods for creating easy to use, responsive, CSS grid layouts, with demos and code for all examples.

Ten Ways to Make Your Website More Mobile Friendly that are simple and can be accomplished today.

"Mobile First" may be a clever and concise explanation of progressively-enhanced Responsive Web Designs, but it's confusing our clients and colleagues!

Hugo offers an elegant way to deal with breakpoints in responsive web design, using Sass.

It is difficult to prototype native Mobile apps using responsive web design, Ratchet might be the tool to help.

Code listings in e-books on Kindle devices can be a problem. Jeff Friesen presents 3 solutions to overcome this challenge.

Read Building a Responsive Quick Access Box for Magento and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

Read Responsive Images, Part 1: Using srcset and learn with SitePoint. Our web development and design tutorials, courses, and books will teach you HTML, CSS, JavaScript, PHP, Python, and more.

Designing responsively is important, as is designing responsibly. Here's how to Maintain Image Aspect Ratios in Responsive Web Design.