Video.js - делаем видео адаптивным
Video.js - популярная библиотека для вывода HTML5-видео.
К сожалению, имеет некоторые проблемы с адаптивностью - исправляем.
Video.js - популярная библиотека для вывода HTML5-видео.
К сожалению, имеет некоторые проблемы с адаптивностью - исправляем.
SASS - значительно ускоряет разработку.
Также, он имеет несколько настроек, с помощью которых можно влиять на вид компилируемого CSS-файла.
Ниже, приведу примеры, как в PHPStorm'е можно эти настройки применять.
Все популярнее становятся сайты с анимированными блоками.
Ниже рассмотрим возможность анимации с помощью Animate.css и jQuery Viewport Checker'а.
Font Awesome уже используется, практически, как стандарт для добавления иконок на сайт.
Оно и не удивительно, ведь это дает, простоту и практичность в использовании, а главное скорость и полную кроссбраузерность.
Я уже рассказывал о том как использовать Font Awesome с помощью псевдоклассов ::before
и ::after
в одном из предыдущих постов, и сейчас рассмотрим несколько способов подключения этой замечательной библиотеки шрифтов к нашему сайту.
Фон в виде градиента основанный на CSS ранее был мечтой любого веб-дизайнера. К счастью прогресс не стоит на месте, и уже сейчас, все современные браузеры работают с CSS3, в котором это вполне осуществимо с помощью свойств background - linear-gradient или radial-gradient. Но есть друзья, которые по тем или иным причинам пользуются WEB-динозаврами. Специально для таких решаем эту задачу кроссплатформено.
Очень удобный и быстрый способ вывести иконку пункта меню, в заголовке и в любом месте сайта, на чистом CSS.
Часто появляются подобные задачи, да и признаться, вид у сайтов с иконками куда приятнее. И если нет четких ТЗ по иконкам, или просто лень рисовать - этот вариант подойдет идеально.
Наверняка Вы видели шрифты, у которых вместо букв всевозможные рисунки. Вот для чего они нужны.
Одним из таких шрифтов является Font Awesome.
Ниже я расскажу как использовать Font Awesome с помощью псевдоклассов ::before
и ::after