Frontend разработчик
Полезные материалы для фронтендера по HTML, CSS, JS, React.js, Angular.js, Vue.js, TypeScript, Redux, MobX, JavaScript, NodeJS. По всем вопросам @evgenycarter
Більше12 357
Підписники
-824 години
-337 днів
-2630 днів
Час активного постингу
Триває завантаження даних...
Find out who reads your channel
This graph will show you who besides your subscribers reads your channel and learn about other sources of traffic.Аналітика публікацій
Дописи | Перегляди | Поширення | Динаміка переглядів |
01 Совет по CSS! ✨
Вы можете сделать стили компонентов портативными с помощью контейнерных запросов 😎
Изменение макета карты в зависимости от размера 🔥
Удаление текста кнопки, если она маленькая 🤏
.card {container-type: inline-size;}
@ container (min-width: 50ch) {.info { grid-column: 2; }}
https://codepen.io/jh3y/pen/JjZavRJ
👉 @frontend_1 | 869 | 20 | Loading... |
02 Один цвет для светлого, другой для темного? 🌗
Используйте CSS light-dark в сочетании с color-scheme 🤙.
[data-theme=light] { color-scheme: light; }
[data-theme=dark] { color-scheme: dark; }
h1 {
color: light-dark(var(--red), var(--orange));
}
👉 @frontend_1 | 910 | 18 | Loading... |
03 Представьте, что вы хотите создавать мощные и интерактивные веб-приложения, но каждый раз сталкиваетесь с трудностями в структуре кода и управлении компонентами. Вы чувствуете, что ваши текущие знания и навыки недостаточны для достижения результата.
А теперь представьте, что вы без труда создаете современные веб-приложения с помощью Angular, успешно используя компоненты, TypeScript, RxJS и Reactive Programming. Вы уверенно разрабатываете интерфейсы, которые нравятся пользователям и используете передовые инструменты для упрощения разработки.
Хотите это реализовать? Приглашаем вас на практический открытый урок «Angular Framework: работа с Компонентами» 24 июня в 20:00 мск. На вебинаре мы разберём структуру фреймворка Angular и научимся использовать компоненты для создания приложений. А еще создадим приложение при помощи ng терминала, поставляемого Angular, и компоненты, которые отобразим на странице.
Этот урок специально разработан для junior-разработчиков, которые хотят познакомиться с фреймворком Angular.
Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://vk.cc/cxNkqP
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru | 875 | 2 | Loading... |
04 Как проверить, что страница открыта из кэша Edge Cache на Vercel
👉 @frontend_1 | 946 | 4 | Loading... |
05 Создаем dropzone с помощью HTML, CSS и JavaScript 🚀
https://github.com/atherosai/ui/tree/main/dropzone-03
👉 @frontend_1 | 985 | 10 | Loading... |
06 👩💻 Хотите научиться создавать API с использованием GraphQL и NestJS?
Ждём вас на открытом практическом уроке от OTUS, где вы получите теоретические знания о GraphqL и NestJS и практические навыки по созданию и интеграции GraphQL с NestJS.
Спикер Николай Лапшин — опытный разработчик на нескольких языках, архитектор, тимлид и преподаватель.
Встречаемся 25 июня в 20:00 мск в преддверии старта курса «JavaScript Developer. Professional».
Все участники вебинара получат специальную цену на обучение!
➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://vk.cc/cxKIWJ
🎁 Только до 23 июня скидка 10%, подробности у наших менеджеров.
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 | 1 050 | 0 | Loading... |
07 Spectral.js - это библиотека для смешивания красок, использующая теорию Кубелки-Мунка.
Используя возможности теории Кубелки-Мунка, надежной научной модели, имитирующей взаимодействие света с краской, Spectral.js гарантирует, что ваши проекты будут иметь яркие и реалистичные цвета.
Благодаря использованию 7 различных спектральных каналов, включая белый, голубой, пурпурный, желтый, красный, зеленый и синий, Spectral.js может быть эффективно использован в различных веб-проектах, таких как:
Веб-дизайн: Насыщайте свои веб-дизайны реалистичными цветовыми палитрами благодаря способности Spectral.js к реалистичному смешиванию цветов.
Графика: Повысьте качество графики, используя реалистичное смешивание цветов, которое точно отражает взаимодействие света с различными оттенками.
Генеративное искусство: Создавайте захватывающее генеративное искусство, используя мощные возможности смешивания цветов Spectral.js, в результате чего получаются визуально ошеломляющие и динамичные творения.
Воспользуйтесь гибкостью и точностью, которые предлагает Spectral.js, и преобразуйте свои проекты с помощью обширной и яркой цветовой палитры, имитирующей реальное взаимодействие цветов.
https://github.com/rvanwijnen/spectral.js
👉 @frontend_1 | 1 050 | 11 | Loading... |
08 Совет по CSS 💡
Несмотря на некоторые ограничения в отдельных браузерах, мы можем изменять размеры любого блочного элемента, а не только textarea! 🤯
👉 @frontend_1 | 1 174 | 15 | Loading... |
09 Интерактивное объяснение CSS calc()
👉 @frontend_1 | 1 397 | 24 | Loading... |
10 Полный гайд по CSS Flexbox с примерами из практики
Это первая статья по HTML&CSS из серии. И начать я решил именно с Flexbox. В интернете уже довольно много гайдов по Flexbox в CSS. Но чаще всего это шпаргалки, которые не сильно помогают разобраться как на самом деле все работает. Я постараюсь раскрыть тему на реальных примерах. А в конце статьи поделюсь лайфхаками, которыми сам постоянно пользуюсь в работе.
Если вам больше нравится воспринимать информацию в видео-формате, то можете посмотреть ролик.
https://habr.com/ru/articles/816349/
👉 @frontend_1 | 2 095 | 36 | Loading... |
11 👩💻 Хочешь выйти на максимальный уровень в веб-разработке на JavaScript?
Пройди тест по JavaScript и проверь свои знания.
Ответишь — пройдешь на продвинутый курс "JavaScript Developer. Professional" от OTUS по специальной цене + получишь доступ к записям открытых уроков курса курса
👉 ПРОЙТИ ТЕСТ: https://vk.cc/cxBwfy
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 | 1 785 | 1 | Loading... |
12 CSS border values
👉 @frontend_1 | 1 546 | 5 | Loading... |
13 Возможно, будет полезно задуматься о клиентских компонентах React как об API для создания интерактивных HTML-элементов (аналогично стандартному вводу или выбору в браузере).
👉 @frontend_1 | 1 632 | 10 | Loading... |
14 Создание аватаров с анимацией при наведении с помощью HTML и CSS 🚀
https://github.com/atherosai/ui/tree/main/avatars-01
👉 @frontend_1 | 1 656 | 12 | Loading... |
15 Подборка Telegram каналов для программистов
Системное администрирование 📌
https://t.me/tipsysdmin Типичный Сисадмин (фото железа, было/стало)
https://t.me/sysadminof Книги для админов, полезные материалы
https://t.me/i_odmin Все для системного администратора
https://t.me/i_odmin_book Библиотека Системного Администратора
https://t.me/i_odmin_chat Чат системных администраторов
https://t.me/i_DevOps DevOps: Пишем о Docker, Kubernetes и др.
https://t.me/sysadminoff Новости Линукс Linux
https://t.me/tikon_1 Новости высоких технологий, науки и техники💡
https://t.me/mir_teh Мир технологий (Technology World)
https://t.me/rust_lib Полезный контент по программированию на Rust
https://t.me/golang_lib Библиотека Go (Golang) разработчика
https://t.me/itmozg Программисты, дизайнеры, новости из мира IT.
https://t.me/phis_mat Обучающие видео, книги по Физике и Математике
https://t.me/php_lib Библиотека PHP программиста 👨🏼💻👩💻
https://t.me/nodejs_lib Подборки по Node js и все что с ним связано
https://t.me/ruby_lib Библиотека Ruby программиста
1C разработка 📌
https://t.me/odin1C_rus Cтатьи, курсы, советы, шаблоны кода 1С
Программирование C++📌
https://t.me/cpp_lib Библиотека C/C++ разработчика
https://t.me/cpp_knigi Книги для программистов C/C++
https://t.me/cpp_geek Учим C/C++ на примерах
Программирование Python 📌
https://t.me/pythonofff Python академия. Учи Python быстро и легко🐍
https://t.me/BookPython Библиотека Python разработчика
https://t.me/python_real Python подборки на русском и английском
https://t.me/python_360 Книги по Python Rus
Java разработка 📌
https://t.me/BookJava Библиотека Java разработчика
https://t.me/java_360 Книги по Java Rus
https://t.me/java_geek Учим Java на примерах
GitHub Сообщество 📌
https://t.me/Githublib Интересное из GitHub
Базы данных (Data Base) 📌
https://t.me/database_info Все про базы данных
Мобильная разработка: iOS, Android 📌
https://t.me/developer_mobila Мобильная разработка
https://t.me/kotlin_lib Подборки полезного материала по Kotlin
Фронтенд разработка 📌
https://t.me/frontend_1 Подборки для frontend разработчиков
https://t.me/frontend_sovet Frontend советы, примеры и практика!
https://t.me/React_lib Подборки по React js и все что с ним связано
Разработка игр 📌
https://t.me/game_devv Все о разработке игр
Вакансии 📌
https://t.me/sysadmin_rabota Системный Администратор
https://t.me/progjob Вакансии в IT
Чат программистов📌
https://t.me/developers_ru
Библиотеки 📌
https://t.me/book_for_dev Книги для программистов Rus
https://t.me/programmist_of Книги по программированию
https://t.me/proglb Библиотека программиста
https://t.me/bfbook Книги для программистов
https://t.me/books_reserv Книги для программистов
БигДата, машинное обучение 📌
https://t.me/bigdata_1 Data Science, Big Data, Machine Learning, Deep Learning
Программирование 📌
https://t.me/bookflow Лекции, видеоуроки, доклады с IT конференций
https://t.me/coddy_academy Полезные советы по программированию
QA, тестирование 📌
https://t.me/testlab_qa Библиотека тестировщика
Шутки программистов 📌
https://t.me/itumor Шутки программистов
Защита, взлом, безопасность 📌
https://t.me/thehaking Канал о кибербезопасности
https://t.me/xakep_1 Статьи из "Хакера"
Книги, статьи для дизайнеров 📌
https://t.me/ux_web Статьи, книги для дизайнеров
Английский 📌
https://t.me/UchuEnglish Английский с нуля
Математика 📌
https://t.me/Pomatematike Канал по математике
Excel лайфхак📌
https://t.me/Excel_lifehack | 1 531 | 10 | Loading... |
16 Conform - это потрясающе
- Валидация клиента + сервера из одной схемы Zod
- Прогрессивное улучшение
- Восхитительно простой API
- Работает с Next.js ( server actions + useFormState)
👉 @frontend_1 | 1 787 | 15 | Loading... |
17 Начали свой путь в разработке на JS? Хотите продвинуться дальше?
Тогда ждём вас на открытом практическом уроке «Объектно-ориентированный JavaScript и функции конструкторов» от OTUS, где мы разберем:
▫️как наследуются свойства в объектах;
▫️объектную модель JavaScript;
▫️написание ООП-кода с экономией памяти;
▫️создание объектов при помощи функций конструкторов с наследованием свойств.
Встречаемся 18 июня в 20:00 мск в рамках курса «Специализация Fullstack Developer». Все участники вебинара получат специальную цену на обучение!
➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://vk.cc/cxqIUB
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 | 1 920 | 1 | Loading... |
18 Становится ли дочерний компонент клиентского компонента также клиентским компонентом?
👉 @frontend_1 | 1 713 | 7 | Loading... |
19 Теперь в CSS появилась функция Math.pow() от JavaScript, и вы можете генерировать плавные изменения масштаба шрифтов в CSS для размеров области просмотра/контейнера 👀
:where(dd) {
--min: calc(17 * pow(1.2, var(--lvl, 0)));
font-size: clamp(var(--min), var(--fluid), var(--max)); ✨
}
dd:nth-of-type(2) { --lvl: 2; }
👉 @frontend_1 | 1 952 | 28 | Loading... |
20 👩💻 Стань настоящим гуру в веб-разработке на JS с курсом от OTUS
Пройди тест по JavaScript и проверь свои знания.
Ответишь — пройдешь на продвинутый курс "JavaScript Developer. Professional" от OTUS по специальной цене + получишь доступ к записям открытых уроков курса курса
👉 ПРОЙТИ ТЕСТ: https://vk.cc/cxp8d4
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 | 1 782 | 0 | Loading... |
21 Валидация форм - это сложно.
Что если бы существовала либа форм Next.js, которая бы выполняла валидацию как на клиенте, так и на сервере из одной схемы Zod 👀.
👉 @frontend_1 | 1 786 | 13 | Loading... |
22 View Transitions — это подарок 🎁
Один набор CSS keyframes и одна локальная пользовательская переменная для ::view-transition-old/new(body) 🚀
👉 @frontend_1 | 1 729 | 20 | Loading... |
23 🚀 Поднимите свой опыт frontend-разработки на новый уровень.
👉 Приглашаем на вебинар: "Преимущества семантической верстки"
На открытом уроке вы получите ценные знания:
- Семантические теги: изучите строительные блоки HTML5.
- Влияние на сайт: постигните, как правильное использование тегов улучшает SEO и доступность сайта.
- Применение на практике: получите навыки, которые сможете применять в реальных проектах.
👩💻 Наш спикер, Анна Русяева – опытный веб-разработчик, поделится с вами лайфхаками и секретами мастерства.
📆 4 июня, 19:00 мск - отметьте дату в своем календаре!
🔑 Специальная цена на курс «Fullstack developer» для участников - расширьте свои возможности в IT с уникальным предложением.
=======
✨ Не упустите возможность! Регистрируйтесь сейчас https://otus.pw/PoAb/?erid=2VtzqveCAUe
=======
🎁 Все участники online-трансляции получат в подарок 3 бесплатных урока, и полезные материалы для начинающих.
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru | 1 566 | 0 | Loading... |
24 Оптимистичное перетаскивание в Next.js
👉 @frontend_1 | 1 591 | 13 | Loading... |
25 Возможно, вы не знаете о блоке lh в CSS 🤩
👉 @frontend_1 | 1 918 | 21 | Loading... |
26 Создаем платежную карту с эффектом переворачивания, используя только HTML и CSS 🚀
https://github.com/atherosai/ui/tree/main/payment-card-02
👉 @frontend_1 | 1 754 | 17 | Loading... |
27 Советы по HTML 💡
Знаете ли вы, зачем мы пишем <meta charset=«utf-8»> в HTML-документе?
👉 @frontend_1 | 1 890 | 9 | Loading... |
28 ❓С чего начать осваивать веб-разработку?❓
👉 Узнайте какой нужно пройти путь от новичка до профессионала.
Приходите на бесплатный практический урок от OTUS: «Искусство программирования: от начинающего до профессионала в Fullstack-разработке»
Вы узнаете:
- из чего состоит современный сайт и веб-приложение;
- что такое HTML, CSS, Javascript, React, тестирование и т.д.;
- ответы на все возникающие вопросы.
Спикер — Lead software engineer, опытный разработчик и преподаватель.
⏰ Встречаемся 30 мая в 20:00 мск в рамках курса «Специализация Fullstack developer». Все участники вебинара получат специальную цену на обучение.
👉 Регистрируйтесь прямо сейчас, чтобы не пропустить: https://otus.pw/Sg5O/?erid=2Vtzqw3eH8q
🎁 Все участники online-трансляции получат в подарок 3 бесплатных урока, и полезные материалы для начинающих.
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru | 1 701 | 1 | Loading... |
29 Загрузка файла с помощью server action в Next.js
👉 @frontend_1 | 1 473 | 14 | Loading... |
30 Совет по Javascript 💡
Для лучшей отладки используйте именованные выражения стрелочных функций для критических/часто используемых callback'ов ✅
👉 @frontend_1 | 1 566 | 10 | Loading... |
31 👩💻 Как эффективно разрабатывать Web-API на JavaScript?
Узнайте на открытом практическом уроке «Быстрый старт с Express.js. Разработка REST API» от OTUS, где мы построим серверное приложение на платформе Node.js с использованием популярной легковесной библиотеки Еxpress.js и разберем ее основные функции и возможности.
А также рассмотрим:
- введение в веб-серверы;
- описание маршрутов HTTP API;
- связь контроллеров и бизнес-логики;
- миддлвары.
Встречаемся 4 июня в 20:00 мск в преддверии старта курса «JavaScript Developer. Professional».
Все участники вебинара получат специальную цену на обучение!
➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://vk.cc/cxeVAa
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 | 1 583 | 2 | Loading... |
32 Autofill vs autofit
👉 @frontend_1 | 1 602 | 22 | Loading... |
33 Совет по HTML 💡
Легко создайте красивый индикатор выполнения, используя элемент <progress> 🤩
👉 @frontend_1 | 1 798 | 23 | Loading... |
34 Визуализация методов массивов JavaScript 🚀
👉 @frontend_1 | 1 749 | 39 | Loading... |
35 Vercel Data Cache остается неизменным в течение всего периода развертывания
👉 @frontend_1 | 1 830 | 6 | Loading... |
36 Для первого сезона профильной IT-конференции Podlodka React Crew сложно придумать более нужную тему, чем «архитектура».
Уже 27 мая опытные эксперты научат React-разработчиков:
💜 Решать архитектурные вопросы в разрезе React. В формате круглого стола Сергей Сова, Максим Вишневский и Сергей Самохов обсудят, как строить архитектуру, организовывать компоненты и данные, использовать рендер-движок, задействовать реактивность и учитывать особенности
💜 Применять архитектурный линтер для Feature-Sliced Design. Антон Медведев и Лев Челядинов из FSD core team представят новый линтер и в режиме лайвкодинга покажут, как его применять.
💜 Менять жизненный цикл проектов на React, проектировать гибкое приложение и править негибкое. Редактор «Доки» Полина Гуртовая расскажет, когда мигрировать проект и нужно ли это делать, если он ещё не устарел.
💜 Выбирать стейтменеджер. Валерий Смирнов из Oone.World покажет, когда и какие популярные библиотеки использовать для управления стейтом.
🎁 Бонусы: публичное собеседование по архитектуре и открытый микрофон.
Билеты уже ждут вас на сайте
Реклама. ИП Толстая Елена Петровна ИНН:507503278104 | 1 868 | 5 | Loading... |
37 Узнайте о позиционировании CSS с помощью следующей шпаргалки 🚀
👉 @frontend_1 | 1 661 | 29 | Loading... |
00:29
Відео недоступнеДивитись в Telegram
Совет по CSS! ✨
Вы можете сделать стили компонентов портативными с помощью контейнерных запросов 😎
Изменение макета карты в зависимости от размера 🔥
Удаление текста кнопки, если она маленькая 🤏
.card {container-type: inline-size;}
@ container (min-width: 50ch) {.info { grid-column: 2; }}
https://codepen.io/jh3y/pen/JjZavRJ
👉 @frontend_13434.mp44.87 KB
👍 6
00:18
Відео недоступнеДивитись в Telegram
Один цвет для светлого, другой для темного? 🌗
Используйте CSS light-dark в сочетании с color-scheme 🤙.
[data-theme=light] { color-scheme: light; }
[data-theme=dark] { color-scheme: dark; }
h1 {
color: light-dark(var(--red), var(--orange));
}
👉 @frontend_1J1MUTU_30eXUHrTL.mp44.55 KB
👍 6
Фото недоступнеДивитись в Telegram
Представьте, что вы хотите создавать мощные и интерактивные веб-приложения, но каждый раз сталкиваетесь с трудностями в структуре кода и управлении компонентами. Вы чувствуете, что ваши текущие знания и навыки недостаточны для достижения результата.
А теперь представьте, что вы без труда создаете современные веб-приложения с помощью Angular, успешно используя компоненты, TypeScript, RxJS и Reactive Programming. Вы уверенно разрабатываете интерфейсы, которые нравятся пользователям и используете передовые инструменты для упрощения разработки.
Хотите это реализовать? Приглашаем вас на практический открытый урок «Angular Framework: работа с Компонентами» 24 июня в 20:00 мск. На вебинаре мы разберём структуру фреймворка Angular и научимся использовать компоненты для создания приложений. А еще создадим приложение при помощи ng терминала, поставляемого Angular, и компоненты, которые отобразим на странице.
Этот урок специально разработан для junior-разработчиков, которые хотят познакомиться с фреймворком Angular.
Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://vk.cc/cxNkqP
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru
00:27
Відео недоступнеДивитись в Telegram
Как проверить, что страница открыта из кэша Edge Cache на Vercel
👉 @frontend_1
fhfgoqAIfjRf40v-.mp42.03 MB
👍 3
00:08
Відео недоступнеДивитись в Telegram
Создаем dropzone с помощью HTML, CSS и JavaScript 🚀
https://github.com/atherosai/ui/tree/main/dropzone-03
👉 @frontend_1
eSccADpEioFpjd6x.mp41.68 KB
👍 5
Фото недоступнеДивитись в Telegram
👩💻 Хотите научиться создавать API с использованием GraphQL и NestJS?
Ждём вас на открытом практическом уроке от OTUS, где вы получите теоретические знания о GraphqL и NestJS и практические навыки по созданию и интеграции GraphQL с NestJS.
Спикер Николай Лапшин — опытный разработчик на нескольких языках, архитектор, тимлид и преподаватель.
Встречаемся 25 июня в 20:00 мск в преддверии старта курса «JavaScript Developer. Professional».
Все участники вебинара получат специальную цену на обучение!
➡️ Регистрируйтесь прямо сейчас, чтобы не пропустить бесплатный урок: https://vk.cc/cxKIWJ
🎁 Только до 23 июня скидка 10%, подробности у наших менеджеров.
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
👍 1
Фото недоступнеДивитись в Telegram
Spectral.js - это библиотека для смешивания красок, использующая теорию Кубелки-Мунка.
Используя возможности теории Кубелки-Мунка, надежной научной модели, имитирующей взаимодействие света с краской, Spectral.js гарантирует, что ваши проекты будут иметь яркие и реалистичные цвета.
Благодаря использованию 7 различных спектральных каналов, включая белый, голубой, пурпурный, желтый, красный, зеленый и синий, Spectral.js может быть эффективно использован в различных веб-проектах, таких как:
Веб-дизайн: Насыщайте свои веб-дизайны реалистичными цветовыми палитрами благодаря способности Spectral.js к реалистичному смешиванию цветов.
Графика: Повысьте качество графики, используя реалистичное смешивание цветов, которое точно отражает взаимодействие света с различными оттенками.
Генеративное искусство: Создавайте захватывающее генеративное искусство, используя мощные возможности смешивания цветов Spectral.js, в результате чего получаются визуально ошеломляющие и динамичные творения.
Воспользуйтесь гибкостью и точностью, которые предлагает Spectral.js, и преобразуйте свои проекты с помощью обширной и яркой цветовой палитры, имитирующей реальное взаимодействие цветов.
https://github.com/rvanwijnen/spectral.js
👉 @frontend_1
👍 7
00:13
Відео недоступнеДивитись в Telegram
Совет по CSS 💡
Несмотря на некоторые ограничения в отдельных браузерах, мы можем изменять размеры любого блочного элемента, а не только
textarea
! 🤯
👉 @frontend_1F_isadlacAAufOy.mp41.26 KB
👍 7❤ 2
00:07
Відео недоступнеДивитись в Telegram
Интерактивное объяснение CSS calc()
👉 @frontend_1
CSS calc.mp40.92 KB
👍 7
26:28
Відео недоступнеДивитись в Telegram
Полный гайд по CSS Flexbox с примерами из практики
Это первая статья по HTML&CSS из серии. И начать я решил именно с Flexbox. В интернете уже довольно много гайдов по Flexbox в CSS. Но чаще всего это шпаргалки, которые не сильно помогают разобраться как на самом деле все работает. Я постараюсь раскрыть тему на реальных примерах. А в конце статьи поделюсь лайфхаками, которыми сам постоянно пользуюсь в работе.
Если вам больше нравится воспринимать информацию в видео-формате, то можете посмотреть ролик.
https://habr.com/ru/articles/816349/
👉 @frontend_1
CSS_Flexbox_–_полный_гайд_с_примерами_из_практики.mp447.54 MB
👍 10❤ 2
Авторизуйтеся та отримайте доступ до детальної інформації
Ми відкриємо вам ці скарби після авторизації. Обіцяємо, це швидко!