Omatsuri - веб-приложение включает в себя коллекцию из 12 полезных инструментов с открытым кодом, предназначенных для помощи frontend-разработчикам.

Made in HTML/CSS

Gatsby.js — это framework для создания сайтов. Он позволяет создавать очень быстрые сайты с высокими показателями Performance.

Это генератор статичных страниц, который использует React для создания компонентов и Node.js для создания страниц. На GitHub проект получил 54 000 звезд начиная с 2016 года.

🌐Подробнее

Made in HTML/CSS

Как обеспечить безопасную аутентификацию в веб-приложениях?

Безопасная аутентификация в веб-приложениях может быть реализована следующими методами:

- Безопасное хранение паролей с использованием методов хеширования, например, bcrypt.
- Внедрение двухфакторной аутентификации (2FA).
- Использование безопасных процессов сброса пароля с токенами и временными ограничениями.
- Применение протокола HTTPS для шифрования данных между клиентом и сервером.

Made in HTML/CSS

Pixso — это современный инструмент для проектирования пользовательских интерфейсов (UI/UX), который позиционируется как альтернатива популярному Figma. Разработчики Pixso даеют пользователям аналогичный функционал, но с дополнительными возможностями, как бесплатный DevMode и импорт файлов из Figma (.fig формат)

Made in HTML/CSS

Переключатель светлого/темного режима

Этот проект — это пример того, как можно создать красивый и плавный переход между двумя состояниями страницы: темной темой и светлой темой с помощью CSS View Transitions API для создания плавных анимированных переходов

Made in HTML/CSS

Динамические имена свойств (computed property names) в JavaScript позволяют динамически создавать свойства объектов, используя значения переменных или выражений в качестве имен свойств.

Made in HTML/CSS

Анимации на CSS: 13 библиотек для креативных решений

CSS-анимации обычно более производительны, чем аналогичные эффекты, созданные с помощью JavaScript. Они также проще в реализации и поддерживаются большинством современных браузеров. Для создания CSS-анимаций используют несколько инструментов, рассматриваемые в данной статье.

🌐 Читать статью

Made in HTML/CSS

Что представляет собой боксовая модель CSS?

Боксовая модель CSS описывает состав каждого HTML-элемента на веб-странице. Она состоит из четырех областей: content (содержимое), border (граница), margin (пространство вокруг границы), padding (пространство между содержимым и границей).

Made in HTML/CSS

Web Developer — это популярное расширение для браузеров (например, Chrome, Firefox, Edge и др.), которое предоставляет разработчикам веб-сайтов набор инструментов для анализа, тестирования и отладки веб-страниц. Оно помогает упростить работу с HTML, CSS, JavaScript, формами, куками, сетевыми запросами и многим другим.

Made in HTML/CSS

Что такое сеть доставки контента (CDN)?

Сеть доставки контента (от англ. Content delivery network, CDN) — это система серверов, расположенных по всему миру, чтобы быстрее и эффективнее доставлять веб-контент (например, HTML, изображения или видео). CDN снижает время загрузки веб-страницы, кешируя содержимое и доставляя его с сервера, расположенного географически ближе к пользователю.

Made in HTML/CSS

Perfect Pixel — это популярное расширение для браузеров, которое помогает веб-дизайнерам и разработчикам точно сверстать макеты, сравнивая их с оригинальными дизайн-макетами. Оно добавляет полупрозрачный оверлей или линию пикселей поверх страницы, чтобы можно было легко проверить соответствие верстки дизайну.

Made in HTML/CSS