Responsive Design
 

Responsive Design - это техника при разработке веб-сайтов для адоптации дизайна под разные разрешения экранов и платформ, без необходимости производить разные страницы для разных платформ.

Тот же HTML, тот же JS, всё то же, только разное отображение контента.

Это весьма популярное движение в последнее время, и многие сейчас смотрят в направлении разработки Responsive Design вебсайтов. Стоимость конечно выше, и сложность тоже выше, но результат того стоит.



Почитать можно в гугле более детально если нужно.
Также вот отличные примеры:
1. http://www.bostonglobe.com/
2. http://www.smashingmagazine.com/
3. http://foodsense.is/ (non-Fluid контент не адаптируется под всю ширину экрана, а только меняет стейты CSS)
4. http://css-tricks.com/
5. http://oliverrussell.com/
И куча других в гугле.

Я сейчас работаю над Template'ом для дальнейшего использования, без media-query, т.к. он не везде держится. Использую JS и небольшой хак с пустым div'ом и шириной 100% для стабильного детекта реальной ширины экрана как на десктопах так и на мобильных.
Вот пример страницы: http://moka.co/responsive/
Также вот ещё делаю Tool'зу http://moka.co/restest/ , которых и так полно, но для само-образования написал свою, тем более могу её улучшать под свои нужды. По сути это "мини-броузер", с возможностью изменять размер окна.
Сверху можно выбрать популярные платформы. Также задать своё разрешение.

Если есть вопросы, спрашивайте, я эту теми исследую уже вторую неделю, перепробовал не мало техник..

Ответ: Responsive Design
 

пришел, увидел .Simpliste, сказал "ГОСПОДА, ЭТО ВИН", ушел

ps. думаю на этот шаблон накрутить histone.js и highlight.js, странички будут в json'е, и подсветка синтаксиса на ура

Ответ: Responsive Design
 

Ранее уже видел данные вещи;

Некоторые источники говорят, что из типичных браузеров media query не поддерживаются лишь на IE <= 8, и, как следовало бы ожидать, кто-то уже написал скрипт для возмещения этого.
С моей точки зрения, лучше оставлять данные вещи на совесть браузера, нежели на JavaScript, который может оказаться выключенным или неработоспособным по какой-либо причине.

Не предавая традиции стандартных шаблонов WordPress, на моем сайте так же реализована подстройка под размер экрана, заключающаяся в слиянии обоих "столбиков" (содержимое и меню) для <= 800px и в дополнительной корректировке размера текста для <= 650px.
Порой становится интересным вопросом, что будет более неприятно для пользователя - прокрутить страницу горизонтально вправо\влево на один экран для неуместившегося меню, или прокрутить ее вертикально на большее количество экранов ради съехавшего вниз\вверх содержимого.

Относительно* Для CSS свойств без префикса дефис в начале не ставится ("transform", не "-transform").
* Не знаю, как будет позже, но пока что использование jQuery выглядит немного необоснованным, в меру включения ради лишь нескольких вызовов (создание <div>, нахождение элемента по индексу, установка стиля). Вспоминается эта шутка с StackOverflow:

Так же стоит заметить что представленный инструмент,
уже довольно интересен. В определенной степени даже опережает стандартный отладчик в Chrome. Единственный замеченный минус заключается в том, что в зависимости от стиля рисования шрифта текст может не влезать в форму "информации". Добавил в закладки.

Так же, как мне кажется, в первом предложении должно быть слово "адаптация".

Довольно знаменательный дизайн. Некоторые вариации выглядят для меня гораздо более практичными чем иные, но, думаю, это дело вкуса.
Каким-то образом, за последнюю неделю я наткнулся на большее количество творческого использования border и border-radius чем за предшествующие полгода.

Ответ: Responsive Design
 

Причём тут это?
И что нам предлагает автор этого .Simpliste?

Ответ: Responsive Design
 

мм, а прочитать не судьба ?

Ответ: Responsive Design
 

> Clean code
Само собой разумеется
> with no effort on your part
Враньё. Как я вижу, там всё построено на процентах: Сделал в ряд три col_33 - получил три респонсив блока на 1/3 ширины и далее по такому же принципу. А у меня в дизайне нарисованы блоки ширины не 33/50%, а другой. Или вовсе не колоночная вёрстка. И что тогда, куда прибыть, какой кабинет? В-общем накладывает ограничения.
Вот такое хочу сделать responsive и with no effort: http://centralcityopera.org/calendar при помощи этого щячла, возможно?

Ответ: Responsive Design
 

Я то прочёл. Видать ты тоже прочитал, но смысл истолковал неправильно.
Автор предлагает на 1 респонсивно-свёрстанную страницу и пачку css к ней с разными стилями! Ой спасибо! Респонсивную вёрстку для какой-либо одной страницы любой сделает. Попробуй построить принципиально другую страницу и всё - приехали.

А на счёт винов из коропки: http://twitter.github.com/bootstrap/
Куда более продуманная вещь чем симплсайт "от Вована".

Ответ: Responsive Design
 

ограничения позволяют делать вещи быстрее, готовы колонки на 33% и 50% значит сверстать такое займет 2 минуты, а верстать новую разметку будет занимать больше времени

ох*енные сайты господа, оба безбожно тормозят на компе 4 летней давности, я смотрю у вас прогресс

Ответ: Responsive Design
 

Ты по дизаену верстал хоть раз, может быть?

Ответ: Responsive Design
 

ну если говорить про обычные будни верстальщика "на макет, сделай сайт" то нет и не хочу, а если дизайнер рисует при мне то говорю как быстрее всего будет сделать, таким же способом интерфейс в играх делают

Ответ: Responsive Design
 

Тогда почему у тебя свой игровой движок? Бери юнити же, так быстрее, там есть плугин, который делает %действиенейм%!