Size: a a a

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

2018 April 02
For Web — фронтенд, дизайн, программирование
Анатомия сорсмапов

Зачем нужны карты кода и как они устроены? Детальный разбор с примерами от Бена Гурли → https://blog.bugsnag.com/source-maps/
источник
2018 April 03
For Web — фронтенд, дизайн, программирование
источник
For Web — фронтенд, дизайн, программирование
Cloudflare и APNIC запустили 1.1.1.1, более быструю (зависит от местоположения) и безопасную альтернативу стандартным DNS-серверам. Обзор пробем существующих DNS-серверов и технические подробности в блоге Cloudflare → https://blog.cloudflare.com/announcing-1111/
источник
For Web — фронтенд, дизайн, программирование
источник
For Web — фронтенд, дизайн, программирование
Headless Chrome для серверного рендеринга

Как реализовать серверный рендеринг SPA с минимальными затратами? Эрик Бидельман на основе безголового Хрома пишет базовую реализацию SSR и показывает, какие тонкости нужно учесть и что можно оптимизировать →  https://developers.google.com/web/tools/puppeteer/articles/ssr
источник
2018 April 04
For Web — фронтенд, дизайн, программирование
источник
For Web — фронтенд, дизайн, программирование
Как онлайн-песочницу Codesandbox переписывали с redux на cerebral: мотивация, процесс, выводы и обзор преимуществ и недостатков mobx-state-tree, redux и cerebral на основе реального опыта. Рассказ Кристиана Альфони → https://medium.com/p/40e9a5646281
источник
2018 April 05
For Web — фронтенд, дизайн, программирование
источник
For Web — фронтенд, дизайн, программирование
Разработчики VS Code рассказали, как они оптимизировали текстовый буфер редактора с помощью продвинутых алгоритмов и структур данных → https://code.visualstudio.com/blogs/2018/03/23/text-buffer-reimplementation
источник
For Web — фронтенд, дизайн, программирование
Зачем нужны куки, какие у них есть ограничения и как с ними работать, исчерпывающее руководство по всегда актуальной теме от Флавио Копса  → https://flaviocopes.com/cookies/
источник
2018 April 06
For Web — фронтенд, дизайн, программирование
источник
For Web — фронтенд, дизайн, программирование
Going Offline

Джереми Кит в новой книге серии A Book Apart рассказал, как ускорить сайт и адаптировать его к работе в офлайне с помощью сервис-воркеров и стратегий кеширования. Книга выйдет 24 апреля, сейчас доступен предзаказ → https://abookapart.com/products/going-offline
источник
For Web — фронтенд, дизайн, программирование
Почему интерфейс должен быть доступным для всех и как это сделать? Валерия Курмак о сложностях и результатах внедрения доступности в продукты и процессы Сбербанка → https://habr.ru/p/352836
источник
2018 April 07
For Web — фронтенд, дизайн, программирование
источник
For Web — фронтенд, дизайн, программирование
Как улучшить UX контактных (да и вообще любых) форм, обзор распространённых ошибок и лучших практик от Кати Сипкиной и Ольги Ратиновой на Smashing Magazine → https://www.smashingmagazine.com/2018/03/ux-contact-forms-essentials-conversions/
источник
2018 April 08
For Web — фронтенд, дизайн, программирование
источник
For Web — фронтенд, дизайн, программирование
Как написать калькулятор на JavaScript, руководство Зела Лью в трёх частях:

Базовая функциональность → https://zellwk.com/blog/calculator-part-1/
Обработка крайних случаев → https://zellwk.com/blog/calculator-part-2/
Рефакторинг → https://zellwk.com/blog/calculator-part-3/
источник
2018 April 09
For Web — фронтенд, дизайн, программирование
Как с помощью непечатных символов отследить утечку текста и определить её источник, демо и объяснение → https://medium.com/p/18b4e6f17b66
источник
For Web — фронтенд, дизайн, программирование
🎧
Свежие подкасты

«Пятиминутка React» №43, обсуждение релиза React 16.3 с Машей Просвирниной и Сергеем Совой → http://5minreact.ru/43-react-16.3/

«Ночной фронтенд» №29, второй день Codefest 2018 → https://medium.com/p/f9d175c82e22

Frontend Weekend №47, в гостях Егор Толстой: про комплекс фронтендера, Подлодку и реформы в Avito → https://soundcloud.com/frontend-weekend/fw-47

«Веб-стандарты» №115: новинки Safari и Chrome, Ruby Sass всё, логические CSS-свойства, доступные таблицы, неправильные классы и const в JS → https://medium.com/p/9bdbcfa6bac4
источник
2018 April 10
For Web — фронтенд, дизайн, программирование
Открытая дизайн-система Альфа-Банка: стиль, принципы, паттерны и библиотека компонентов на Реакте → http://design.alfabank.ru/
источник