The Bible of Responsive Web Design

An exahustive directory of Responsive Web Design Resources

by Janeth Kent Date: 23-05-2019 responsive design web development apps resources mobile bible


You've decided it's time for a new website, and you know that making it responsive will ensure that all users have a great experience, regardless of what device they are using.

Responsive web design, or RWD for short, is here to stay.

It's rapidly maturing but not without some serious pitfalls for certain sites. If you are considering converting your existing site into a RWD this list of resources, articles, tools and tricks, grouped by catagories, will come in handy. 

1. Getting Started:  building a responsive web site

2. Responsive Web Design Approach and Strategy

3. Responsive Web Design Tools

4. Media Queries for Responsive Web Design

5. Layout for Responsive Web Design

6. Developing a Responsive Web Design: some techniques

7. Responsive Web Design: components

8. Responsive Web Design: Images

9. Responsive Web Design: Typography

10. Testing a Responsive Web Design

11. Books, Tutorials, Presentations,Roundups about Responsive Web Design

 

Getting Started:  building a responsive web site

 

  • Responsive Web Design : The article that more-or-less started it all - By Ethan Marcotte
  • Responsive Retrofitting : Since many folks don't have the luxury of a full rewrite
  • Common Misconceptions About Touch: Since fingers and touchscreens are what have prompted us to even really need a responsive design in the first place, it's best to know what you’re getting into  – By Steven Hoober
  • The State of Responsive : A great summary of the current state of the art - By Stephanie Walter
  • Improving UX through Front-End Performance : Just making your site adjust to different sized screens doesn’t make it mobile friendly - Lara Swanson
  • Printing the Web : Since  we're trying to accommodate all kinds of devices, can't forget paper (plus it helps you focus on your content, which is helpful in any size and medium) - Hans Christian

 

Responsive Web Design Approach and Strategy

 

 

Responsive Web Design Tools

 

 

Media Queries for Responsive Web Design

 

 

 

Layout for Responsive Web Design

 

 

Developing a Responsive Web Design: some techniques

 

 

Responsive Web Design: components

 

 

 

Responsive Web Design: Images

 

 

 

Responsive Web Design: Typography

 

 

 

Testing a Responsive Web Site

 

 

 

Books, Tutorials, Presentations,Roundups about Responsive Web Design

 

 

DOWNLOAD HERE (PAY WITH A TWEET)
 
by Janeth Kent Date: 23-05-2019 responsive design web development apps resources mobile bible hits : 17386  
 
Janeth Kent

Janeth Kent

Licenciada en Bellas Artes y programadora por pasión. Cuando tengo un rato retoco fotos, edito vídeos y diseño cosas. El resto del tiempo escribo en MA-NO WEB DESIGN END DEVELOPMENT.

 
 
 

Related Posts

How To Add Filter Effects to Images with CSS

To achieve interesting effects on your images, learn about the 'filter' and 'Backdrop-Filter' properties of CSS. CSS filters are a very attractive feature of CSS that allows you to apply certain…

Why You Should Hire Node.js Developer for Your Backend Development

When developers are building a new website, they mainly focus on both frontend and backend development. The frontend code helps create the interfaces through which the app interacts with the…

Introduction to REGEX - Regular Expression

Today we are going to write about Regular Expressions known as regex or shortened  regexp, a very useful concept of using search patterns. Surely you were in a situation when you…

HTTP Cookies: how they work and how to use them

Today we are going to write about the way to store data in a browser, why websites use cookies and how they work in detail. Continue reading to find out how…

How to write our own Privacy Policy

In this article we will talk about Privacy Policy statements, how you can write one and implement it on your page. Why did it pop up? These days when we browse on…

How to securely access the Dark Web in 15 steps. Second part

Let's continue with the 2nd part of our article in which we try to give you some advice on how to safely and securely explore the dark web. Let's restart from…

How to securely access the Dark Web in 15 steps. First part

The dark web can be a pretty dangerous place if you don't take the right precautions. You can stay relatively safe with a good antivirus and a decent VPN. However,…

How to Browse the Internet Anonymously: 6 tips

Most of the actions you take online are not as private as you might imagine. Nowadays, countless people and groups try to follow our online behaviour as closely as possible. Our…

How to run Android apps in Windows 10

Forget about having to constantly pick up your phone to see notifications or answer messages, Your Phone in Windows 10 is what you need and here we tell you how…

How to setup an Android TV with androidtv.com/setup or the Google application

Android TVs and players are a good investment if you want to have all the entertainment at your fingertips. However, they require an installation that, although simple, has several ways…

5 Remote Careers You Can Start Online in 2020

In 2020, life has moved indoors. School, shopping, entertainment, and work have all moved online to keep up with the fight against COVID-19. And with it came an enormous demand…

The concept of Model-View-Controller (MVC) explained

In software engineering, we use design patterns as reusable solutions to a commonly occurring problem, a pattern is like a template for how to solve a problem. Model-View-Controller (MVC)  is a…