Как для размещения элементов использовать grid-template-areas.

https://www.smashingmagazine.com/2020/02/understanding-css-grid-template-areas/

​​Доступна запись на асинхронный курс «PHP, уровень 2». Начать обучение можно сразу после оплаты.

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

Главная цель курса — познакомить обучающихся с парадигмой ООП и работе с современным PHP фреймворком. Вся программа курса максимально заточена под реальные задачи, с которыми ежедневно сталкиваются разработчики среднего уровня.

По итогу курса студент имеет крепкие знания в области ООП разработки и проектирования, а также опыт создания проекта на основе фреймворка Yii 2. Из прикладных задач курс в том числе затрагивает работу с веб-сервисами, организацию API-сервера, кэширование, БД redis, использование протокола OAuth2.

Второй уровень предполагает у студента наличие знаний уровня выпускника «PHP, уровень 1».

Сегодня последний день, чтобы оформить в рассрочку курс «HTML и CSS, уровень 2», который пройдёт с 23 марта по 27 мая.

https://tml.io/29f5n

Во время курса вы будете работать как профессиональные верстальщики: создадите разметку по методологии БЭМ, будете писать CSS-код на препроцессорах, сделаете адаптивную сетку, поработаете с адаптивной и ретиновой графикой и подготовите автоматизацию сборки проекта для публикации. На каждом этапе вашу работу будет проверять и комментировать личный наставник.

Можно выбрать один из двух тарифов:
— стандартный (5 часов работы с наставником и три личных проекта на выбор);
— комфортный (9 часов работы с наставником и пять личных проектов на выбор).

Полное руководство по дата-атрибутам.

https://css-tricks.com/a-complete-guide-to-data-attributes/

Выпуск №218: Опять гриды, градиенты всё лучше, блокирующий CSS, веб-компоненты, всё про кнопки и disabled. В гостях Глафира Жур. Слушайте на Ютубе https://youtu.be/arNdGsoRve8, читайте на Медиуме https://medium.com/p/4e8cd079eeac

00:00:48 События
00:09:06 Опять гриды
00:17:25 Градиенты всё лучше
00:22:22 Блокирующий CSS
00:27:47 Веб-компоненты
00:37:49 Всё про кнопки
00:51:48 Как работает disabled

​​Запись трансляции с преподавателем и автором профессиональных курсов Игорем Антоновым. Поговорили с ним о том, что из себя представляет асинхронный формат, какая база нужна для курса «Node.js, уровень 1», и что будут уметь выпускники после его окончания.

Стилизация кнопок и особенности работы с <button>.

https://ishadeed.com/article/styling-the-good-old-button/

Демка с необычными переключателями.

https://codepen.io/oliviale/pen/xxboXzo

Отзыв выпускника «HTML и CSS, уровень 2» #18 Дениса Тутова:

«Прежде чем я пошёл на этот интенсив, я побывал на первом уровне. И знаете что? Вот вам немного сухих цифр из GitHub репозиториев.

Первый уровень: 34 коммита, 4 тыс. строк кода, каждый день я примерно тратил по 3-4 часа на проект, уложился в один месяц.

Второй уровень: 90 коммитов, 29 тыс. строк кода и в среднем я тратил на проект по 6-7 часов в день, еле успел закрыть проект за 3 месяца. Это было очень тяжело!

В чём существенная разница? В том, что на первом уровне у вас всего 2 страницы, которые вы должны сверстать. На втором уровне их 3, но не просто статичных, а адаптивных. Значит, фактически их 9, но если учесть, что вы сразу точно не сможете сделать всё без ошибок, и структуру придётся менять, то смело можно накинуть ещё по одной странице. Итого 12 страниц против 2-х. И это только объём, наполнить этот контейнер из HTML стилями — ой как не просто. Там и очень сложные сетки, и изменяющиеся декоративные элементы, и адаптивная графика, и работа с профессиональными инструментами и ещё очень-очень много чего.

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

Если вы были только на первом уровне и раздумываете, стоит ли браться за второй? Стоит! Первый — это детская прогулка в парке, где в конце вы построите красивый домик на дереве, второй с вами так церемониться не будет — вам сразу предлагают построить небоскреб, соответствующий всем критериям качества принятые в этой области. И я бы советовал брать именно комфортный тариф, потому что только там можно брать самые сложные проекты и быть с наставником вплоть до закрытия проекта.

Хочется еще выразить большую благодарность Академии за этот курс, а также своему наставнику Александру Уразаеву за советы и помощь в проекте. Большое спасибо! Это было круто и довольно экстремально :)»

Реализация эффекта прохождения линии сквозь текст.

https://css-tricks.com/weaving-a-line-through-text-in-css/

Сегодня тот день, который перестанет существовать на целых четыре года, как только закончится.

Поэтому до конца этого дня на все профессиональные навыки в предпродаже (которые ещё готовятся к выходу) действует скидка 30%, а на все макеты для тренировки в предпродаже — скидка 50%.

Торопитесь, как только часы пробьют полночь, эта карета превратится в тыкву!

Навыки: https://tml.io/x74xf
Макеты: https://tml.io/3j55e

Сегодня мы вместе с Кексом отмечаем всероссийский день кошек! Праздник такой пропустить никак нельзя 🐾

По такому случаю до конца дня на макет «Кошачий питомник» действует скидка 90%. А навык «Семантическая разметка», в расширенном комплекте которого вы потренируетесь на сайте зоогостиницы «Котейка», сегодня дешевле на 50% — https://tml.io/jqj7s

̶Мя̶у̶к̶а̶ю̶т̶ Верстают все!

Масленица уже прошла, но блины вы всё равно, скорее всего, не приготовили. Поэтому пусть хоть где-то они будут.

https://codepen.io/dariocorsi/pen/wMQEgp

Гастроли Вадима Макеева с докладом «HTML: The Good Parts» продолжаются.

14 марта он выступит в Киеве на конференции для JavsScript-разработчиков — JavaScript fwdays'20, где расскажет про использование тегов в HTML.

https://fwdays.com/en/event/js-fwdays-2020