Архив метки: css

Лучшие 5 frontend-фреймворков 2014 года

В настоящее время фреймворки, ориентированные на frontend-разработку растут как грибы после дождя. К сожалению, количество далеко не сразу переходит в качество. Действительно стоящими можно назвать не больше десятка.

Рассмотрим возможности и особенности пятерки лучших из них. Каждый фреймворк имеет как сильные, так и слабые стороны, и может быть ориентирован на выполнение конкретных задач.

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

1. Bootstrap

Bootstrap — неоспоримый лидер среди огромного количества фреймворков. Получивший большую популярность, он постоянно развивается. Это надежный и простой инструмент, который не подведет мастера своего дела. Читать далее Лучшие 5 frontend-фреймворков 2014 года

CSS: Как перестать заботиться о префиксах

Использование всех возможностей CSS3 позволяет создавать улетные интерактивные сайты. 3D-трансформация, keyframe-анимация, градиенты, блоки разметки — отличные инструменты, но они требуют большого объема работы от разработчика. Различные браузеры имеют разную поддержку как инновационных, так и ставших уже привычными возможностей css3.  Пример того, что я имею ввиду:

Для поддержки свойства transform всеми современными браузерами (все что новее IE8), необходимы две дополнительные строки:

  • с префиксом -webkit-, для Safari, мобильного Safari и Chrome до 35 версии включительно;
    с префиксом -ms-, для IE9.
  • Firefox 16+ и Chrome 36+ корректно работают со свойством transform без префикса.

Читать далее CSS: Как перестать заботиться о префиксах

CSS: Зачем нужны не нужные префиксы?

Sass — мощный инструмент, но он, как любая власть, позволяет легко собой злоупотреблять. Одна из самых популярных ошибок — создание mixin, которые не нужны, на самом деле. Я сейчас имею ввиду не идеи вроде: «А давайте-ка, изобразим икосододекаэдр на чистом css3«, они имеют право на свой кусок почвы под солнцем. Я говорю о бесполезных миксинах, которые никому не приносят пользы.

Префиксы Border-Radius

Целых 0,26 % браузеров на данный момент не поддерживают стандартный border-radius и требуют специальных префиксов. Не 26 %, а всего 0,26 %. Только Firefox 3.6 и ниже, Chrome 4 и ниже, Safari 4 и ниже, Safari iOS 3.2 и ниже нуждаются в специальном префиксе для border-radius. И не спешите закидывать меня старыми клише: «Нужно думать обо всех пользователях», подумайте, что вы сможете сделать для пользователей IE6-8? Скорее всего, вы просто сообщите пользователю, что данный сайт не поддерживает его устаревший браузер. И таких пользователей раз в 10 больше, чем тех, кому можно помочь архаичными префиксами. Да и border-radius не является очень важным свойством, которое рушит всю разметку. Я еще не встречал сайт, который становился не читаемым или не рабочим при удалении border-radius. Читать далее CSS: Зачем нужны не нужные префиксы?