Сказка ли? Нет, к тому же это очень удобно, быстро, масштабируемо и кроссбраузерно. Инструкция любезно предоставлена мне моим другом и коллегой Антоном Яценко. Создаем свой собственный иконочный шрифт используя svg-иконки. Ресурс: https://icomoon.io Идешь в приложение http://joxi.ru/EA417L1TLglxrb Импортишь свои иконки с компа http://joxi.ru/Vm6zqZzTOwNkmZ Они все должны быть выделены (об этом свидетельствует цвет фона, на котором они…Продолжить читать «Свой иконочный шрифт из svg иконок»

Вот тут очень удобная штука для чтения минимизированного css. Магия. Enter your messy, minified, or obfuscated CSS Style Sheets into the field above to have it cleaned up and made pretty. The editor above also contains helpful line numbers and syntax highlighting. There are many option to tailor the beautifier to your personal formatting tastes….Продолжить читать «Разминимизатор css-простыни и сразу минимизатор»

Плагин анимации с выбором свойств (animate.css). Использовать его в гордом одиночестве в современном мире бессмысленно. Поэтому я всегда ставлю его одновременно с расширением wow.js, чтобы можно было управлять анимацией более гибко (задержка, скорость анимации, запуск при загрузке страницы, повтор и пр.). В package.json пишем  «wowjs»: «^1.1.3», чтобы эта полезная штука сразу устанавливалась в проект. Если…Продолжить читать «Анимация css и немного js»

15интересных JavaScript and CSS библиотек в июле 2016

Our mission at Tutorialzine is to keep you up to date with the latest and coolest trends in web development. That’s why every month we release a handpicked collection of some of the best resources that we’ve stumbled upon and deemed worthy of your attention. The list for July 2016 is packed with some of the hottest open-source libraries from…Продолжить читать «15интересных JavaScript and CSS библиотек в июле 2016»

Атрибут placeholder применяется для призыва к действию внутри пустых элементов input и textarea. В этой статье мы рассмотрим возможности стилизации текста placeholder-a, а также некоторые трюки, которые позволят сделать его более удобным и функциональным. Итак, начнем с примера для тех, кто не знает, что такое placeholder. html <input type=»text» placeholder=»Оставьте сообщение здесь»> открыть в новом…Продолжить читать «Стилизуем placeholder при помощи CSS. Синтаксис, трюки, поддерживаемые стили в html5»

Теория цвета в цифрах

Разные люди могут по-разному представлять один и тот же цвет по его названию. Например голубой цвет может на самом деле быть цветом морской волны или небесным. Гораздо точнее цвет определяется шестнадцатеричным кодом, всего существует 16777216 комбинаций. Поэтому дизайнеру может быть полезно распознавать цвет, просто взглянув на его hex-код. Основы Начнем с простого: рассмотрим обычный hex-код,…Продолжить читать «Теория цвета в цифрах»