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

Например, если нужно задать отступы для содержимого записи в блоге, для этого придётся иметь дело с исключениями и зависимостями. Между заглавием и иллюстрацией требуется достаточно большой отступ; если за картинкой следует ещё одна картинка, то между ними отступ должен быть меньше; отступы между заголовками h2 и h3 он должны быть больше, чем между h2 и абзацем.

Автор предлагает свой вариант решения задачи, с использованием margin-top и понятным CSS-кодом.

https://hackernoon.com/advanced-vertical-margins-4ac69f032f79

Замыкания — мощный инструмент в JavaScript. Это ключевая особенность языка, которую каждый уважающий себя программист должен знать.

Мы подготовили перевод статьи Притти Кассириди, где она разбирает как они работают и почему.

https://htmlacademy.ru/blog/195-lets-learn-javascript-closures

Открыта запись на «Продвинутый JavaScript», который будет проходить c 26 сентября по 8 ноября 2017. Минимальная стоимость участия до 29 июня.

https://goo.gl/99JauV

Курс подойдёт для выпускников «Базового JavaScript» и начинающих фронтенд-разработчиков, которые хотят научиться создавать современные веб-приложения, писать код на ES2015 (ES6), тестировать его и умело применяеть паттерны проектирования.
 
«Продвинутый JavaScript» это 20 часов живых вебинаров, работа над личным проектом под руководством наставника в условиях максимально приближенных к фронтенд-разработке в компании.

https://goo.gl/99JauV
 
#javascript #ecmascript #программирование #интенсив #htmlacademy

Выпуск №73: Firefox мультипроцессный, новые гриды в Edge, зачем флексы, JS-модули в HTML, Webpack 3 и CSS-фрагменты https://soundcloud.com/web-standards/episode-73

Эксперимент: на один день автор отключил JavaScript и посмотрел, как это повлияло на работу популярных сайтов.

https://sonniesedge.co.uk/blog/a-day-without-javascript

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

На помощь приходит хранилище для больших файлов (LFS) — специальное расширение для Гита и подробное руководство как им пользоваться.

https://blog.framer.com/better-version-control-for-design-projects-5474ea4913f1

За четыре года существования интенсива «Базовый HTML и CSS» технологии не стояли на месте, а мы каждый поток вносили изменения в программу, улучшали проекты и прочитали тысячи отзывов, чтобы сделать интенсив ещё лучше.

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

— Флексы становятся обязательными и сетку проекта будем строить на них.

— Больше времени уделим разметке.

— Серьёзно поработаем над доступностью проектов.

— Больше векторной графики.

— Обновлённые критерии качества личных проектов.

— Завершит программу лекция о лучших практиках, принятых в веб-разработке.

И это не все изменения, которые мы заготовили.

С личными проектами можно познакомиться на канале — https://www.youtube.com/watch?v=oFIZkqAnkIE&list=PLQJNT2fdCJnhoGNGl-kIVbxiiyJRZOmZZ&index=5

До встречи на интенсиве 7 августа!

https://htmlacademy.ru/intensive/htmlcss

Если пропустили, то в пятницу мы обновили программу интенсива «Базовый HTML и CSS» — https://htmlacademy.ru/intensive/htmlcss

Восемнадцатый поток, стартующий в августе, будет уже по новой программе:

— Флексы становятся обязательными и сетку проекта будем строить на них.

— Больше времени уделим разметке.

— Серьёзно поработаем над доступностью проектов.

— Больше векторной графики.

— Обновлённые критерии качества личных проектов.

— Завершит программу лекция о лучших практиках, принятых в веб-разработке.

С личными проектами можно познакомиться на канале —
https://www.youtube.com/watch?v=oFIZkqAnkIE&list=PLQJNT2fdCJnhoGNGl-kIVbxiiyJRZOmZZ&index=5

До встречи на интенсиве 7 августа!

https://htmlacademy.ru/intensive/htmlcss

Выпуск №74: разнообразие браузеров, HTML для людей, PE и GD, гриды с фолбэком, фокус, трюки со шрифтами, ответственность, Uber в браузере, фича из CS — https://soundcloud.com/web-standards/episode-74

А вы уже заметили? Мы обновили страницу интенсива «Продвинутый HTML и CSS».

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

Пришлось даже Кекса звать на помощь. Как вам результат?

https://htmlacademy.ru/intensive/adaptive

Создаём новые сочетания эмодзи с помощью CSS 🐱

https://codepen.io/mandymichael/pen/mWXGZp/

Сетка с шагом 8 пунктов — это система, когда размеры всех элементов и расстояния между ними кратны восьми. С ней гораздо проще систематизировать интерфейс и его детали.

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

https://builttoadapt.io/intro-to-the-8-point-grid-system-d2573cde8632

Здесь он уже объясняет, как быть с границами и раскладками при таком подходе.

https://builttoadapt.io/8-point-grid-borders-and-layouts-e91eb97f5091

Выпуск №75: пора ли гриды, Edge и IE, сетки и стримеры, CSS is awesome, примеры ARIA, фокус и аутлайн, JS-импорты, подкасты — https://soundcloud.com/web-standards/episode-75