Как и когда использовать селектор CSS :has
Селектор CSS :has() позволяет нам стилизовать элемент на основе его потомков или любых последующих элементов. В этой статье рассмотрим, когда и как использовать селектор :has().
Язык: En🇬🇧
Ссылка:https://bit.ly/3zTkO3k
#css
Swiper выкатил NoCode сервис
Это веб-версия приложения, которая даёт возможность сконструировать без кода наглядно слайдер. Можете сами попробовать, но экспортировать результат не удастся без авторизации. А сделать себе авторизованный аккаунт получится только через Patreon.
✅ Ссылка на сервис:
https://studio.swiperjs.com/
Моё мнение - пока не понятно, где это может быть применимо, но может быть я не совсем объективна, потому что мне проще написать код, чем делать тоже самое в интерфейсе. Однако, если это сделано для NoCode сервисов, то по сути во многих таких сервисах уже есть подобный функционал и без Swiper.
А вы что думаете?
Парсинг HTML для людей
Эта библиотека призвана сделать синтаксический анализ HTML (например, просмотр веб-страниц) максимально простым и интуитивно понятным.
Язык: En🇬🇧
Ссылка: https://bit.ly/3C3V7Qg
#soft #python
Переменные в CSS с v-bind в VueJs 3
Если вы использовали VueJs, вы, вероятно, знаете об ограничении, которое не позволяло использовать реквизиты, данные и вычисляемые свойства в стилях ваших компонентов. Разработчикам приходилось прибегать к хакам, чтобы сделать стили динамичными, обычно за счет более неаккуратного кода. В этой статье продемонстрируем несколько вариантов, создания динамических свойств CSS.
Язык: En🇬🇧
Ссылка:https://bit.ly/3Qlh6GL
#vue
Полезные возможности современного CSS
В данной заметке речь пойдёт о некоторых полезных возможностях, предоставляемых современным CSS. Также немного затронем полезные "фичи", которые ждут нас в ближайшие 2 года.
Ссылка:https://bit.ly/3AiQctb
#css
Новый сезон онлайн-конференции Podlodka Frontend Crew стартует уже 15 августа.
🛠 Тема сезона — тулинг — инструменты, облегчающие жизнь фронтендеру 🛠
Возьмите максимум пользы всего за 5 дней:
👽Вместе с Андреем Ситником из «Злых марсиан», Александром Краснояровым и Валентином Семирульником из Aviasales узнайте всю правду про Webpack и плагины — «золотой стандарт» организации процесса сборки.
🤖Научитесь автоматизировать процесс написания документации и не корпеть над скучными задачами вместе с Арманом Мурзабулатовым из Rabobank.
🧛🏻 Антон Крылов из Авито научит анализировать граф зависимостей, чтобы сложные зависимости на проекте или отсутствие документации не заставляли вас чувствовать боль и страдания.🧙🏼♀️Овладейте магией схем и декларативности с волшебной Полиной Гуртовой из «Злых марсиан».
⏳ Конференция продлится всего 5 дней
🙌 Держи промокод на скидку 500 руб: annblok
🔥 Продажа билетов уже стартовала на сайте
Поспешите на борт!
Адаптивные таблицы в вебе
Таблица — удобный и один из самых эффективных способов подачи текстовой информации. Основная сложность таблиц при верстке — их адаптивность для устройств с небольшими экранами. В статье будет предложен способ адаптации таблиц к разным экранам разных устройств. Кроме того, этот способ будет реализован на практике с применением Vue.js 3, CSS-модулей и компонентно-ориентированного подхода.
Ссылка:https://bit.ly/3A33zO0
#css #vue
Шаблоны проектирования GoF в React
Шаблоны проектирования позволяют создать повторно используемые и надежные решения распространенных проблем при разработке программного обеспечения. Использование шаблона проектирования может значительно сэкономить время при разработке и помочь быстрее внедрить новый элемент в производство. В этой статье мы обсудим шаблоны проектирования группы Gang-of-Four и способы их реализации с помощью библиотеки React.
Ссылка:https://bit.ly/3BHPgjd
#react
Точное время с Web Animations API
В JavaScript естественно использовать таймеры, когда что-то должно произойти вовремя. Но когда что-то должно произойти в определенный момент, потому что от этого зависят другие вещи, вы быстро понимаете, что таймеры — это скорее проблема, чем решение. Они никогда не бывают вовремя, на самом деле. Web Animations API может устранить необходимость в таймерах в некоторых случаях, будучи точным.
Язык: En🇬🇧
Ссылка:https://bit.ly/3oWzV71
#javascript
Центрируй, властвуй, располагай
Тема довольно популярная для тех, кто просто верстает или занимается полноценной frontend-разработкой (ведь нам всегда нужно что-то центрировать). Существует множество способов, как нужно отцентрировать элемент, в тех или иных ситуациях, каждый способ по своему хорош. В этой статье будут разобраны разные виды центрирования.
Ссылка:https://bit.ly/3vMc2Tw
#css
Diagram as Code для Python
Библиотека позволяют рисовать архитектуру облачной системы в коде Python. В настоящее время Diagrams поддерживает основные основные поставщики, включая: AWS, Azure, GCP, Kubernetes, Alibaba Cloud, Oracle Cloud и т. д. Он также поддерживает локальные узлы, SaaS и основные платформы и языки программирования и позволяет отслеживать изменения диаграммы архитектуры в любой системе контроля версий.
Язык: En🇬🇧
Ссылка:https://bit.ly/3zDSEcs
#soft #python
То, что обучение началось сегодня - вы и так знаете. Поэтому посмотрите лучше сегодняшнее на огненное солнце в моем городе под смогом.
P.S. Кстати если вы пропустили начало, то есть еще возможность успеть в последний вагон, так сказать. Просто напишите в чат на сайте http://frontendblok.com/ (виджет внизу окна) и наш менеджер сформирует для вас платёжку.
Сейчас на сайте курс не получится приобрести. Скоро обновим форму и там будут новые цены. Так что вот 💁♀️