| Работа с графикой |
| Графика |
Adobe Color CC |
подбор цветовой схемы |
| Графика |
ColorScheme |
еще один вариант подбора цветовой схемы |
| Графика |
Flaticon |
каталог качественных иконок с возможностью скачивания в популярных форматах, в том числе и ввиде шрифта и спрайтов |
| Графика |
Freepic |
замечательный каталог различной графики (в том числе и векторной) для сайта с возможностью типизации |
| Графика |
PicSvg |
отличный конвертр практически любого изображения в формат svg. Для меня незаменимый инструмент |
| Графика |
TinyPNG |
замечательный ресурс для онлайн минимизации (компресии) изображения. Отлично справляется в сжатии изображения как jpg-, так и png-формата |
| Графика |
Base64 |
кодирование изображений в формат base64 для дальнейшего использования в виде фонового изображения на сайте |
| Графика |
CloudConvert Adobe |
конвертер формата изображений из ai в svg. Пару раз очень выручал, правда грузится сайт ооооочень медлено (по крайней мере у меня) |
| Работа с текстом |
| Текст |
Content Watch |
антиплагиат онлайн - проверка текста на уникальность |
| Текст |
Fontsquirrel Webfont Generator |
генератор пакета web-шрифтов для использования на сайтах. Не забываем включать Expert... mode и Custom Subsetting... для возможности генерации кирилических шрифтов. По умолчанию генерится только латиница. |
| Текст |
Google Webfonts Helper |
отличный генератор пакета шрифтов из сервиса Google Fonts для сайтов. На выходе получаем пакет с eot, ttf, svg, woff и woff2 файлами шрифтов + CSS-спрайты |
| Полезные онлайн генераторы |
| Генераторы |
CSS3 Box Shadow Generator |
онлайн генератор теней для ЭЛЕМЕНТОВ |
| Генераторы |
CSS3 Text Shadow Generator |
онлайн генератор теней для ТЕКСТА |
| Генераторы |
CSS3 CSS Transform Generator |
онлайн генератор свойства transform для элементов |
| Генераторы |
Favicon Generator |
отличный онлайн генератор favicon для сайта. Позволяет сгенерировать иконки для различных устройст и ОС, в том числе для вкладок Safari в macOS |
| Библиотеки |
| Библиотеки |
Modernizer |
библиотека для определения совместимости браузера с функциями HTML5 и CSS3, что гораздо эффективнее, чем просто определить браузер, его версию и ОС |
| Библиотеки |
WOW |
библиотека для добавлении и настройки анимации элементам сайта при скроллинге (прокрутке) странице |
| Библиотеки |
Animate.CSS |
библиотека css-анимации для элементов сайта |
| Библиотеки |
Magnific Popup |
очень популярная библиотека для отображения контента сайта (текста, изображений, видео, форм) в popup-окне |
| Библиотеки |
LeafLetJS |
open-source библиотека для создания интерактивных карт на сайте. Имеет систему плагинов, расширяющих возможности самой библиотеки |
| Библиотеки |
OWL Carousel 2 |
популярная библиотека для создания "каруселек" на сайте. Гибкая настройка под себя |
| Speed-тесты для сайта |
| SpeedTest |
Google PageSpeed |
наверное, самый известный спидтест для сайта. Рейтинговая системы оценки с максимум в 100 балов. Очень мало информативный |
| SpeedTest |
WebPageTest |
спидтест с достаточными параметрами настройки (есть возможность выбора сервера для обращения) и развернутым отчетом по загрузке сайта. Пользуюсь очень часто |
| Прочее |
| Прочее |
RegExp |
ресурс для изучения, построения и тестирования регулярных выражений (англ.) |
| Jekyll |
WebJeda |
Блог о замечательном генераторе статики jekyll с отличными примерами функционала (англ.) |
| Прочее |
Materialize |
Современная, адаптивная платформа, построенная на принципе материального дизайна. |
