Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «адаптивный»
Создаём адаптивную тему на Drupal 2012-05-23 02:54:11
Темы Drupal позволяют менять облик и эмоциональную составляющую вашего сайта. Сегодня Тим Миллвуд ...
+ развернуть текст сохранённая копия
Темы Drupal позволяют менять облик и эмоциональную составляющую вашего сайта. Сегодня Тим Миллвуд объяснит, как создать тему, которая будет выглядеть по-разному на экранах различных размеров.
Тэги: drupal, адаптивная, веб-разработка, верстка
[Из песочницы] Адаптивная верстка: CSS&JS фреймворк Skeleton 2012-05-22 15:00:40
... недавней статьи про адаптивную верстку, хочется ... чаще всего, для адаптивной верстки используют CSS ...
+ развернуть текст сохранённая копия
В продолжение недавней статьи про адаптивную верстку, хочется более полно раскрыть тему. В реалиях, чаще всего, для адаптивной верстки используют CSS-фреймворки. Об одном из них я хотел бы рассказать, а если точнее – перевести мануал по ее использованию. Называется он Skeleton.
Читать дальше →
Тэги: css, css3, html, javascript, адаптивный, веб-разработка, вёрстка, дизайн, разметка
[Перевод] 62 полезных инструмента для адаптивного дизайна (Responsive web design) 2012-04-16 11:42:02
... статью об адаптивном дизайне «Responsive ... создания вашего собственного адаптивного сайта. ...
+ развернуть текст сохранённая копия
Хабы: Веб-разработка, Веб-дизайн, CSS Перевод крайне ценной статьи «Responsive Web Design Techniques, Tools and Design Strategies» популярного интернет-издания для разработчиков Smashing Magazine.
Еще в январе мы опубликовали статью об адаптивном дизайне «Responsive Web Design: What It Is and How To Use It» (Адаптивный веб-дизайн: Что это такое и как им пользоваться). Адаптивный веб-дизайн продолжает привлекать к себе много внимания, но, учитывая, насколько он отличается от традиционных методов разработки сайтов, он может показаться заоблачно сложным для тех дизайнеров и разработчиков, которые его не пробовали.
По этой причине мы составили обзор ресурсов, полезных при создании адаптивных сайтов. В обзор вошли подробные руководства, подходы, инструменты, статьи, содержащие практические советы, необходимые для создания вашего собственного адаптивного сайта.
Техники Responsive web design
1. CSS Transitions and Media Queries
CSS Transitions и Media Queries
Elliot Jay Stocks подробно рассказывает о методе сочетания CSS Media Queries и CSS transitions. Основная идея в следующем: разрабатывая адаптивный сайт с помощью Media Queries, вы постоянно изменяете ширину вашего браузера, чтобы посмотреть, как сайт ведет себя при этом. Но каждый раз, когда отрабатывает один из ваших Media Queries, виден жесткий переход между стилями (первый, например, для десктопов, второй — для планшетов). Почему бы не использовать CSS transitions для сглаживания этих жестких переходов с помощью анимации?
Читать дальше →
Тэги: css, css3, design, html, html5, media, query, responsive, web, адаптивный, веб-дизайн, веб-разработка, вёрстка, дизайн, разметка
Переводим в код 5 действительно полезных шаблонов адаптивной разметки 2012-04-02 07:15:43
... интересную статью об адаптивной разметке.
Уже ...
+ развернуть текст сохранённая копия
Хабы: Веб-разработка, Веб-дизайн, CSS
Приветствую всех.
Недавно наш хабраколлега опубликовал интересную статью об адаптивной разметке.
Уже не далеко то время, когда мы будем уделять верстке под все разрешения намного больше внимания, нежели делаем это сейчас. Посему считаю нужным подходить к этому периоду подкованным в данном вопросе, ну или хотя бы иметь четкое представление, что это такое и с чем его едят. Запасаемся смартфонами и таблетками.
Читать дальше →
Тэги: css, css3, design, media, query, responsive, адаптивный, веб-дизайн, веб-разработка, разметка
5 действительно полезных шаблонов адаптивной разметки 2012-03-30 14:10:57
... наплывом интересующихся адаптивной вёрсткой решил ... интересные шаблоны адаптивной разметки, которые ...
+ развернуть текст сохранённая копия
Хабы: Переводы, Веб-разработка, Веб-дизайн В связи с наплывом интересующихся адаптивной вёрсткой решил перевести эту статью. Пускай полежит здесь.
Адаптивная разметка требует совершенно иного образа мышления при планировании структуры макета, что является одновременно и сложным и интересным. Чтобы перепрограммировать свой мозг, чтобы посмотреть на макеты по-новому, мы собираемся взглянуть на некоторые интересные шаблоны адаптивной разметки, которые были созданы талантливыми дизайнерами по всему вебу.
Читать дальше →
Тэги: design, responsive, web, адаптивный, веб-дизайн, веб-разработка, вёрстка, перевод, шаблон
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Главная / Главные темы / Тэг «адаптивный»
|
Взлеты Топ 5
Падения Топ 5
|