Рубрики
Верстальщику

Что нового в CSS3 c 2015?

С того момента, когда мы впервые услышали о CSS3 прошло уже очень много времени. Я нашел у себя в блоге пост от 2009 года «CSS3 — самое время«. Однако большинство улучшений были официально добавлены в спецификацию где-то в 2015 году. Но и с того времени стандарт развивается довольно динамично. На сегодняшний день нам доступны возможности, о которых в 2015 году мы мечтали.

Сейчас мы можем использовать таки вещи как:

  • Grid Layout
  • Переменные в CSS (Custom properties)
  • Медиа-запросы пользовательских настроек (Preferences Queries)
  • Доступна более широкая палитра значений свойства Color для свойства Background
  • Переменные шрифты
  • Использование путей и форм для маски и обтравки текста
  • Фильтры

Буквально в то же время как я опубликовал свой обзор нововведений в JavaScript c 2015, Крис Койер в своем блоге опубликовал детальных обзор «What’s New Since CSS3 in 2015?«. Думаю, что его пост будет интересен и полезен для многих фронт-енд разработчиков.

Рубрики
Верстальщику

Как достичь плавной 60 FPS анимации с помощью CSS3?

Это заметка из разряда «просто оставлю это здесь». Нельзя сказать, что информация изложенная в статье открывает что-то новое, просто в ней в разложено по полочкам. Все мы знаем, что при использовании CSS3 анимации нужно применять transform, а не transition. Все знаем, что не стоит анимировать свойства, которые вызывают перекомпоновку layout, но не все и не всегда помним все это, когда делаем очередное fly-out меню или что-то вроде. В статье Smooth as Butter: Achieving 60 FPS Animations with CSS3 детально рассказано, как делать анимации с CSS3 правильно.

Читать статью на англиском →

Рубрики
Верстальщику

Подборка полезных инструментов для верстальщика

tool-set
Верстать продуктивно, не располагая хорошими инструментами, сложно. Как правило, каждый из нас имеет свой набор плагинов к редактору, фреймворков и определенную методологию, которая помогает верстать больше за меньшее время и делать это не только быстро но и красиво. Не знаю как кому, а мне всегда интересно экспериментировать с методологиями и инструментами для получения лучшего результат, более того, что технологии не стоят на месте. Поэтому я и решил собрать несколько новых интересных инструментов и методологий, которые помогут нам, верстальщикам или фронт-енд разработчикам (если по-модному), в работе.

Рубрики
Верстальщику

Применение CSS3 свойств для «обрезания» текста

Это будет «быстропост» прикладного характера. В нем будет больше кода, чем текста, но надеюсь он вам будет полезен.
Итак, задача: у нас есть список новостей из десяти пунктов с заголовком и вступительным текстом и нам нужно отдавать мобильным устройствам этот список в урезанном виде из пяти пунктов с укороченными заголовками и вступительным текстом в одну строку, и еще, чтобы пользователь видел «…» в конце урезанного текста, при этом на мобильное устройство приходит тот же текст что и на десктоп. Можно использовать JavaScript, но зачем, если есть CSS3?

Рубрики
Всем сразу

Viva bootstrat!

Почему так, почему «Viva bootstrat!»? Все очень просто — теперь блог использует тему основанную на уже известном Bootstrap. Я очень долго присматривался к этому фреймворку от Twitter, а потом, когда сделал на нем верстку для Adminjobs.ru, решил что это очень качественный, гибкий и масштабируемый инструмент для верстки современных макетов на HTML5 и CSS3.

Собственно, простота, гибкость и универсальность, пропагандируемые блогом и лично мною, как нельзя лучше находят свое отражение в Bootstrap.

Поэтому, милости прошу всех в обновленный внешне Master-web.

Кстати, как вам такой вариант блога?

[poll id=»3″]