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

Made in HTML/CSS

В чем преимущества использования пре- и постпроцессоров CSS?

Использование пре- и постпроцессоров вместе позволяет создавать более поддерживаемый, масштабируемый и эффективный CSS-код, экономя время и усилия разработчиков.

Преимущества препроцессоров CSS (например, Sass, Less, Stylus): расширяют CSS такими функциями, как переменные, миксины и вложенные правила, делая его более удобным в использовании и менее повторяющимся.

Преимущества постпроцессоров CSS (например, PostCSS, Autoprefixer): помогают работать с префиксами поставщиков, добавляют полифилы и оптимизируют CSS для повышения производительности.

Made in HTML/CSS

Самые частые ошибки в HTML-вёрстке

Это случается и с новичками, и с сеньорами

Статья посвящена частым ошибкам в HTML-вёрстке. Рассматриваются типичные проблемы, которые могут быть как очевидными (например, неправильное отображение текста), так и скрытыми (например, несовместимость с браузерами, снижение скорости загрузки или уязвимости в коде).

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

Made in HTML/CSS

Как определить текущее местоположение пользователя на сайте?

В статье рассматривается задача определения текущего местоположения пользователя на сайте с использованием JavaScript. Автор делится своим опытом реализации функционала для получения города (или другой локации) через геоданные и сторонние сервисы.

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

Made in HTML/CSS

🖥 Никакой скучной теории, только интересные практические уроки по вёрстке на HTML и CSS

➡️ @html_css_praktika

Autoprefixer — это инструмент (плагин PostCSS), который автоматически добавляет вендорные префиксы к CSS-свойствам, чтобы обеспечить поддержку различных браузеров. Это помогает разработчикам писать чистый и современный CSS без необходимости заботиться о совместимости с различными браузерами.

Made in HTML/CSS

Shortcuts.design — это отличный ресурс для веб-дизайнеров, разработчиков и всех, кто интересуется пользовательским опытом (UX) и интерфейсами. Этот сайт предоставляет удобную подборку горячих клавиш (shortcuts) для различных популярных программ, сервисов и инструментов, которые используются в процессе работы с дизайном, разработкой и другими задачами.

Made in HTML/CSS

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