Хабы: Веб-разработка, Веб-дизайн, 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 для сглаживания этих жестких переходов с помощью анимации?



Читать дальше →

Дороги в Москве начнут ремонтировать в середине апреля, а нанесение разметки на всех магистралях будет завершено до 8 мая, тогда как ранее эти работы продолжались в течение всего мая. В общей сложности планируется восстановить около 25 миллионов квадратных метров полотна. Об этом, как сообщает «РБК», заявил заместитель мэра столицы по вопросам жилищно-коммунального хозяйства и благоустройства [...]

Хабы: Веб-разработка, Веб-дизайн, CSS

Приветствую всех.

Недавно наш хабраколлега опубликовал интересную статью об адаптивной разметке.
Уже не далеко то время, когда мы будем уделять верстке под все разрешения намного больше внимания, нежели делаем это сейчас. Посему считаю нужным подходить к этому периоду подкованным в данном вопросе, ну или хотя бы иметь четкое представление, что это такое и с чем его едят. Запасаемся смартфонами и таблетками.
Читать дальше →

Новый стандарт семантической разметки данных в сети. Доброго времени суток уважаемые читатели блога Boltastik.ru. Сегодня мы с вами поговорим о новом стандарте семантической разметки, а именно о системе chema.org. Ну вот опять поисковые системы преподносят нам очередной сюрприз, которому признаться честно я не очень доволен, а если быть точным, слегка ошарашен. Выходят новые стандарты написания [...]

Всем привет. Сегодня мы с вами снова будем проверять на прочность наш любимый дистрибутив. А точнее — узнаем, насколько openSUSE приспособлен к использованию на ноутбуках. Очень часто приходится читать на форумах linux о тех или иных проблемах,которые возникают при использовании различных дистрибутивов на мобильных системах. Обсуждения порой носят бурный характер и не всегда приводят к [...]