Создаем фигуры на чистом CSS с примерами кода 47 форм

На CSS можно создавать всевозможные формы. Квадраты и прямоугольники просты, поскольку они являются естественными формами в Интернете.
Умно используя позиционирование, преобразование и многие другие приемы, мы можем создавать множество форм в CSS с помощью всего одного элемента HTML.

https://bookflow.ru/sozdaem-figury-na-chistom-css-s-primerami-koda/

👉 @frontend_1

​Subcolor – инструмент для генерации оттенков между двумя разными цветами

Представлен в двух видах: js-библиотеки и веб-сервиса

https://github.com/ibrahimtelman/subcolor
👉 @Githublib

Аккордеон на чистом HTML и CSS

В этом видео я покажу вам как быстро и просто создать популярный виджет для сайта "Аккордеон". Для его реализации мы воспользуемся механикой работы HTML тега details и добавлением CSS.

👉 @frontend_1

Frontend meetup (Online)

1. Организация сложных многоступенчатых форм на VueJS - Роман Троицкий, Комус-тех
Расскажу про опыт формирования формы покупки полиса осаго со словарями, подсказками и тп, продвинутый форм-билдер vue2 - vue3

2. Новые рецепты. React(Vue) Query вместо вашего любимого state manager - Паромов Евгений, Evrone
Рассмотрим как с React Query можно выкинуть тонны сложного, ненужного, страшного кода. И сделать ваши компоненты действительно переиспользуемыми

3. Dprint - Форматирование на максимальной скорости - Поляков Андрей, БФТ
Быстрый форматер кода написанный на языке Rust.

➖➖➖

🗓 30 ноября, начало в 19:00 мск, Среда

🌐 ОНЛАЙН

✅ Регистрация на мероприятие
📢 Наш телеграмм каналл с анонсами митапов.

Резиновый десктопный адаптив: как сделать большие экраны одинаковыми

Зачастую, когда говорят об адаптиве, подразумевают сужение большого экрана до мобильного размера без потери функциональности. Однако, на самом деле, адаптив также существует между разными десктопными версиями. Обычно разработчики не очень стараются применять адаптивные подходы для больших экранов, ведь если интерфейс поместился на HD разрешении, то он точно поместится на 2K разрешении и больше. Однако контент никак не масштабируется, поэтому имеем на больших разрешениях маленькие элементы, которые трудно уловить взглядом. В этой статье я покажу, как сделать интерфейсы пропорционально одинаковыми на разных десктопных разрешениях.

https://habr.com/ru/company/bimeister/blog/700950/

👉 @frontend_1

Если вы разработчик и у вас есть пара минут, порефлексируйте, пожалуйста, с нами о происходящем в небольшом опросе. Ваши ответы помогут крупному работодателю понять, где теперь открывать офисы и какая помощь и поддержка вам нужны.

Пройти опрос

JavaScript parseFloat() function explained with examples

https://sebhastian.com/parsefloat-javascript/

👉 @frontend_1

YaTalks: 3 и 4 декабря

Яндекс вновь соберет экспертов с российским и международным опытом для обсуждения всего важного и интересного в IT-сообществе. Онлайн-формат конференции позволит присоединиться из любой точки мира.

На треке про фронтенд обсудят:

✔️ Веб в 2022. Что изменилось?
✔️ Chrome DevTools — спрятанные полезности
✔️ Дискуссия о том, что важнее в интерфейсах: технологическая обоснованность или особенности восприятия пользователей

Отдельный трек будет посвящён лайфстайл тематике. Вот некоторые темы докладов:
✔️ Из экспертов в руководители и обратно через боль, выгорание и инсайты
✔️ Родительство по agile: как быть эффективным айтишником с макаронами в волосах
✔️ Дебаты: Тимлиды больше не нужны?

Зарегистрироваться и узнать подробности этого и других треков можно здесь

Переливающаяся 3D-фигура, выполненная с помощью SCSS и библиотеки Three.js

https://codepen.io/Mamboleoo/pen/ExwXWyy

Подпишись👉 @codepen_1

React Native is better than Flutter

Привет! Совсем недавно мой друг, и по совместительству - React Native разработчик, поделился со мной одной статьей, про React Native [RN] и Flutter [FL]. Там подробно объясняется, почему RN лучше FL, но делается это в формате "сравнения". На самом деле, конечно, эта статья - никакое не сравнение, а попытка показать RN в лучшем свете, чем он есть на самом деле, а также привнести некоторого скепсиса по поводу FL.

https://habr.com/ru/post/696148/

👉 @frontend_1

Mograph Portfolio - интерактивное портфолио, выполненное с помощью CSS и JavaScript

https://codepen.io/moodyeffects/pen/MWOpeop

Подпишись👉 @codepen_1