Запросы стилей
Запросы стилей позволяют запрашивать стиль любого родительского элемента на странице и применять стили к его дочерним элементам на основе стилей родительского элемента. Это звучит очень круто, но на практике, зачем использовать это вместо чего-то вроде класса или атрибута данных для применения стилей? В статье разберёмся почему и когда запросы стиля действительно имеют смысл использовать.
Язык: En🇬🇧
Ссылка:https://bit.ly/3QUCtik
#css
Для чего нужна подписка, если ролики и так публикуются на ютуб?
Несколько основных причин:
— получаете макеты из плейлиста с практикой
— получаете возможность задать вопросы напрямую автору роликов в закрытом чате, т.е. мне 🙃 (прикладываю скрины выше)
— просто возможность поблагодарить автора
✅ Я использую для этих целей Boosty:
https://boosty.to/annblok
💻 А это плейлист с практикой:
www.youtube.com/playlis…playlist
А ещё завтра выйдет новый ролик, о котором я рассказывала выше.
Кстати видео о том, как сделать адаптив для нового макета я опубликую в тариф «Мидл с прямыми эфирами»
А ещё на Boosty стоит простая цель, но которую хотелось бы уже добить. Сделаем? 🙃
10 самых частых проблем с JavaScript
Сначала JavaScript может показаться довольно простым. Тем не менее, язык значительно более нюансирован, мощен и сложен, чем можно было бы изначально подумать. Многие тонкости JavaScript приводят к ряду общих проблем, которые мешают ему работать — 10 из которых мы обсудим здесь — которые важно знать и избегать в стремлении стать мастером-разработчиком JavaScript.
Язык: En🇬🇧
Ссылка:https://bit.ly/3pObqZX
#javascript
Инструментарий SVG, шрифтов и CSS
Наиболее популярный набор инструментов для иконок, который был переработан и построен с нуля
Язык: En🇬🇧
Ссылка:https://bit.ly/3TiwfdC
#soft
Новости из мира IT и технологий 🌎
✅ VK Play запустила бета-тест стриминговой платформы — https://bit.ly/3cpT7Y5
✅ «Яндекс» выложил в открытый доступ DivKit — инструмент для ускорения разработки мобильных приложений — https://bit.ly/3QNNMc1
✅ В Эссекском университете представили ИИ, который может продлить работу батареи смартфона на 30% — https://bit.ly/3Tnt4Bg
✅ Samsung представила телевизор QN100B с диагональю 98" стоимостью ₽2 млн — https://bit.ly/3e12fD0
✅ Apple начала продажу запчастей по программе самостоятельного ремонта на MacBook Air и MacBook Pro с чипом M1 — https://bit.ly/3Knfxpw
✅ В GitLab обнаружили RCE-уязвимость, которая позволяет удалённо выполнять код на устройстве — https://bit.ly/3Tjdjvf
✅ Состоялся релиз Firefox 104 — https://bit.ly/3e12kqi
✅ Пугающий робот-гуманоид научился показывать отвращение — https://bit.ly/3PWaq0B
✅ Данные передали со скоростью свыше 1 Пбит/с с помощью новой технологии — https://bit.ly/3KtfLeD
#news
React: руководство по повторному рендерингу
Существует 2 основные стадии, которым следует уделять пристальное внимание, когда речь заходит о производительности в React: первоначальный рендеринг — происходит, когда компонент впервые появляется на экране; ререндеринг — второй и последующие рендеринги компонента. Ререндеринг происходит, когда React необходимо обновить приложение некоторыми данными. Обычно, это является результатом действий пользователя, получения ответа на асинхронный запрос или публикацию при подписке (паттерн "pub/sub" — публикация/подписка или издатель/подписчик) на определенные данные. Статья посвящена повторному рендерингу в React.
Ссылка:https://bit.ly/3AOCiiL
#react
Watch против watchEffect во Vue.js
В этой статье собираемся раскрыть основные различия между watch и watchEffect , чтобы вы могли использовать более подходящий инструмент для работы в своем повседневном коде.
Язык: En🇬🇧
Ссылка:https://bit.ly/3T689mo
#vue
Это уже не похоже на школьную таблицу местоимений)) Оказывается, ve/ver, это тоже самое, что и уважительное Вы (по сути нейтральное обращение), которые мы давно уже используем в деловой переписке, а они придумали это только сейчас)))
Что люди не понимают о React Native Modals
Использование модальных окон (попапов) в React Native кажется вам проблемой? Постоянно контролировать открытое состояние и повторять код везде, где хотите их использовать — это довольно утомительно. Проблема только усложняется, когда вы пытаетесь создать сложные попапы. Сделали две модалки и все, главный компонент превращается в кашу, и состояние становится беспорядочным. В этой статье разберёмся, с чего начинаются проблемы и как их элегантно решить, прокачав при этом опыт разработки.
Ссылка:https://bit.ly/3AB4HsC
#react
В будущем видео с практикой будет показано, как:
— Работать с CSS переменными
— Обрезать изображения через SVG фигуры
— Сделать анимацию текста SVG по кругу
— Написать калькулятор на JavaScript
Теперь вопрос: это потенциально видео для новичков или уже профи? 😅
Рассудите сами 👇
Простые загрузчики: бары
В этой статье поделимся распространенным шаблоном для загрузчиков: барами. Реализация загрузчика только с одним элементом и с гибким CSS, который упрощает создание вариаций.
Язык: En🇬🇧
Ссылка:https://bit.ly/3pv47GD
#css
Создание многостраничного сайта для Барбершопа на CMS с нуля для начинающих 😎
Идея видео в том, чтобы показать процесс создания сайта от и до, если к вам пришел клиент с запросом ХОЧУ САЙТ, НО У МЕНЯ НЕТ ДИЗАЙНА.
Не спешите его посылать искать веб-дизайнера, потому что сделать первичный сайт без дизайна возможно на CMS Smart Engine.
В видео я показываю, как сделав прототип дизайна в Figma для себя, можно быстро сформировать блоки будущего многостраничного сайта. В итоге и клиент будет доволен и вы заработаете на этой задаче.
✅ Смотреть YT:
https://youtu.be/P7KEYWkaKSQ
❇️ Смотреть Дзен:
zen.yandex.ru/video/w…e04035b5
———
⚠️ Напомню, что макеты и демо можно получить через донат:
1) по подписке (доступ ко всем макетам) https://boosty.to/annblok
2) по подписке (доступ ко всем макетам) https://vk.com/donut/tpverstak
3) разовая оплата через крипту с получением одного макета https://new.donatepay.ru/@annblok (в комментариях напишите email)
#верстка #практика