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

12 хитростей JavaScript, которых вы не найдете в большинстве уроков

Когда я начал изучать JavaScript, я составлял список хитростей, которые находил в чужом коде, на веб-сайтах, посвященных проверке кода, и в любых других местах, кроме учебных пособий, которые я использовал.
С тех пор я пополняю этот список, и в этой статье я поделюсь 12 советами, которые кажутся мне особенно умными или полезными.

https://bookflow.ru/12-hitrostej-javascript-kotoryh-vy-ne-najdete-v-bolshinstve-urokov/

Узнайте, как создать, протестировать и развернуть одностраничное приложение с помощью Vue 3 + Vite и Pinia

Созданный в 2014 году, Vue.js, несомненно, является одним из ведущих frontend-фреймворков на данный момент, и с растущим сообществом и расширяющейся экосистемой кажется, что его позиции будут прочными еще долгое время. Я работал с Vue 2 несколько лет назад в нескольких проектах и нашел это восхитительным опытом.

https://labs.pineview.io/learn-how-to-build-test-and-deploy-a-single-page-app-with-vue-3-vite-and-pinia/

👋 Мы — команда айтишников. В текущих условиях компания не может работать как работала, и мы решили переехать всей командой.

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

👨‍💻 А вообще, мы HR-IT-чувачки (то есть без лишней скромности профи в сфере трудоустройства) и сейчас готовим новый проект: будем помогать айтишникам организовать переезд и устроиться на работу в валюте. И ещё сверху грант будем давать💰

👉 Что для этого нужно? Пока что — присоединиться к каналу RelocationDev и следить за новостями😉 Скоро обо всём расскажем — в мельчайших подробностях.