For Web — фронтенд, дизайн, программирование
14.5K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Детальный обзор Angular и рецепты его использования в новом скринкасте Степана Суворова: синтаксис шаблонов, компоненты и директивы, сервисы, внедрение зависимостей, маршрутизатор, реактивные формы, юнит-тесты → https://learn.javascript.ru/screencast/angular
Как эффективно решать поставленные задачи и проблемы, а не слепо метаться в поисках подходящего решения, обзор базовых принципов → https://dev.to/richardreeze/how-to-think-like-a-programmerlessons-in-problem-solving-5096
Как реализовать механизм обновления приложения на основе сервис-воркера (например, PWA) с запросом подтверждения у пользователя, руководство Дина Хьюма → https://deanhume.com/displaying-a-new-version-available-progressive-web-app/
Как конвертировать веб-анимацию в GIF или видео, исчерпывающий обзор возможных подходов от Ноя Велтмана → https://github.com/veltman/gifs
USA Today в связи с принятием GDPR запустила отдельную версию сайта для граждан ЕС, на которой убрана вся реклама и трекинговые скрипты. Марсель Фрайнбихлер провёл анализ быстродействия → https://twitter.com/fr3ino/status/1000166112615714816

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

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

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
«Веб-стандарты» №122, в гостях Алексей Швайка: кроссбраузерный Google, что обсуждал TC39, генерация SVG, новинки и проблемы React, якорь по CSS-селектору, танцующие скелеты, высокоуровневые API → https://medium.com/p/f71557d9449f
Short and sweet, пример реализации доступного счётчика символов в виде готового к использованию плагина → https://github.com/rikschennink/short-and-sweet
Wired Elements, коллекция веб-компонентов в рисованном стиле для разработки прототипов → https://wiredjs.com/
Матиас Эндлер описал свой опыт использования vim как основного текстового редактора в течение 10 лет: почему vim, какие есть проблемы и стоит ли его осваивать → https://matthias-endler.de/2018/ten-years-of-Vim/
Знакомство с WebAssembly на примере написания игры «Жизнь» Конвея, руководство Колина Эберхардта → https://blog.scottlogic.com/2018/04/26/webassembly-by-hand.html