Разыскивается Frontend-developer в Superjob! Зарплата от 120 000 руб./месяц

SuperJob — это инновационная IT Компания, которая 20 лет успешно создает технологии для подбора персонала и поиска работы помогает соискателям найти работу, а работодателям приобрести ценного сотрудника.

Присоединяйся к команде!
Пиши в телеграм: t.me/sjmusina (наш рекрутер Анастасия)

Neon реализован CSS свойством text-shadow

https://codepen.io/neilcarpenter/pen/kyLqaO

Three.js — легковесная кроссбраузерная библиотека JavaScript, используемая для создания и отображения анимированной компьютерной 3D графики при разработке веб-приложений. Three.js скрипты могут использоваться совместно с элементом HTML5 CANVAS, SVG или WebGL.

Особенности / преимущества:
✔️Вы можете создавать различные геометрические формы, объекты, источники света, тени, загрузчики, материалы, математические элементы, текстуры и т.д.
✔️Поддержка типизированных массивов таких как: Blob, Promise, URL API, Fetch.
✔️Поддерживает Chrome 9+, Opera 15+, Firefox 4+, IE 11, Edge и Safari 5.1.

Сайт: https://threejs.org/

GitHub: https://github.com/mrdoob/three.js/

Примеры использования: https://codepen.io/search/pens?q=three.js

Медиа-запросы

Медиа-запрос используется для адаптации верстки в зависимости от различных размеров экранов. Условия проверяют размер экрана, ориентацию, разрешение и другие свойства. Если все условия соблюдаются, все правила CSS в медиа-запросе будут применены к странице. Это позволяет адаптировать страницы к различным типам устройств, таких как ноутбуки, планшеты, телефоны.

Подписывайтесь на канал 👉@coddy_academy

#css

5 причин ненавидеть то, как JavaScript работает с датами

В этой статье я собрала топ-5 вещей, касающихся работы с Date, которые часто вводят JS программистов в заблуждение, недоразумение и даже ярость.

Подробнее

Hat. sh - это веб-приложение, обеспечивающее безопасное шифрование локальных файлов в браузере. Оно быстрое, безопасное и использует современные криптографические алгоритмы с шифрованием/дешифрованием потока AEAD. Во второй версии hat.sh введено эффективное с точки зрения памяти внутрибраузерное шифрование больших файлов с использованием потоков с помощью libsodium.


GitHub
Сайт

Как работают React Components

React Components — это фундаментальные строительные блоки любого приложения React. Они позволяют нам упростить сложные пользовательские интерфейсы, разбив их на небольшие фрагменты.

Подробнее

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

Сайт: https://bundlephobia.com/
GitHub: https://github.com/pastelsky/bundlephobia

Цветовая модель HSL

HSL-модель является предпочтительной для работы с цветом. Ключевые слова дают нам ограниченное число опций, а hex-коды, как и RGB, не позволяют интуитивно корректировать цвет, например, яркость. Первое значение – hue (само значение цвета). Второе – насыщенность. Третье – яркость.

Подписывайтесь на канал 👉@coddy_academy

#css

Создание аналитических приборных панелей в Svelte

Данные всегда было легче воспринимать визуально. Визуализация данных позволяет нам увидеть тенденции за определенный период времени, сравнить различные наборы данных, увидеть итоги, максимумы, минимумы и так далее.

https://blog.logrocket.com/building-analytic-dashboards-svelte/

10 полезных инструментов для фронтендера

👉 UiGradients
очень много градиентов с CSS-кодом
👉 Responsively app
предпросмотр приложения на разных вьюпортах
👉 Public APIs
большая коллекция бесплатных API
👉 Undraw
коллекция векторных иллюстраций
👉 Lorem Picsum
плейсхолдеры для картинок
👉 DevDocs
разные документации в одном месте
👉 One Page Love
коллекция вдохновляющих одностраничников
👉 RegEx 101
отладчик регулярных выражений
👉 Prettier
инструмент для форматирования кода
👉 Flaticon
одна из крупнейших баз данных бесплатных векторных иконок

Используем JS🚀 для анимации частиц

Готовый код ниже 👇

Aria-progress-range-slider - полностью доступный, легкий компонент прогресс-бара / слайдер диапазона

GitHub

Demo