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

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

https://www.sitepoint.com/five-techniques-lazy-load-images-website-performance/

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

Например, если нужно задать отступы для содержимого записи в блоге, для этого придётся иметь дело с исключениями и зависимостями. Между заглавием и иллюстрацией требуется достаточно большой отступ; если за картинкой следует ещё одна картинка, то между ними отступ должен быть меньше; отступы между заголовками 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