Какой рейтинг вас больше интересует?
|
Главная / Главные темы / Тэг «адаптивный»
[Из песочницы] SCSS: пара полезных техник 2012-09-18 12:20:27
CSS – препроцессоры все популярнее среди веб – разработчиков. Почему?
Потому что они позволяют ...
+ развернуть текст сохранённая копия
CSS – препроцессоры все популярнее среди веб – разработчиков. Почему?
Потому что они позволяют:
- Сэкономить время
- Применять принцип DRY в CSS
- Сделать код более читаемым
На данный момент наиболее популярными препроцессорами являются SASS и LESS.
О том, почему SASS лучше LESS, можно почитать в этой статье. Лучше ли — вопрос спорный, однако, я перешел с LESS на SCSS хотя бы потому, что тут есть:
- Циклы
- Условные операторы
- Списки
О сравнении синтаксиса этой статье. Лично я выбрал SCSS по причине обратной совместимости с CSS и, как следствие, возможности быстро включать старые CSS файлы в проект посредством директивы import. Для этого им надо изменить расширение на .scss.
Об основах SCSS уже писали faiwer1 и AbleBoy2, здесь же я хочу описать пару техник, которые мне действительно помогли.
Читать дальше →
Тэги: adaptive, css, layout, scss, web-разработка, адаптивный, веб-дизайн, веб-разработка, вёрстка, итератор, отзывчивый, препроцессор
Введение в CSS Regions 2012-08-04 21:04:27
...
+ развернуть текст сохранённая копия
С появлением большого количества мобильных устройств сайты становятся все более «адптивными», это требует новых, более удобных способов отображения контента. В скором будущем помочь в этом смогут CSS-регионы (CSS Regions) — новый веб-стандарт Adobe. Читать дальше →
Тэги: css, region, адаптивный, веб-дизайн, веб-разработка, дизайн, регион
[Перевод] Адаптивный веб-дизайн vs. Отзывчивый веб-дизайн, в чем разница? 2012-07-21 23:46:34
... /adaptive_vs_responsive.png" alt=" Адаптивный веб-дизайн vs ...
+ развернуть текст сохранённая копия
С тех пор, как вышли книги «Adaptive Web Design» Аарона Густафсона и «Responsive Web Design» Итана Маркотта (русское издание называется «Отзывчивый веб-дизайн»), в сообществе веб-дизайнеров и разработчиков ведутся споры о том, чем отличаются эти 2 подхода. Одни считают, что эти 2 понятия являются синонимами, а другие, что это совершенно разные понятия. Но, как известно, истина всегда где-то посередине, поэтому предлагаю вашему вниманию перевод статьи финского веб-дизайнера и разработчика Вильями Салминена (Viljami Salminen) «Adaptive vs. Responsive, what’s the difference?»:
Кажется, есть некоторая путаница относительно этих терминов и того, что они означают, так вот здесь мои мысли на данную тему и несколько ссылок, чтобы подкрепить их. Я, как правило, не очень пылкий, когда дело доходит до обсуждения чего-либо, но на этот раз я хотел бы внести в этот вопрос ясность, т.к. слышу его очень часто.
Читать дальше →
Тэги: adaptive, css, css3, design, enhancement, html, progressive, responsive, web, адаптивный, веб-дизайн, веб-разработка, отзывчивый, перевод, прогрессивный, улучшение
[Перевод] HTML5 Адаптивные изображения 2012-06-07 02:02:16
... .png"/>
Адаптивные изображения одна из ...
+ развернуть текст сохранённая копия
Адаптивные изображения одна из проблем Responsive Web Design. Возможно вы начали использовать high-res изображения для дисплеев с высоким разрешением и уменьшать их размер для устройств с меньшим разрешением дисплея, что попросту съедает трафик без какой либо пользы для владельцев устройств с дисплеями с небольшим разрешением. Или все так же используете изображения невысокого разрешения, которые ужасно смотрятся на больших экранах и дисплеях с высоким разрешением. Читать дальше →
Тэги: design, html, html5, responsive, rwd, w3c, web, адаптивный, веб-разработка, вёрстка, дизайн, разметка
Создаём адаптивную тему на Drupal 2012-05-23 02:54:11
+ развернуть текст сохранённая копия
Темы Drupal позволяют менять облик и эмоциональную составляющую вашего сайта. Сегодня Тим Миллвуд объяснит, как создать тему, которая будет выглядеть по-разному на экранах различных размеров.
Тэги: drupal, адаптивный, веб-разработка, верстка
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Главная / Главные темы / Тэг «адаптивный»
|
Взлеты Топ 5
Падения Топ 5
|