Обои для рабочего стола, которые помогут выучить семантику.

Выпуск №238: События в Яндексе, Safari, планы браузеров, новый CSS Zen Garden, Houdini vs CSS, Yandex UI Kit. В гостях Владимир Гриненко. Слушайте на Ютубе https://youtu.be/u1OPg7IKMQU, читайте на Медиуме https://medium.com/p/3533ce9bf361

00:02:08 События в Яндексе
00:09:10 Подкаст про Safari
00:12:50 Планы браузеров
00:22:21 Новый CSS Zen Garden
00:29:53 Кто быстрее: Houdini или CSS
00:38:58 Yandex UI Kit

БЭМ'а не должно существовать. Громкое название? Нет. Статья о том, почему БЭМ это плохо.
Любая технология, любая методика имеет как плюсы, так и минусы.

Статья о том, в чём минусы БЭМ:

BEM'a не должно существовать / Хабр
https://m.habr.com/ru/post/422537/

15 базовых советов по Git для эффективной работы каждый день. Сергей Сергеев делится лайвхаками в блоге ManyChat на Хабре — https://habr.com/p/511946/

https://youtu.be/wBj6TDc4M5o - поехали смотреть!)

До­ступ­ный для кого-то. Эксперимент Мануэля Матузовича, который показывает, как плохая доступность влияет на пользователей и их повседневную работу в вебе. В переводе Никиты Дубко на «Веб-стандартах» — https://web-standards.ru/articles/accessible-to-some/

Что значит 100% в CSS?

Вы когда-нибудь задумывались, как всё рассчитывается в каскадных таблицах стилей, и почему иногда не удаётся подвинуть элемент, хотя, казалось бы, всё верно?

Амелия Ваттенбергер не только написала об этом, но и сделала статью интерактивной. Так что можете потаскать ползунки и посмотреть, что получится:

https://tprg.ru/YU83

#фронтенд #css

Альтернативный текст для свойства content. Стефан Джудис показывает, как задать отдельный текст для скринридеров для содержимого псевдоэлементов after и before — https://www.stefanjudis.com/today-i-learned/css-content-accepts-alternative-text/

Наверняка каждый JavaScript-разработчик использовал метод console.log(‘text’) для отладки кода. Скорее всего, console.warn() и console.error() вам тоже знакомы.

Но есть много других логов, которые могут помочь повысить эффективность отладки кода на JS. В этой статье читайте про 8 самых интересных из них:

https://tprg.ru/Lvha

#javascript #nodejs

Привет. Давно ничего не писал на канале. Так уж сложилось, что в последнее время был занят техническими вопросами и на философию времени совсем не осталось.
Тем не менее, результат моих "технических вопросов" вот тут, по ссылочке.
Это обновлённая сборка "Easy webdev startpack".
Ещё меньше нужно делать руками, ещё больше автоматизации!
Вэлкам!

Привет! Давненько не было ничего на моём канале, казалось даже, что я его забросил. Но не тут -то было!
26 декабря, в день Рождества, проведём новогодний стрим.
Что будет на стриме:
- поболтаем о том, что важного произошло в 2020 году и какие планы на 2021-й;
- расскажу о своей сборке, как она работает и какие планы на будущее в этом направлении;
- поговорим с дизайнером о дизайне для верстальщиков и вёрстке для дизайнеров;
-- поговорим с ещё одним админом чата "От 0 до 1";
- начнём отмечать Новый Год ))

А чтобы не забыть о стриме, подпишитесь на канал и нажмите на колокольчик по ссылке. Так ютуб напомнит вам о нём.
https://youtu.be/JxrarYanMxA

Друзья, новая ссылка на стрим: https://youtu.be/JxrarYanMxA

Интересненько... Надо будет сделать обзор на эту штуковину на канале...

​Расширенный HTML

EHTML — это библиотека, которая расширяет обычные возможности HTML. С помощью неё можно, не используя JavaScript, отправить формы в json формате, загрузить HTML темплейты на определенную страницу и многое другое.

В этой статье автор библиотеки подробно рассказывает о её возможностях:

https://tprg.ru/byzH

#HTML

20 полезных репозиториев GitHub

У программистов с опытом уже есть определённый инструментарий и база знаний, а вот у начинающих — нет.

В этой подборке 20 репозиториев, которые содержат в себе ПО, советы, шаблоны проектирования и многое другое, которые пригодятся не только начинающим, но и уже опытным разработчикам:

https://tprg.ru/2oXT

#github

Всем привет!
У нас огромные планы на эту неделю:
1. Ещё немного подшаманил сборку. Теперь на мелочи нужно будет отвлекаться ещё меньше, а сама сборка ввиду уменьшения количества тасков будет работать чуточку быстрее. ⏱
2. Подправил один из плагинов сборки и выкатил на npmjs.org (выкатить-то выкатил, но нашёл ошибку и удалил, пока никто не установил себе, а перезалить ту же версию можно только через сутки, так что вечером залью по-новой). ⚙️
3. В планах на вторник, 12 января - новый ролик о том, как вообще пользоваться сборкой. Раз на письменный мануал времени нет - запишу об этом видео. 🛠
4. В четверг, 14 января проведём стрим с CSS-разбором вёрстки. БОНУС - разбор дизайна свёрстанного сайта от @nezdolIy Разберём всё до винтиков! 🔩
5. В субботу, 16 января начну новую серию видео, где будем делать игру на HTML/CSS/JS. Нет, это будет не кликер и не платформер. Я хочу повторить проект киевской компании Rada.ltd и запилить экономический симулятор. В этом году исполняется 30 лет игре "Коммерсантъ", выпущенной под MS-DOS. Кто постарше, скорее всего, помнят её. Так вот, есть идея с нуля написать такую игру на знакомых нам всем технологиях. Будет интересно! 📟
Напоминаю, что поддержать меня 💵 можно по ссылке ниже.

Как и обещал вчера, обновил сборку до версии 2.1.0

🤯 В новом релизе немного по-другому построена работа с scss и БЭМ-компонентами, переписаны таски и файл style.scss, изменена структура папок. Подробности будут вечером на канале в новом ролике.

🤖 Слегка допилил плагин gulp-svg-css, научил его генерировать не только фоновую картинку и css-класс из файла svg, но и создавать псевдоэлементы с соответствующим фоном. Сперва попробовал-было отправить контрибьют автору плагина, но судя по тому, что плагин обновлялся в 2016 году, контрибьюта нам ждать долго, а добавить плагин в сборку и юзать вместе с вами хочется уже сейчас. Поэтому создал форк и залил его на npmjs.com
Подробности того, как работает плагин, опять же, покажу в ролике о сборке, а скачать его можно будет по ссылке либо установить в свою сборку с помощью команды npm i gulp-svg-css-pseudo -D.

💰 Ну а поблагодарить меня за сборку, плагин и ролики на ютубе, а заодно и поздравить с наступающим совсем скоро 🎂 днём рождения вы можете по вот этой ссылке.