«Фронтенд-юность» №33: уязвимости, механизм спекулятивного выполнения кода, gulp 4, топ технологий, которые окупят своё изучение — https://soundcloud.com/frontend_u/e33

Frontend Weekend №35, шокирующая правда о «Фронтенд-юности»: как появился подкаст, сколько раз ребятам угрожали или обижались на слова, как пришли к успеху — https://soundcloud.com/frontend-weekend/fw-35

«Веб-стандарты» №103, в гостях Андрей Саломатин: фронтендер в Берлине, браузеры и разработка интерфейсов, где искать потерянную статью, точка с запятой в JS, понятно о выравнивании в CSS, трюки Сары с SVG, управление проектами — https://soundcloud.com/web-standards/episode-103

До 16 февраля открыт набор в Школу разработки интерфейсов в Минске: три месяца лекций и хакатонов, для поступления нужно выполнить тестовое задание — https://academy.yandex.ru/events/frontend/shri_minsk-2018/

Google будет использовать стандарт Web Packaging для открытия AMP-версий сайтов под их оригинальными урлами — https://amphtml.wordpress.com/2018/01/09/improving-urls-for-amp-pages/

Стандарт Web Packaging позволяет упаковать сайт или веб-приложение в специальный архив и распространять его офлайн или раздавать через CDN — https://github.com/WICG/webpackage/blob/master/explainer.md

Практическое применение конечных автоматов для рефакторинга плагина, реализующего sticky-поведение, опыт Сергея Виноградова — https://medium.com/p/70ca0bf4ee97

Laws of UX, коллекция ключевых принципов UX от Джона Яблонски с красивыми плакатами и пояснениями — https://lawsofux.com

Как делать доступные проекты, даже если вы работаете на потоке в креативном агентстве или веб-студии, опыт компании Viget — https://goo.gl/16zQUA (часть 1) и https://goo.gl/3b4VgN (часть 2)

Вышел долгожданный Bootstrap 4: проект почти полностью переписан, всё на флексах, отказались от IE9-, добавили поддержку CSS-переменных, подробности и полный список изменений — https://blog.getbootstrap.com/2018/01/18/bootstrap-4/

Чем отличается механизм вывода типов в Typescript, Flow и Reason, исследование Хавьера Чаварри — https://medium.com/p/edef2f4cf2d3

Paper Programs, система для выполнения JavaScript-программ, распечатанных на листах бумаги — https://paperprograms.org/

Adele, коллекция опенсорсных дизайн-систем разных компаний и даже государств — https://adele.uxpin.com/

На собеседованиях иногда просят назвать способы отправки запроса на сервер. Помимо очевидных fetch/XMLHttpRequest и прочих джаваскриптовых штук есть более экзотические способы вроде <img src="...">.

Вчера узнал о ещё более экзотическом и извращённом способе отправки запроса на сервер с помощью CSS:

body::after {
  content: url('...');
}

Этот способ может использоваться для аналитики и трекинга пользователей, у которых отключен JS. Можно отследить клики по ссылкам, ввод текста в инпуты, клики по чекбоксам, длительность ховера на каком-либо элементе; также можно приблизительно определить браузер и операционную систему пользователя. Подробности — https://github.com/jbtronics/CrookedStyleSheets

Защититься от этого можно только отключив CSS. Параноикам пора переходить на текстовые браузеры :–)

Frontend Weekend №36, в гостях Людмила Мжачих из Mail.ru: про MoscowCSS, Coding Girls и Лию Веру — https://soundcloud.com/frontend-weekend/fw-36