What is Responsive Website Design?

Let’s talk about responsive website design. What is Responsive Website Design? Responsive design is a practice that is being welcomed by designers and develo… Related posts: Responsive Web Design – Programming With Anthony Sesión 1/3 gratuitas de Responsive Web Design Create a Responsive Website Using HTML5 and CSS3 Techniques in Responsive Web Design Responsive Website […]


Let’s talk about responsive website design. What is Responsive Website Design? Responsive design is a practice that is being welcomed by designers and develo…

Related posts:

  1. Responsive Web Design – Programming With Anthony
  2. Sesión 1/3 gratuitas de Responsive Web Design
  3. Create a Responsive Website Using HTML5 and CSS3
  4. Techniques in Responsive Web Design
  5. Responsive Website Design Tutorial: Using Media Queries

Popular Posts


17 Responses

05.05.13

To see how your website look like on the latest smartphones and tablets: Piresponsive (Google it!)

05.05.13

The operating system already knows the resolution at which its set. Therefore if a monitor provided its specs with a built in chip to the OS, the display could be measured in millimetres. If this were universal, designers could simply create interfaces using mm rather than px. This would solve Responsive design coding problems for the rest of the 2D generation. Probably beyond. Something like this needs to be done.

05.05.13

Let’s use the example of a sidebar. I want it to be around 5cm wide on all displays. Can I set the width range to be 300 – 300 pixels wide IF the display has a minimum width of 1024 pixels, BUT set the width range as 100% – 100% as a popout IF the display is 1023 px or below? I say this because on my iPhone5, 640px = 5cm but on my Macbook Pro, 640px = 20cm. This assumes that noone uses large monitors with less than 1024 pixels anymore.

05.05.13

Pixels are not a good way to measure. At All. See my video called ‘Responsive Design Dilemma’.

05.05.13

Thanks for this video on Responsive Web Design! I found it very helpful. I created a research board on Verious.com with some top tutorials on “Responsive Design and Best Structure for an HTML5 layout page”. Hope other developers can find this useful too. :)

05.05.13

Eg for responsive website : WorldQuotes.in

Great info, thanks!

05.05.13

Test your site in various devices from an iPhone and iPad, to a Kindle and on Android on the responsivetools[dot]com. It also shows your site both in portrait and landscape mode. I like this tool much more because of the outlines of the devices displayed on the page, which brings more meaning to the whole process.

05.05.13

This is the future of web design.

05.05.13

looking forward to these tuts

05.05.13

What are some of the limitations to responsive design if any?

05.05.13

Ahh, that’s interesting. Do you prefer to build your own CMS then? I couldn’t imagine running a content-driven website without some sort of CMS to power it, homemade or ready-made.

I love WordPress because clients can just jump right into it with ease and it’s easy on the developers. Oh, and the incredible flexibility.

About what level are you at when it comes to web development? I plan on doing some stuff that may be basic to a intermediate-advanced user in the future.

05.05.13

Building themes for WordPress is also really cool, though I prefer not to use cms :)
But anyway, I`ll install WP on localhost and watch your series ;)

05.05.13

I like the idea of working responsive design tutorials into something bigger than just talking about responsive design. With the resources we have, though, its just silly to start from zero. I do plan on doing PHP tutorials since I really enjoy just writing PHP, though.

What if I took your idea and built it upon WordPress? Creating WordPress themes is super popular at the moment and there seems to be a lack of good Youtube videos on the topic.

We would build the theme from scratch.

05.05.13

It would be cool to make smth difficult – e.g. an Internet Shop from zero if you know php with a responsive design, to make an advanced search e.g. Internet Shop of games – to search though games with filter: number of players, manufactor, genre and so on.
That would be really cool.

You`ve already showed how to work with media queries, navigation, there are many responsive sliders nowadays, so all in all – everything is simple and you have to just sit and write css code.

05.05.13

Your comment is greatly appreciated.

Thanks, Daniel.

Awesome, thanks.

Leave Your Response

* Name, Email, Comment are Required