Size: a a a

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

2018 May 25
For Web — фронтенд, дизайн, программирование
Как реализовать механизм обновления приложения на основе сервис-воркера (например, PWA) с запросом подтверждения у пользователя, руководство Дина Хьюма → https://deanhume.com/displaying-a-new-version-available-progressive-web-app/
источник
For Web — фронтенд, дизайн, программирование
Как конвертировать веб-анимацию в GIF или видео, исчерпывающий обзор возможных подходов от Ноя Велтмана → https://github.com/veltman/gifs
источник
2018 May 26
For Web — фронтенд, дизайн, программирование
источник
For Web — фронтенд, дизайн, программирование
USA Today в связи с принятием GDPR запустила отдельную версию сайта для граждан ЕС, на которой убрана вся реклама и трекинговые скрипты. Марсель Фрайнбихлер провёл анализ быстродействия → https://twitter.com/fr3ino/status/1000166112615714816

TL; DR:
Объём загружаемых данных: 5.2 МБ → 500 КБ
Время загрузки: 45 сек. → 3 сек.
Количество запросов: >500 → 34
источник
For Web — фронтенд, дизайн, программирование
источник
For Web — фронтенд, дизайн, программирование
Какие HTTP-заголовки нужны, а какие нет? Две статьи от Fastly с исследованием часто встречающихся бесполезных заголовков и обзором важных заголовков, которые должны быть на каждом сайте:

https://www.fastly.com/blog/headers-we-dont-want
https://www.fastly.com/blog/headers-we-want
источник
2018 May 27
For Web — фронтенд, дизайн, программирование
Refactoring UI, коллекция советов, статей и скринкастов для разработчиков о приёмах улучшения дизайна интерфейсов → https://refactoringui.com/
источник
2018 May 28
For Web — фронтенд, дизайн, программирование
🎧
Свежие подкасты

Frontend Weekend №54, в гостях Всеволод Шмыров: как из разработчика игр на Flash стать тимлидом в Яндексе → https://soundcloud.com/frontend-weekend/fw-54

«Ночной фронтенд» №34, HolyJS 2018 Piter → https://soundcloud.com/devschacht/nightly-34

«Фронтенд-юность» №49, в гостях Алексей Симоненко: другой взгляд на конференции → https://soundcloud.com/frontend_u/e49

«Новости 512» от CSSSR №7: обзор новостей, релизов и интересных публикаций → https://soundcloud.com/csssr/news512_07
источник
2018 May 29
For Web — фронтенд, дизайн, программирование
источник
For Web — фронтенд, дизайн, программирование
«Веб-стандарты» №122, в гостях Алексей Швайка: кроссбраузерный Google, что обсуждал TC39, генерация SVG, новинки и проблемы React, якорь по CSS-селектору, танцующие скелеты, высокоуровневые API → https://medium.com/p/f71557d9449f
источник
For Web — фронтенд, дизайн, программирование
Short and sweet, пример реализации доступного счётчика символов в виде готового к использованию плагина → https://github.com/rikschennink/short-and-sweet
источник
For Web — фронтенд, дизайн, программирование
Wired Elements, коллекция веб-компонентов в рисованном стиле для разработки прототипов → https://wiredjs.com/
источник
For Web — фронтенд, дизайн, программирование
источник
For Web — фронтенд, дизайн, программирование
Матиас Эндлер описал свой опыт использования vim как основного текстового редактора в течение 10 лет: почему vim, какие есть проблемы и стоит ли его осваивать → https://matthias-endler.de/2018/ten-years-of-Vim/
источник
2018 May 30
For Web — фронтенд, дизайн, программирование
Знакомство с WebAssembly на примере написания игры «Жизнь» Конвея, руководство Колина Эберхардта → https://blog.scottlogic.com/2018/04/26/webassembly-by-hand.html
источник
For Web — фронтенд, дизайн, программирование
источник
For Web — фронтенд, дизайн, программирование
Mint, решение основных проблем разработки SPA на уровне языка программирования: роутинг, реиспользуемые компоненты, стилизация, статическая типизация, работа с состоянием, асинхронные вычисления с обработкой ошибок → https://www.mint-lang.com/
источник
2018 May 31
For Web — фронтенд, дизайн, программирование
источник
For Web — фронтенд, дизайн, программирование
Инкрементальная сборка и горячие обновления в 60 строк кода: как Адам Пирс отказался от монструозных платформ для ведения блога в пользу собственного решения → https://roadtolarissa.com/literate-blogging/
источник
For Web — фронтенд, дизайн, программирование
Hybrids, UI-библиотека для разработки веб-компонентов с простым и декларативным API → https://github.com/hybridsjs/hybrids
источник