fbpx

Инфоресурсы для верстальщика

Следующая запись
В помощь копирайтеру

Олег Дутченко, зам руководителя отдела Front-end, выкатил для вас подборку инфоресурсов, которые он использует в работе.

# Графика

Оптимизация изображений – https://tinypng.com/
Base64 конвертация изображений – http://b64.io/
Оптимизация SVG (онлайн) – https://jakearchibald.github.io/svgomg/
Оптимизация SVG (личный инструмент) – http://verstka.vps.kherson.ua/svg/
URL-encoder для SVG – http://yoksel.github.io/url-encoder/ru/

# Старенькие, но надежные генераторы

Генератор css-градиентов – http://www.colorzilla.com/
Генератор css-градиентов (2) – https://www.css-gradient.com/
Генератор QR-кода – https://www.the-qrcode-generator.com/
Генератор css-стрелок для блоков – http://cssarrowplease.com/
Генератор favicons – http://realfavicongenerator.net/
Генератор css-transitions – http://cubic-bezier.com/

# Не стандартные шрифты

Подключение – https://fonts.google.com/
Конвертация, которых нету выше ▲ – http://www.fontsquirrel.com/tools/webfont-generator

# Спец. символы

Конвертация спец. символов – https://r12a.github.io/app-conversion/
Конвертация спец. символов (Личная шпаргалка) – http://verstka.vps.kherson.ua/decoder/

# Оптимизация файлов

Автопрефиксер CSS онлайн – https://autoprefixer.github.io/
Минификация CSS файлов (онлайн) – https://cssminifier.com/
Минификация JS файлов (онлайн) – https://javascript-minifier.com/
Unminify (форматирование) минифицированных файлов – https://unminify.com/

# Само-проверка

Онлайн редактор для тестов и онлайн демок – https://codepen.io/
Валидация разметки – https://validator.w3.org/nu/#file
Браузерная поддержка – http://caniuse.com/
CSS3 Selectors Test – http://www.css3.info/selectors-test/
Тест регулярных выражений – https://regex101.com/#javascript

# Справочники и спецификации

PHP – https://www.php.net/
Web Docs – https://developer.mozilla.org/
Web References – https://www.w3schools.com/
JavaScript – https://javascript.info/ (оригинальная русская версия – https://learn.javascript.ru/)

Запишись на наши курсы Web Дизайн
Посмотрите также
Меню
Есть вопросы?