Ищете SVG-иконки для своих проектов?

На сайте svgl.app вы найдете десятки иконок с различными вариантами экспорта и настройки

➡️ @byFrontDeveloper | дать буст

HTML атрибут translate

Указывает, переводить содержимое на другой язык или оставить без изменения.

Может иметь одно из двух значений: yes или no

Очень полезно для брендов или названий компаний:

<footer>
  <p translate="no"> Company Name </p>
</footer>

➡️ @byFrontDeveloper | дать буст

Добавьте анимации на ваш сайт с одной строкой кода 😌

Это библиотека, которая буквально одной строкой добавляет анимации на ваш сайт

✓ Работает с React, Vue, Angular, Svelte...
✓ Автоматически анимирует элементы
✓ Использует CSS для лучшей производительности
✓ Нулевая настройка

Никакой сложной настройки или кучи кода — всё максимально просто и быстро

👉 Пользуйтесь: https://auto-animate.formkit.com/

➡️ @byFrontDeveloper | дать буст

Хочешь применить неоновый эффект к своим текстам?

→ Тебе нужен только HTML, чтобы добавить атрибут data-text, и CSS, чтобы стилизовать эффект.

→ Этот атрибут позволяет добавлять дополнительное содержимое к элементу, что идеально подходит для визуальных эффектов.

Пример: https://codepen.io/carmenansio/pen/XWBKLqm

➡️ @byFrontDeveloper | дать буст

Наткнулся на крутую штуку — Project Wallace

Это сервис, который анализирует качество твоего CSS-кода

Разбирает CSS на кусочки и показывает, где накосячил с производительностью, что не по стандартам, а что вообще сложно поддерживать.

В итоге получаешь чёткий список того, что нужно поправить, чтобы код стал чище и быстрее

👉 https://projectwallace.com/css-code-quality

➡️ @byFrontDeveloper | дать буст

Бесплатное API для определения местоположения IP-адреса

50 000 бесплатных запросов в месяц

Работает с JavaScript, Python и другими языками программирования

👉 https://ipinfo.io

➡️ @byFrontDeveloper | дать буст

Bulma — современный CSS-фреймворк на основе Flexbox.

Он не включает в себя javaScript и поэтому легко встраивается в разные проекты.

➡️ @byFrontDeveloper | дать буст

Подборка полезных нейросетей для учебы, написания контрольных и дипломов:

CopyAI — один из лучших (если не лучший) бесплатных сервисов для написания учебных текстов;
Paperpal — проверит текст на ошибки и сделает его более академическим;
Paraphrasetool — перефразирует вашу работу, повысив уникальность и уменьшив след ИИ;
Turnitin — один из лучших антиплагиатов в интернете, который умеет детектировать, использовались ли нейросети в процессе написания. Для проверки себя.

➡️ @byFrontDeveloper | дать буст

Шпаргалка по CSS.

➡️ @byFrontDeveloper | дать буст

Программисты прямо сейчас 😏

➡️ @byFrontDeveloper | дать буст

Зацените эту находку — библиотека Sonner для React

Это мощный инструмент для создания уведомлений. Простая установка, кастомизация и реально топовые визуальные фишки. Хватает трёх строчек кода, чтобы всё заработало.

Фишки: задавайте типы, настраивайте позиции, управляйте количеством отображаемых уведомлений. Плюс есть суперудобная поддержка анимаций и дополнительных действий.

Короче, если хотите добавить стильных "тостов" в проект — однозначно стоит глянуть: https://sonner.emilkowal.ski/

➡️ @byFrontDeveloper | дать буст

Когда дело доходит до Full Stack Web Dev, то вот лучшие курсы по

- HTML, CSS, JavaScript
- Node, React, and Next.js

❯ Узнайте X за Y минут
https://youtube.com/playlist?list=PLZlA0Gpn_vH85jM1TWO6TdCtSr6ruglWn

❯ Полный стек
https://youtube.com/playlist?list=PLZlA0Gpn_vH8jbFkBjOuFjhxANC63OmXM

❯ Node.js
https://youtube.com/playlist?list=PLZlA0Gpn_vH_uZs4vJMIhcinABSTUH2bY

❯ JavaScript
https://youtube.com/playlist?list=PLZlA0Gpn_vH9k5ju1yq9qCDqvtuTVgTr6

❯ TypeScript
https://youtube.com/playlist?list=PLZlA0Gpn_vH_z2fqIg50_POJrUkJgBu7g

❯ HTML
https://youtube.com/playlist?list=PLZlA0Gpn_vH8BoXcpCUvdmdPZFuR5y2lV

❯ CSS
https://youtube.com/playlist?list=PLZlA0Gpn_vH9D0J0Mtp6lIiD_8046k3si

❯ React
https://youtube.com/playlist?list=PLZlA0Gpn_vH_NT5zPVp18nGe_W9LqBDQK

❯ Next.js
https://youtube.com/playlist?list=PLZlA0Gpn_vH8Bqoo3cG2tpSwiZ2VZyu51

➡️ @byFrontDeveloper | дать буст