forwebdev | Технологии

Telegram-канал forwebdev - For Web — фронтенд, дизайн, программирование

15692

Годнота для фронтендеров и дизайнеров https://forweb.dev

Подписаться на канал

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

Почему Реакта и Редакса недостаточно при разработке крупных приложений и как конечные автоматы могут помочь разработчикам интерфейсов, Красимир Цонев на Smashing Magazine — https://www.smashingmagazine.com/2018/01/rise-state-machines/

Читать полностью…

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

Основы React.js, вводный курс из 12 видео от Романа Якобчука и Ильи Кантора — http://learn.javascript.ru/screencast/react

Читать полностью…

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

Подборка малоизвестных браузерных API и возможностей JS: операторы pipeline/void/запятая, атомики, i18n, dataset, лейблы для блоков кода — https://air.ghost.io/js-things-i-never-knew-existed/

Читать полностью…

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

Как сверстать аналог графа активности на Гитхабе с помощью CSS-гридов, руководство Ире Адеринокун — https://bitsofco.de/github-contribution-graph-css-grid/

Читать полностью…

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

Подробный разбор и сравнение преимуществ и недостатков JavaScript-фреймворков, от самых популярных до экзотических — https://javascriptreport.com/the-ultimate-guide-to-javascript-frameworks/

Читать полностью…

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

«Веб-стандарты» №104: уточнение про селектор matches, гриды для бизнеса, нейровёрстка (или как машины вас не заменят), согласие по main, общие JS-модули, шортики и уважение — https://soundcloud.com/web-standards/episode-104

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

Исчерпывающий аудит влияния сторонней библиотеки на производительность страницы на примере Boomerang — https://calendar.perfplanet.com/2017/an-audit-of-boomerangs-performance/

Читать полностью…

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

Как определить, что старые стили нигде не используются? Гарри Робертс предлагает ставить на фон прозрачную картинку и следить за её скачиваниями — https://csswizardry.com/2018/01/finding-dead-css/

Читать полностью…

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

Data Literacy Lessons, коллекция небольших уроков статистики для избежания распространённых ошибок при работе с данными — https://data-literacy.geckoboard.com/

Читать полностью…

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

Cафия Абдалла читает исходники Node.js и описывает интересные части кода стандартных модулей: querystring, os, EventEmitter, fs, child process, Buffer, console, path и другие — https://blog.safia.rocks/search/node-module-deep-dive

Читать полностью…

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

Шпаргалка по выравниванию в CSS в разных режимах компоновки, от обычных блоков до гридов — http://patrickbrosset.com/lab/2018-01-10-css-alignment-cheatsheet/

Читать полностью…

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

25 бесплатных скринкастов по CSS-гридам от Уэса Боса при поддержке Mozilla Firefox — https://cssgrid.io/

Читать полностью…

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

«Фронтенд-юность» №34: программисты — зажравшиеся мажоры современности, какие бывают компании, лицо и жопки фронтенда, воровство пользовательских данных через NPM-пакет, PWA Tinder — https://soundcloud.com/frontend_u/e34

Читать полностью…

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

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

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


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


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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

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

Читать полностью…

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

Что происходит, когда вы нажимаете нажимаете кнопку play на Netflix: подробный разбор архитектуры и механизма работы сервиса — http://highscalability.com/blog/2017/12/11/netflix-what-happens-when-you-press-play.html

Читать полностью…
Подписаться на канал