Pull to refresh

Несколько примеров применения Responsive Web Design, или Ваш сайт может и должен быть резиновым

Reading time 2 min
Views 33K
Доброго времени суток!

Несколько дней назад, гуляя по интернету, я наткнулся на достаточно интересную подборку сайтов, которые следуют, если можно так сказать, практике под названием Responsive Web Design. В двух словах, эта практика подуразумевает создание «резинового» сайта, который будет тянуться в зависимости от размера окна вашего браузера, или же экрана вашего мобильного телефона. Итак, встречайте наших сегодняшних героев!


Fork CMS


Full view



Mobile view



SimpleBits


Full view



Mobile view



White Lotus Aromatics


Full view



Mobile view



1140px CSS Grid


Full view



Mobile view



Atlason


Full view



Mobile view



10K Apart


Full view



Mobile view



Cognition


Full view



Mobile view



Reverse Buro


Full view



Mobile view



Sunday Best


Full view



Mobile view



Dustin Senos


Full view



Mobile view



Clean Air Challenge


Full view



Mobile view



Owltastic


Full view



Mobile view



320 and up


Full view



Mobile view



Yaron Schoen


Full view



Mobile view



Build Guild


Full view



Mobile view



Do Lectures


Full view



Mobile view



Trent Walton


Full view



Mobile view



Food Sense


Full view



Mobile view



Sparkbox


Full view



Mobile view



ribot


Full view



Mobile view



Sweet Hat Club


Full view



Mobile view



A Different Design


Full view



Mobile view



Teixido


Full view



Mobile view



Sasquatch Music Festival


Full view



Mobile view



Electric Pulp


Full view



Mobile view



Stephen Caver


Full view



Mobile view



Social Marketer's Summit


Full view



Mobile view



Sleepstreet


Full view



Mobile view



Porcupine


Full view



Mobile view



Interim


Full view



Mobile view



Tileables


Full view



Mobile view



CalebAcuity


Full view



Mobile view



Simon Collision


Full view



Mobile view



Spigot Design


Full view



Mobile view



Forefathers Group


Full view



Mobile view



Deren Keskin


Full view



Mobile view



Robot… Or Not?


Full view



Mobile view



Arrcamp Conference


Full view



Mobile view



Thirst Studios


Full view



Mobile view



Visua Design


Full view



Mobile view



Made by Splendid


Full view



Mobile view



Five Simple Steps


Full view



Mobile view



Ryan O'Rourke


Full view



Mobile view



dConstruct 2011


Full view



Mobile view



Diablo Media


Full view



Mobile view



Asbury Agile Web Conference


Full view



Mobile view



Также хочу поделиться с вами несколькими ссылочками по данной теме:

  1. Как сделать один сайт для всех устройств (Responsive Web Design) / Хабрахабр
  2. Responsive Web Design Book / A Book Apart
  3. Неплохой русскоязычный блог по Responsive Web Design
  4. Responsive Web Design / A List Apart
  5. Responsive Web Design: What It Is and How To Use It / Smashing Magazine


До скорых встреч!
Tags:
Hubs:
+55
Comments 71
Comments Comments 71

Articles