For Web — фронтенд, дизайн, программирование

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Algorithmia, платформа для использования алгоритмов машинного обучения в виде обычного REST API — https://algorithmia.com/