Web разработка

Heroicons - красивые SVG-иконки ручной работы https://heroicons.com/

Light/Dark Mode Toggle - реализация переключения между светлой и темной темой c эффектом занавеса без применения JavaScript. #html #css https://codepen.io/jkantner/pen/LYprqQM/

Как использовать CSS маскирование https://web.dev/css-masking/

Пропорциональное изменение размера с помощью CSS переменных https://ishadeed.com/snippet/proportional-resizing-css-variables/

Интересная реализация toggle переключателя https://codepen.io/jkantner/pen/OJNezxj

Smart Search — Эффективный способ загрузки больших объемов данных во фронтенд приложения и интуитивно понятная работа с ними https://github.com/chalu/smart-search

Краткий обзор генераторов в Javascript Генераторы не завоевали большой любви среди разработчиков и от того не так часто обсуждаются, но тем не менее это не отменяет интереса к этому инструменту. Вы можете столкнуться со случаем, когда генераторы придется применить, поэтому я бы хотел поговорить о них в этой статье. https://the-evening-code.com/posts/generators-in-javascript-short-overview

Декларативный Shadow DOM. Новый способ реализации и использования Shadow DOM непосредственно в HTML. https://web.dev/declarative-shadow-dom/

Giggl - это бесплатный общедоступный браузер, упрощающий общение с друзьями, командами и авторами. Устраивайте встречи, смотрите фильмы, играйте в игры, общайтесь с любимыми авторами и многое другое. #Инструменты https://giggl.app

MoreToggles - замечательная библиотека с огромной коллекцией готовых стильных переключателей на чистом CSS с простым масштабированием. #CSS https://jnkkkk.github.io/MoreToggles.css/

Iconate.js - библиотека JavaScript, которая добавит вашим статичным шрифтовым иконкам крутой анимации и "оживит" любой проект. #JavaScript http://bitshadow.github.io/iconate/

Strapi - это гибкая Headless CMS (система, которая отображает контент через RESTful API) с открытым исходным кодом, которая дает разработчикам свободу выбора своих любимых инструментов и фреймворков, а также позволяет редакторам легко управлять своим контентом. Strapi позволяет сделать панель администратора и API расширяемыми с помощью системы плагинов. Основные особенности: - Простая установка при помощи менеджера пакетов. - Простое управление контентом. - Удобный для разработчиков API. - Имеет встроенную систему пользователей с настройками ролей. - Система плагинов. - Гибкая настройка. https://github.com/strapi/strapi/

BGJar- бесплатный svg генератор для ваших сайтов, блогов и приложений https://bgjar.com

Vue Toastification - библиотека Vue для реализации всплывающих уведомлений. Она даёт в распоряжение разработчика массу настроек, благодаря которым с её помощью можно реализовывать уведомления, соответствующие самым разным нуждам. Возможности этой библиотеки по стилизации и анимации уведомлений позволяют создавать привлекательные и удобные решения, более качественные, чем можно создать с использованием других пакетов. https://github.com/Maronato/vue-toastification/

Анимируйте SVG viewBox с помощью React https://elijahmanor.com/blog/react-svg-viewbox

5 малоизвестных функций Chrome DevTools https://levelup.gitconnected.com/5-lesser-known-features-of-chrome-devtools-1ff3cd2a7518

Библиотека градиентов Градиенты можно скачать в PNG размером до 8к, скопировать CSS код и составляющие градиент цвета в CMYK, RGB, HEX и HSL. https://gradients.app/ru

Карточки на CSS https://codepen.io/Aoyue/pen/pLJqgE

CSS Values ​​- это простое одностраничное веб-приложение (SPA), которое позволяет искать практически любое свойство CSS и получать простой список возможных значений. https://cssvalues.com/