Создаем анимацию на сайте при помощи CSS. Инструмент для создания кубической кривой Безье для управления скоростью анимации.
Создаем красивые градиенты CSS
https://www.softr.io/tools/svg-wave-generator
Генератор случайных волнообразных форм.
Еще один генератор волн.
https://cssgrid-generator.netlify.app/
Создаем сетку CSS максимально просто
Еще один генератор сетки.
Ajax — загрузчики , анимированные иконки , живые фоны
GIF / SVG / APNG / CSS
https://techrocks.ru/2021/10/20/12-simple-yet-useful-html-snippets/
Простые html сниппеты .
Быстрый генератор цветовых схем.
https://caniuse.com/?search=border-box
Актуальные таблицы поддержки браузеров для фронтенд-технологий.
Конструктор css-анимаций.
Инструмент для создания красивых картинок твоего кода.
Образцы кода для разработчиков всех типов.
Генератор SVG фона
Редактор для составления README.
Сервис для редактирования служебных тегов и просмотра вида веб-страницы в Google, Facebook, Twitter и др.
Просмотр вида веб-сайта в разных браузерах.
Коллекция бесплатных инструментов и ресурсов для дизайнеров и разработчиков.
Генератор уникальных цветовых схем.
https://web-standards.ru/podcast/
Статьи по теме веб-разработки в формате подкаста.
https://hype4.academy/tools/glassmorphism-generator
Генератор CSS кода для визуального эффекта «глассморфизм»
https://everysize.kibalabs.com/
Инструмент для отладки адаптивности веб-страниц.
https://htmlburger.com/blog/website-preloaders
Подборка забавных загрузчиков страниц.
https://tools.icoder.uz/less-compiler.php
Компилятор Less в CSS
https://www.embla-carousel.com/
Библиотека для создания слайдеров-каруселей на JavaScript. Она позволяет создавать отзывчивые и адаптивные, кастомизируемые карусели.
https://css-tricks.com/how-to-create-neon-text-with-css/
Пошаговая инcтрукция для создания неонового текста при помощи CSS.
https://codepen.io/myacode/pen/PoqQQNM
Подборка готовых и анимированных элементов для сайта.
https://codepen.io/EvanWieland/details/PwOKLE
Анимированные погодные карточки.
Готовые CSS макеты и шаблоны.
https://www.blckbx.ai/landingPage
Расширение для браузера, позволяющее скопировать код с видео.
https://codepen.io/abxlfazl/pen/VwKzaEm
Красивое анимированное CSS меню.
Утилита JavaScript для измерения расстояния между элементами на веб-странице.
Сервис помогает изучить с нуля CSS новичку.
Электронное собрание шпаргалок по синтаксису , функциям и методам всех популярных языков программирования.
Расширение для браузера, которое накладывает изображение макета поверх вёрстки в браузере. Это позволяет подогнать страницу с точностью до нескольких пикселей.
Генератор CSS кода для эффекта тени.
https://9elements.github.io/fancy-border-radius/
Создание органично выглядящих форм, определяющихся радиусом границы CSS.
https://bennettfeely.com/clippy/
Создание сложной CSS фигуры при помощи обрезки элемента до базовой формы (круг, эллипс, многоугольник или вставка) или до источника SVG.