Few words about Responsive web design
Responsive web design. Nowadays this is the most popular topic in the web design industry.
Responsive web design. Nowadays this is the most popular topic in the web design industry.
But what does it really mean? How does it work? I show you.
These days websites have fixed sizes that are optimized for monitor displays. Naturally the size has risen in the past few years as the resolution of the displays has also increased, together with other technological advances.
There is a problem, though! In the meantime, new players have appeared on the horizon: smartphones (iPhone, Android based phones), tablets (iPad, etc) and other gadgets (MP3 players with screens, Internet TV's). Obviously the display resolutions of these gadgets are different.
What can we do with our nice website, if we want it to look nice on mobile too? We need to pay extra cash for developing a mobile version. If we have lots of money we can pay more for the tablet version, too. It is easy to calculate, that these methods are not money savers.
So here is this new solution, called Responsive web design. Websites made with this method are fully compatible with nearly all multimedia devices. Practically, the web designer using this method can create three or more visual views of the website by increasing or decreasing the sizes of the site's elements.
Technically the Reponsive web design is based on 4 key points:
- Flexible layout:
The Responsive web design -based websites key elements and layout values are always created and measured in a percentages.
- Flexible images:
Images are also sized by using percentage values.
- CCS media query:
With CSS media query the visitor's display resolutions are easily gathered, along with other useful information. With these data at hand, our website's visual parameters are easily modified without using javascript. This is the key of Responsive web design.
- Javascript:
If we would like to, our website can have backward compatibility with older web browsers - but to achieve this, we will have to use javascript ... so, at the end of the day, we can't avoid javascript.
That's all folks, in a few sentences! I have now started to learn this new method and here is the book which already helped me a lot. It's title is Responsive Web Design by Ethan Marcotte.
Recent blog posts
- Few words about Responsive web design
- Top 20 pitfalls in web design
- Awesome tips to be a great web designer
- Responsive web design: New Retina-like Apple and PC displays will come by 2013
- 8 useful web design tips for beginners
- Prices of the web designer
- Self-Promotion tips for web designers
- Apple logo and the golden ratio
Popular blog posts
- Awesome tips to be a great web designer
- New responsive web site
- Few words about Responsive web design
- Top 20 pitfalls in web design
- Responsive web design: New Retina-like Apple and PC displays will come by 2013
- 8 useful web design tips for beginners
- Prices of the web designer
- Self-Promotion tips for web designers
To start a project I need the following things:
- Project briefing
If you do not have it please download the Client Worksheet - Project wireframes (mockups)
- Project files (photos, logo style guide)
Client Worksheet
If you have a project please Download it!
I read all e-mails and do my best to reply to all of them as soon as possible. Yet, I will also have to consider priorities, especially if business is concerned. Please, pardon me if I cannot reply non-business related e-mails immediately, but I will try.
Do you have more questions?
Please visit the FAQ section.
You can easily get in touch with me.
Just fill the contact form above or click one of the circle buttons bellow.