Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда.

Веб-разработка

CSS

Javascript

Браузеры

Новости и занимательное

Веб-разработка

• Какие перспективы у Node.js после воссоединения — мнения экспертов
• Структуры данных для самых маленьких
• Всегда используйте тег label
• Лучшие практики использования видео с помощью HTML5 (HTML5 Video Player Best Practices)
• X-XSS-Protection – предотвращаем атаки межсайтового скриптинга (Preventing Cross-Site Scripting Attacks)
• Прячем SVG-иконки от скрин-ридеров (Hiding inline SVG icons from screen readers)
• Как работают фильтры в SVG (How SVG Filters Work)
• Загрузка полифиллов только по мере надобности (Loading Polyfills Only When Needed)
• Все что вы должны знать о прогрессивных веб-приложениях (Everything You Should Know About Progressive Web Apps)
• Компоновка отзывчивых изображений с помощью инструмента Responsive Image Breakpoints Generator
• Насколько доступны функции веб-платформы? (How available are the web platform's features?)
• REST API Inspector
• Доступные всплывающие метки (Accessible floating labels)
• Симпатичный эффект для типографики с помощью HTML5 Canvas и CSS Blend Modes

CSS

• Псевдоэлементы, которых не может быть
• 9 недооцененных возможностей CSS
• Вещи, которых следует остерегаться при работе с CSS 3D (Things to Watch Out for When Working with CSS 3D)
• Wenk — легкая библиотека для тултипов, написанная на CSS с помощью PostCSS
• Вы знаете, что ваш сайт — не отстой, когда… (You know a site has its shit together when…)
• Создаем формы с помощью Flexbox (Make Forms Fun with Flexbox)
• Чиним выделение контуров объектов при клике (Fixing outlines on click)
• «Современный CSS и интерактивные письма» — доклад Mark Robbins на CSS Day 2016
• Статическая библиотека на CSS для инлайновых индикаторов загрузки (Pure text, CSS only, font independent, inline loading indicators)
• Способы управления расстоянием в веб-типографике (Methods for Controlling Spacing in Web Typography)
• Анимированный полёт птицы на CSS (JetFalcon CSS Animation 2.0)
• Эффекты переходов с CSS масками (Transition Effect with CSS Masks)
• Grid layout — необходимый шаг для развития CSS (Grid layout is a much needed step-change for CSS)
• CSS4 Grid: наконец-то пришла настоящая раскладка (CSS4 Grid: True Layout Finally Arrives (Jen Kramer) — Full Stack Fest 2016

JavaScript

• Записи докладов с PiterJS #7
• Кому нужен AMP? Отложенная загрузка отзывчивых изображений с помощью Layzr.js (Who Needs AMP? How to Lazy Load Responsive Images Quick and Easy with Layzr.js)
• Улучшайте ваше изучение JavaScript с помощью забавных экспериментов (Improve Your JavaScript Learning with Fun Experiments)
• Функциональное программирование в Javascript? Скорее дисфункциональное (Functional Programming In Javascript? More like dysfunctional)
• Быстрый совет: добавление и удаление CSS класса ванильным JavaScript (Quick Tip: Add or Remove a CSS Class with Vanilla JavaScript)
• Управляем DOM-ом. Это не так тяжело, как вы бы могли подумать (Master the DOM)
• Предложение асинхронного итератора в JavaScript (JavaScript Asynchronous Iteration Proposal)
• Отладка Node.js с Chrome DevTools (параллельно с браузерным JavaScript) (Node.js debugging with Chrome DevTools (in parallel with browser JavaScript))
• Как безопасно использовать контекст в React-е (How to safely use React context)
• Одностраничный роутинг в Elm (Single Page Routing in Elm)
• Реализация каррирования с помощью плейсхолдеров и поддержкой function-bind-syntax
• Фреймворки:
  
  • Состоялся официальный релиз Vue.js 2.0. Релиз Vue 2.0
  • JSX: антипаттерн или нет?
  • Immutable.js с Redux, его лучшим другом (Immutable.js with Redux, his best friend)
  • Сделайте ваши React-компоненты симпатичными (Make Your React Components Pretty )
  • Redux – лучшая имплементация Flux (Redux – the best Flux implementation)
  • Миграция профилей Pinterest в React (Migrating Pinterest profiles to React)
  • Детальный обзор кодовой базы React (Codebase Overview)
  • Чистый d3 код, работающий вместе с React (Plain d3 code and React working together)
  • Юнит тестирование React Native с *новым* Jest (II)?—?Redux: срезы action-ов и reducer-ов (Unit testing React Native with the *new* Jest (II))
  • Изучение React Native для новых и опытных разработчиков (React Native Mastering for Beginners and Advanced Developers)
  • Конфигурация create-react-app без перезапуска (Configure create-react-app without ejecting)
  • Понимание реактивного программирования и RxJS (Understanding Reactive Programming and RxJS)
  • Анимационные переходы за 2 минуты с ngAnimate и CSS (Animating Transitions in 2 Minutes with ngAnimate and CSS)
  
  
• ES6:
  
  • Разбираемся с промисами: основы
  • Переменные и всплытие функций в ES2015 (Variable and Function Hoisting in ES2015)
  • Литералы шаблонов (Template Literals)
  • Lazy-loading ES2015 модулей в браузере (Lazy-loading ES2015 modules in the browser)
  • ES6 или ES2015 — как называть версии JavaScript? (ES6 vs ES2015 — What to call a JavaScript version?)
  • Предложение для добавления в ES: global (ES proposal: global)
  • «Особенности ES6, невозможные в ES5» — доклад Dan Shappir («Things You Can Do In ES6 That Can't Be Done In ES5»)
  
  
• Библиотеки:
  
  • react-animations — коллекция анимаций для библиотек CSS-in-JS
  • choreographer-js — простая библиотека для организации сложных анимаций на CSS
  • Leaflet — JS библиотека для создания интерактивных mobile-friendly карт
  • viewscroller — библиотека для реализации полноэкранного скроллинга
  • navigo — простой роутер на ванильном JS с фолбеком для старых браузеров
  • g9 — библиотека для создания интерактивной графики
  • CurrencyFormatter.js — библиотека для форматирования валют
  • Taggd — библиотека для добавления заметок на изображение
  
  

Браузеры

• Тестирование Firefox 50-beta и Firefox Developer Edition 51
• 7 альтернативных браузеров вместо Google Chrome, Safari и Firefox
• Firefox 53 перестанет работать в Windows XP и Vista
• В следующей версии Windows 10 браузер Edge будет работать в небольшой виртуальной машине
• Апдейт мобильной версии Chrome принесет несколько интересных нововведений
• Проект Mozilla представил три новые экспериментальные возможности для Firefox
• Новую версию браузера Opera со встроенным VPN загрузило более 2 млн новых пользователей за первую неделю
• Детали Safari Technology Preview Release 14
• Но это не поддерживается в IE (But It’s Not Supported In IE)

Новости и занимательное

• В приложении Bing появилась поддержка AMP
• Юбилей React.js: количество звездочек на GitHub у библиотеки превысило 50000
• Blackberry официально отказалась от производства смартфонов
• Google Penguin больше не будет понижать сайты за спамные ссылки
• У Microsoft появилось новое подразделение из 5000 человек, которое займется разработками в области искусственного интеллекта
• Amazon, Facebook, Google, IBM и Microsoft объединили усилия по разработке ИИ
• Компании Google исполнилось 18 лет
• Mozilla высмеяла запреты Европейской комиссии по копирайту с помощью культовых мемов
• Mozilla окончательно «убила» Firefox OS
• Болезнь программистов 21 века: что такое компьютерный зрительный синдром и как с ним бороться
• Восстановлена первая запись компьютерной музыки, сделанная Аланом Тьюрингом в 1961 году
• 20 причин, почему умирают стартапы
• Марк Цукерберг показал, как устроены дата-центры Facebook
• 15 стартапов, которые купила Google, и что из этого вышло
• «Foo» и «bar»: как в программировании появились два самых популярных «зарезервированных имени»
• Хакатон: волшебная пилюля
• Google сделал рекордно точную систему машинного перевода на основе нейросетей
• Как реагирует сообщество на «вопросы низкого качества» на Stack Overflow, и что делать, если такой вопрос задали именно вы?
• 6 способов зашифровать всё
• 8 аксессуаров, которые не выпустила Apple (но выпустили другие)

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

» Дайджест за прошлую неделю.
» Материал подготовили dersmoll и alekskorovin.