Способы избежать проблем с использованием <code> внутри тега <a>.

Распространённые трудности:

— Ссылка разбивается на несколько с фрагментами кода между ними.

— При наведении курсора на ссылку подчёркивание распадается.

— Нет возможности отличить, когда элемент <code> является ссылкой если он один.

https://goo.gl/nRUDvi

Давид Ревуа столкнулся с необходимостью избавиться от всех библиотек, расположенных на CDN, в рамках переработки и улучшения своего сайта — https://goo.gl/cZ6XsA.

Решение этой задачи оказалось не из лёгких, подобно ещё одному подвигу Геракла. В своём блоге он описал историю освобождения от сторонних сервисов.

https://goo.gl/S2J4pT

Девятый «Продвинутый HTML и CSS» вышел особенно горячим — защита пришлась под самый конец года.

Если брать потоки за весь 2016 год, то показатели этого выросли более чем в два раза:

— 16 наставников получили максимальную оценку от учеников.
— 202 человека решительно приняли участие.
— 83 ученика успешно защитили свои проекты, преодолев все тяготы предновогодних дедлайнов.

А также отзывы очевидцев и непосредственных участников интенсива.

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

Лисичка на чистом CSS.

https://codepen.io/cecelabomfim/pen/qqPOdr

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

А сможет ли IE11 поддерживать их в каком-либо виде? И будет ли возможность преобразовать синтаксис 2016 года в 2011, используя что-то вроде Autoprefixer?

Эндрю Рэйчел даёт развёрнутый ответ.

https://rachelandrew.co.uk/archives/2016/11/26/should-i-try-to-use-the-ie-implementation-of-css-grid-layout/

Свёрстанный Котобус 🐱 🚌

https://codepen.io/cobra_winfrey/pen/VKzjgz

Тянуть больше некуда: пора выносить ёлку, доедать мандарины и подводить итоги ушедшего года.

Мы подготовили обзор значимых событий и зародившихся тенденций за 2016 год в мире фронтенда.

Какие события индустрии вы бы сами выделили и чего ожидаете от 2017?

https://habrahabr.ru/company/htmlacademy/blog/319458/

Мы не можем это умалчивать — флексбоксы захватывают интенсивы Академии.

На «Базовом HTML и CSS», который стартует уже в понедельник, запланирована бонусная лекция.

Участники интенсива научатся делать фиксированные неадаптивные сетки и узнают, как использовать флексбоксы для более мелких элементов.

До старта интенсива осталось три дня, но вы ещё успеваете записаться.

https://htmlacademy.ru/intensive/htmlcss

51-й выпуск «Веб-стандартов»: ES6-модули и global, PhantomJS, веб-манифест, методологии CSS, SVG-иконки и Слава Шебанов про фронтенд ВКонтакте — https://soundcloud.com/web-standards/episode-51

Разработчик и дизайнер Джонатан Су, в рамках редизайна своего сайта, решил уделить особое внимание оптимизации фронтенда.

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

https://jonsuh.com/blog/need-for-speed-2/

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

https://thenewcode.com/1157/Fixed-Scrolling-Disappearing-Banner

Портал в завтрашний день.

https://codepen.io/jasesmith/pen/qqgvZe/

Мы часто публикуем демонстрации создания изображений на CSS разной степени сложности.

Если вы хотите научиться так же, то вот подробное руководство для начинающих.

https://medium.com/dailycssimages/a-beginners-guide-to-pure-css-images-ef9a5d069dd2