Инфоресурсы для верстальщика
# Графика
Оптимизация изображений – 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/)
Курс "HTML5 + CSS3 + JS"
Хочешь получить обучение от Никиты Лукашова?
На курсе научимся:
- Верстать сайты и создавать интерфейсы
- Освоим основы Photoshop для перевода дизайна в код
- Расширим знания в разработке на HTML, CSS и JavaScript
- Пополним ваше портфолио!
