Разбираемся, как сделать масштабирование и затенение элементов при наведении курсора.

https://www.trysmudford.com/blog/fade-out-siblings-css-trick/

Выпуск №176: Новости с Google I/O и Microsoft Build, вечнозелёный Гугл-бот, font-display в Google Fonts, перфоманс и порталы, более нативный веб, тестирование и Puppeteer, IE в Edge и реестр GitHub. Ссылки на Медиуме https://medium.com/p/1d88cfc4bc49 или на Ютубе https://youtu.be/F7fTSPTJITk

Доступна запись на профессиональный курс «PHP, уровень 1», который пройдёт с 6 августа по 6 октября.

https://clc.to/GITC9g

Курс рассчитан на новичков в программировании. Вы научитесь с нуля писать серверную логику для проектов. В программе: изучение синтаксиса PHP и SQL, настройки веб-сервера и сервера баз данных, решение типовых задач бэкенд-программиста — аутентификация, авторизация и работа с формами.

Учеников ждут лекции и работа над личным проектом под руководством наставника — профессионального разработчика.

Вы можете выбрать удобный для вас тариф:

— стандартный, в котором доступно 5 часов работы с личным наставником;
— комфортный, включает 9 часов консультаций с наставником и возможность выбрать сложный проект.

Денис Пуховский работал системным администратором. Когда понял, что достиг карьерного потолка, решил сменить профессию и заняться веб-разработкой.

И вот, что из этого вышло.

https://clc.to/oseGhg

Зыпрыгнем на ту самую уходящую белую лошадь.

Генератор персонажа «Игры престолов» на чистом CSS.

https://codepen.io/medrupaloscil/pen/zXVOrp

После каждого потока мы собираем отзывы и оценки студентов, чтобы становиться лучше 🐾

Делимся впечатлениями Игоря Николаева, выпускника пятнадцатого курса «HTML и CSS, уровень 2».

https://clc.to/rkYA3A

Инструкция, как создать на чистом CSS индикатор загрузки.

https://glennmccomb.com/articles/building-a-pure-css-animated-svg-spinner/

Как контролировать генерацию блоков с помощью свойства display.

https://www.smashingmagazine.com/2019/05/display-box-generation/

Доступна запись на курс «Профессиональный JavaScript, уровень 2», который пройдёт с 5 августа по 6 октября.

https://clc.to/VVH_aw

Курс подойдёт для выпускников «JavaScript, уровень 1» и начинающих фронтенд-разработчиков, которые хотят улучшить свои навыки. После прохождения вы сможете уверенно создавать современные веб-приложения.

Студентов ждёт 20 часов живых лекций, работа над личным проектом под руководством наставника в условиях приближенных к разработке в компании.

Примеры использования гридов.

https://gridbyexample.com/examples/

Выпуск №177: Edge, Firefox, Blink, font-display в Google Fonts, иконочные шрифты, формы и клавиатура, доступные меню, кнопки и картинки. Ссылки на Медиуме https://medium.com/p/2c156a771c3d или на Ютубе https://youtu.be/7XKDuroNHY8

👨🏻‍🎓 Отзыв выпускника восьмого потока «JavaScript, уровень 2» Максима Кравченко:

«Первый обновленный интенсив был достаточно сырым, но очень полезным. Сначала всё шло очень легко и хорошо, но уже к шестой лекции я существенно отставал. Хочется выразить особую благодарность моему наставнику, который делился своим опытом, помогал мне улучшить код, был со мной на связи до самого послeднего момента. А за день до конца закрытия защиты сказал, что я не сдам, тем самым разозлив и раззадорив меня.

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

Мне очень понравились проекты, которые были на интенсиве: личный и учебный. Они приближены к реальности и не дают заскучать.
Ещё хочется выразить благодарность Олегу Акинину, одному из авторов курса, который ответил на некоторые мои вопросы, пока наставник был недоступен.
Я действительно рад, что записался на интенсив, и даже рад, что он был чуточку сырым: это дало возможность доработать что-то самому, проявить больше самостоятельности и фантазии.

Спасибо, Академия, за новый опыт, новые проекты и знания!»

И увезёт нас в прекрасные дали 🚂 на силе CSS.

https://codepen.io/kh-mamun/pen/qQZaVM

Десять эвристических принципов для мобильных интерфейсов.

https://uxdesign.cc/heuristic-principles-for-mobile-interfaces-c226fbaa1d16

Свершилось! Все интерактивные курсы в новом интерфейсе 💥

Мы перенесли последнюю главу «Кекстаграм: Эпилог. JavaScript» и теперь все курсы приведены к единому виду.

Проходите и учитесь — https://htmlacademy.ru/courses

Вышли двенадцать новых вызовов в курсе «Знакомство с HTML и CSS», доступных по подписке ✨

Кекс подготовил для вас задачки разной сложности. Вас ждут: один вызов начального уровня, десять средних, и один продвинутого уровня.

Проверьте свои знания — https://clc.to/cXyhSA

Инструмент, который поможет в построении цветовой палитры.

https://colordesigner.io/

В команде новый енот 🐾

Саша — специалист технической поддержки в Академии. Она помогает пользователям решать разные вопросы и справляться с заданиями курсов.

https://clc.to/iP2UfQ

Пошаговая инструкция по созданию круговой диаграммы с помощью SVG.

https://seesparkbox.com/foundry/how_to_code_an_SVG_pie_chart