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

Но если внимательно изучить спецификацию выясняется, что их не четыре, а девять: align-content, justify-content, align-items, justify-items, align-self, justify-self, place-content, place-items и place-self.

Исследуем глубины W3C и разбираемся как работают в связке флексбоксы и гриды.

https://css-live.ru/articles-css/svojstva-dlya-vyravnivaniya-vsego-i-ix-novye-tajny.html

Открыта запись на следующий поток интенсива «Базовый JavaScript». Курс будет проходить с 8 августа по 20 сентября. Минимальная цена участия действует до 27 апреля. Количество мест ограничено.

https://goo.gl/TlpWxs

Курс подойдёт выпускникам других интенсивов и верстальщикам, желающим поднять свои навыки программирования.

Вас ожидает 20 часов живых вебинаров, 3 готовых проекта для оживления и общение с личным наставником — опытным разработчиком, который поделится секретами мастерства.

https://goo.gl/TlpWxs

#javascript #программирование #интенсив #htmlacademy

Как и когда следует оживлять интерфейс, чтобы сделать его по-настоящему удобным для пользователя?

Ответом на это станет манифест из 12 принципов.

https://medium.com/ux-in-motion/creating-usability-with-motion-the-ux-in-motion-manifesto-a87a4584ddc

Недавно мы рассказывали про то, что 16 июня в Санкт-Петербурге состоится pitercss_conf.

Знакомимся с первыми спикерами и их докладами:

В программе pitercss_conf 16 июня уже 3 доклада: ChillBill, Microsoft, Яндекс. Билеты сегодня до полуночи по 3500 ₽ https://pitercss.com/

Десятый интенсив «Продвинутый HTML и CSS» завершился и пришло время подвести итоги.

— 4 преподавателя и более 20 часов лекций.
— 23 наставника получили максимальные 10 баллов от своих подопечных.
— 102 ученика успешно защитили свой проект.

В отчёте вы найдёте отзывы участников. Например, один из них:

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

https://htmlacademy.ru/blog/179-online-intensive-adaptive

Выпуск №65: асинхронность, PhantomJS всё, веб-компоненты, магические зависимости и Виталий Слободин в гостях — https://soundcloud.com/web-standards/episode-65

Стюарт Фрисби из Booking.com поделился историей о том, как они внедряли системные шрифты, с чем столкнулись и какие сделали в итоге выводы.

https://booking.design/implementing-system-fonts-on-booking-com-a-lesson-learned-bdc984df627f

Пространство может добавить проекту акценты, структуру, понятность и даже передать эмоции.

Примеры эффективного использования пустоты в дизайне интерфейса.

https://blog.prototypr.io/how-to-use-space-in-ui-design-15e169127236

Перевод: https://uxgu.ru/white-space/

Кое-что готовим на завтра. Угадаете, что это будет? 🤔🤐

Основы типографики: разбираемся с начертанием, типами шрифтов, гарнитурами и многим другим.

https://robots.thoughtbot.com/typography

Привет! Нам часто задают вопросы о вёрстке и технологиях: почему нужно делать так, а не иначе? Что если сделать эдак? И мы с удовольствием отвечаем.

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

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

Присылайте вопросы на почту [email protected] или пишите в комментариях, на самые интересные мы ответим в следующих выпусках.

Увидимся через неделю!

https://www.youtube.com/watch?v=JEItJ4nyl68

Собрали наши доклады с выступлений на конференциях и встречах в единый плей-лист.

На случай если вы пропустили какой-то из них или захотите пересмотреть.

Плей-лист будет пополняться по мере появления новых выступлений.

https://goo.gl/m2ZTqN

Время приключений: игра на чистом CSS.

https://minocernota.com/articles/pure_css_game/