Зачем нужно оптимизировать фронтенд?

— Ускорение загрузки проекта для пользователей.
— Ранжирование проекта в поисковиках.
— Показать пример другим разработчикам.

Пошаговое руководство для оптимизации фронтенда под браузеры.

https://hackernoon.com/optimising-the-front-end-for-the-browser-f2f51a29c572

Перевод: https://habrahabr.ru/company/badoo/blog/322988/

Шестнадцатый поток интенсива «Базовый HTML и CSS» стал первым выпуском в этом году.

Как это было:

— 260 успешно свёрстанных проектов.
— 57 наставников получили максимальную оценку. Прошлогодний рекорд побит.
— Флексбоксы с курса «Продвинутый HTML и CSS» добрались и сюда.
— Бонусная лекция о доступности от Вадима Макеева.
— И, конечно, отзывы очевидцев.

https://htmlacademy.ru/blog/171-online-intensive-html-css

Опыт построения единой CSS-архитектуры для нескольких сайтов при помощи SASS.

https://medium.com/elad/css-architecture-for-multiple-websites-with-sass-7e923fc53f7a

Способы создания непрямоугольной шапки сайта на чистом CSS.

https://codepen.io/ahmadnassri/post/non-rectangular-headers-part-1

Выпуск №58: Firefox 52, Firefox OS, гриды, кастомные свойства, прогрессивное улучшение CSS, метрики шрифта, PWA, Гитхаб, собеседование на бумажке — https://soundcloud.com/web-standards/episode-58

Идея для нестандартной навигации: отображение прогресса прочитанного материала для пунктов меню.

https://lab.hakim.se/progress-nav/

На прошлой неделе завершился восьмой поток интенсива «Базовый JavaScript» c полностью обновлённой программой.

Что нового:

— Интенсив стал легче и ещё больше сосредоточен на основах языка.
— Обновлён дизайн и код проектов, а «Код и Магия» поменялся местами с «Кексобукингом» и стал учебным.
— На курсе внедрена финальная проверка случайным наставником.
— 72 выпускника защитили успешно личные проекты.
— 25 наставников получили высшую оценку от учеников.
— Отзывы участников.

https://htmlacademy.ru/blog/173-online-intensive-javascript

Новосибирск, если вы ещё не в курсе, то 1–2 апреля у вас будет проходить CodeFest 2017.

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

От нас едет Алексей Симоненко, чтобы вместе с Олегом Моховым из Яндекса сделать доклад-загадку: «Старикам тут не место?».

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

Регистрация открыта.

https://2017.codefest.ru/

Открыта запись на ближайший интенсивный онлайн‑курс «Продвинутый HTML и CSS», который пройдёт c 22 мая по 28 июня.

https://goo.gl/VqVBrw

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

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

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

https://goo.gl/VqVBrw

#html #css #верстка #интенсив #htmlacademy

Выпуск №59: Chrome 57, бета Samsung Internet, Safari TP, гриды на практике, выражения от контейнера, прокрутка в вебе, оптимизация шрифтов — https://soundcloud.com/web-standards/episode-59

Люди Икс на CSS.

https://codepen.io/rspilhaus/pen/LWZYOp

CSS-анимация при наведении на кнопку.

https://codepen.io/perry_nt/pen/OWoNxK

Платформер на CSS 🕹

https://codepen.io/nathantaylor/pen/KaLvXw

Продолжаем тему SVG, опубликован новый бесплатный курс «Оформление SVG-фигур».

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

https://goo.gl/5O5GKp

Этот курс, как и предыдущий по SVG, для нас подготовила Йоксель. Заходите в её блог, посвящённый CSS — https://css.yoksel.ru, там много интересного.

#svg #htmlacademy #html #css #верстка

Выпуск №60: фоновые вкладки, CSSO, Peeper, SVG, доступность, линтинг HTML, сайдбар за 5 строк, загрузка JS, jQuery, пуш, междисциплинарное, Фронтёрки — https://soundcloud.com/web-standards/episode-60