For Web — фронтенд, дизайн, программирование
14.6K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
HTML-элементы, объединяйтесь! Мэнди Майкл на примерах показывает пользу комбинирования элементов для лучшей семантики → https://css-tricks.com/html-elements-unite-the-voltron-like-powers-of-combining-elements/
Как писать масштабируемые приложения на Node.js? Одиннадцать советов от инженеров Reddit, Netflix и Microsoft → https://medium.com/p/65cbf6deef6e
Как инженеры Flickr протестировали и внедрили перцептивное сжатие изображений (сжатие, которое должно минимально влиять на воспринимаемое пользователями качество изображения) → https://code.flickr.net/2015/09/25/perceptual-image-compression-at-flickr/
Project Explorer, инструмент от Сары Дреснер для генерации визуальной документации по файловой структуре проекта → https://sdras.github.io/project-explorer-site/
Trix, WYSIWYG-редактор от создателей Basecamp, построенный на нативных технологиях (кастомные элементы и MutationObserver) и использующий собственную объектную модель для предсказуемости и консистентности результатов → https://trix-editor.org/
10 лет движку V8: как он появился и чего добилась команда за это время, праздничная ретроспектива в официальном блоге → https://v8.dev/blog/10-years
Зачем нужно кодревью и как делать его эффективно? Опыт и рекомендации Петра Степченко → https://medium.com/p/30abde0c98d3
Chrome будет принудительно отключать JavaScript при медленном соединении. Тим Кадлек разобрался и подробно описал, как это работает, как протестировать свой сайт и как определить на сервере, что сайт запрашивается в режиме NOSCRIPT → https://timkadlec.com/remembers/2018-09-06-chromes-noscript-intervention/
This media is not supported in your browser
VIEW IN TELEGRAM
Как в Dropbox используют Framer X и реальные данные для дизайна → https://medium.com/p/5b64c0876858
Trashy.css выбрасывает все стили и показывает структуру документа с рекомендациями по улучшению разметки. Натан Смит о мотивации и деталях реализации библиотеки → https://css-tricks.com/introducing-trashy-css/
27 докладов с Web Audio Conf 2018 и бонус в виде концерта для смартфонов и оркестра → https://www.youtube.com/playlist?list=PLQ9S5oqvpyWm2-HDGnQWWlX30pqYlb_Rz
Соревнование по фронтенду Яндекс.Блиц пройдёт с 15 по 27 октября: 100, 75 и 50 тысяч рублей победителям, сертификаты двадцати лучшим участникам → https://ya.cc/3vS7Y
Взгляд на внутреннее устройство современного браузера. Серия иллюстрированных статей от Марико Косаки на Google Developers:

CPU, GPU, память и многопроцессная архитектура → https://developers.google.com/web/updates/2018/09/inside-browser-part1

Как браузер обрабатывает переходы между страницами → https://developers.google.com/web/updates/2018/09/inside-browser-part2

Как устроен процесс отрисовки, от парсинга до компоновки → https://developers.google.com/web/updates/2018/09/inside-browser-part3

Как браузер обрабатывает пользовательский ввод → https://developers.google.com/web/updates/2018/09/inside-browser-part4
Введение в Node.js от Андрея Мелихова: как и зачем появилась Node.js, из чего она состоит и как ей пользоваться → https://youtu.be/MXqKatH5Lw4
Третий выпуск видеоблога Вадима Макеева. Lingualeo, диватоз и графика в SVG и PNG → https://youtu.be/mAoxm-AyNCw