10 полезных инструментов для фронтендера
👉 UiGradients
очень много градиентов с CSS-кодом
👉Responsively app
предпросмотр приложения на разных вьюпортах
👉Public APIs
большая коллекция бесплатных API
👉Undraw
коллекция векторных иллюстраций
👉Lorem Picsum
плейсхолдеры для картинок
👉DevDocs
разные документации в одном месте
👉One Page Love
коллекция вдохновляющих одностраничников
👉RegEx 101
отладчик регулярных выражений
👉Prettier
инструмент для форматирования кода
👉Flaticon
одна из крупнейших баз данных бесплатных векторных иконок
Создание аналитических приборных панелей в Svelte
Данные всегда было легче воспринимать визуально. Визуализация данных позволяет нам увидеть тенденции за определенный период времени, сравнить различные наборы данных, увидеть итоги, максимумы, минимумы и так далее.
blog.logrocket.com/buildin…s-svelte
Цветовая модель HSL
HSL-модель является предпочтительной для работы с цветом. Ключевые слова дают нам ограниченное число опций, а hex-коды, как и RGB, не позволяют интуитивно корректировать цвет, например, яркость. Первое значение – hue (само значение цвета). Второе – насыщенность. Третье – яркость.
Подписывайтесь на канал 👉@coddy_academy
#css
❓ Хотите стать с нуля универсальным и востребованным программистом?
💪 Освой профессию Fullstack-разработчика.
Попробуйте свои силы на demo-уроке «Анимация первого экрана сайта».
😱 Занятие проведет Мария Коршунова, эксперт с опытом более 10 лет.
🎒 На открытом уроке разберем основы, необходимые для работы с анимацией, и создадим анимированный приветственный экран приложения.
📌 Demo-занятие пройдет в рамках онлайн-курса «Специализация Fullstack JavaScript Developer» для тех, кто хочет освоить разработку на JavaScript с нуля. Вы сможете познакомиться с онлайн-курсом и преподавателем.
👉 Для участия зарегистрируйтесь на сайте https://otus.pw/sQHr/
Bundlephobia - ресурс для подборки сторонних модулей в проект, поможет узнать размер библиотеки и её примерное время загрузки, также подскажет, как изменялся вес библиотеки в зависимости от её версий, если же ваша библиотека весит слишком много, то сервис предложит альтернативы с меньшим весом.
Сайт: https://bundlephobia.com/
GitHub: https://github.com/pastelsky/bundlephobia
Как работают React Components
React Components — это фундаментальные строительные блоки любого приложения React. Они позволяют нам упростить сложные пользовательские интерфейсы, разбив их на небольшие фрагменты.
Подробнее
Hat. sh - это веб-приложение, обеспечивающее безопасное шифрование локальных файлов в браузере. Оно быстрое, безопасное и использует современные криптографические алгоритмы с шифрованием/дешифрованием потока AEAD. Во второй версии hat.sh введено эффективное с точки зрения памяти внутрибраузерное шифрование больших файлов с использованием потоков с помощью libsodium.
GitHubСайт
5 причин ненавидеть то, как JavaScript работает с датами
В этой статье я собрала топ-5 вещей, касающихся работы с Date, которые часто вводят JS программистов в заблуждение, недоразумение и даже ярость.
Подробнее
Медиа-запросы
Медиа-запрос используется для адаптации верстки в зависимости от различных размеров экранов. Условия проверяют размер экрана, ориентацию, разрешение и другие свойства. Если все условия соблюдаются, все правила CSS в медиа-запросе будут применены к странице. Это позволяет адаптировать страницы к различным типам устройств, таких как ноутбуки, планшеты, телефоны.
Подписывайтесь на канал 👉@coddy_academy
#css
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
Разыскивается Frontend-developer в Superjob! Зарплата от 120 000 руб./месяц
SuperJob — это инновационная IT Компания, которая 20 лет успешно создает технологии для подбора персонала и поиска работы помогает соискателям найти работу, а работодателям приобрести ценного сотрудника.
Присоединяйся к команде!
Пиши в телеграм: t.me/sjmusina (наш рекрутер Анастасия)
Frontend meetup online
Storybook, линтеры, рендеринг и слои — вот темы первого в 2022 frontend meetup от Evrone. Обещаем четыре интересных доклада с реальными кейсами от опытных спикеров.
1. Производительный рендеринг в браузере - Глеб Михеев, Beta, Skillbox, FontendConf
2. Что такое слои в веб разработке и зачем о них нужно знать - Роман Еникеев, DataArt
3. Проходит ли ваш линтер банановый тест? - Назим Гафаров, ECOMMPAY
4. Storybook + Chromatic - Влад Волков, Skyeng
➖➖➖🗓 9 марта, начало в 19:00 мск, Среда
🌐 ОНЛАЙН
✅Регистрация на мероприятие