Юбилейный дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №200 (22 — 28 февраля 2016)

Предлагаем вашему вниманию юбилейную подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости.
Наши дайджесты еженедельно выходят на habrahabr.ru с 13 апреля 2012-го года, и спасибо что до сих пор их читаете :)

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

CSS

Javascript

Браузеры

Дизайн

Новости

Занимательное

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

• DevTips: Советы веб-разработчику (49-64)
• Используем Gulp для ускорения WordPress-разработки
• GitHub отказался от шрифтовых иконок в пользу SVG
• Если вы знаете Sass, вы знаете и ES2015, говорит Юна Кравец (If You Know Sass, You Know ES2015)
• Интервью с Юной Кравец, фронтенд-разработчицей в IBM, веб-активисткой и вообще большой умницей (An Interview with Una Kravets)
• Настройка WordPress под AMP (Setting up WordPress for AMP: Accelerated Mobile Pages)
• AMP внедряется в WordPress по-умолчанию
• Политика производительного контента: стандартизированная альтернатива AMP (Content Performance Policies (CPP): A Standardized Alternative to AMP)
• Текущее состояние телефонных ссылок (The Current State of Telephone Links)
• Давайте постараемся лучше работать с доступностью в вебе (Let’s Try Harder With Web Accessibility)
• Популярность препроцессоров на CodePen. Довольно неожиданные результаты.
• Grunt или Gulp? Что выбрать и почему Gulp? (Grunt or Gulp? Which one to choose and why Gulp?)
• Preload: для чего он хорош? (Preload: What Is It Good For?)
• Как использовать сниппеты в Atom (How to Use Code Snippets in Atom)
• Эффектный веб:
  
  • Анимированные иконки mo.js
  • Транзисторный приемник 3D. (Retro Curator.)
  • Еженедельная подборка красивых эффектов на CSS/SVG/JS #26
  
  

CSS

• Краткий обзор «object-fit» и «object-position». Перевод статьи A Quick Overview of `object-fit` and `object-position сообществом css-live.ru
• 6 причин начать использовать Flexbox (6 Reasons to Start Using Flexbox)
• Регрессионное тестирование CSS (CSS regression testing)
• О написании CSS в JavaScript (You got your CSS in my JavaScript)
• Объяснение кастомных свойств CSS (CSS Custom Properties explained)
• REM против EM – большое обсуждение (REM vs EM – The Great Debate)
• CSSCO — фотографические фильтры, воссозданные на CSS и вдохновленные VSCO и CSSgram
• PostCSS.parts — каталог с плагинами PostCSS
• Как Sass Maps используюся для Design Tokens и как это делает разработчиков счастливыми
• Миксины лучше для производительности (чем extend) (Mixins Better for Performance)
• Управление типографикой в больших веб-приложениях (Managing Typography on Large Apps)
• Список для чтения по Flexbox: техники и инструменты (The Flexbox Reading List: Techniques and Tools)
• Как валидировать Sass/CSS с Stylelint (How to lint your Sass/CSS properly with Stylelint)
• Эффект искаженного видения (Squigglevision)

JavaScript

• Тонкости Javascript/Node.js. Увеличиваем производительность в десятки раз
• Объектно-ориентированный JavaScript: наследование
• ES6:
  
  • Все на борт поезда ES6 (All Aboard the ES6 JavaScript Train)
  • ES6, ES7, and Looking Forward
  • Использование ES6/ES2015 в вашем проекте с помощью Babel и Gulp (Start Using ES6/ES2015 in Your Project With Babel and Gulp)
  
  
• Фреймворки:
  
  • Идеальный UI фреймворк
  • Видео с React.js Conf 2016
  • Instacart: Почему мы перешли на React
  • Глубокое погружение в отладку с React Perf (A Deep Dive into React Perf Debugging)
  • Новая схема версионирования React (New Versioning Scheme)
  • NFL + React
  • Draft.js — простой текстовый редактор для React
  • Овладение $watch в AngularJS (Mastering $watch in AngularJS)
  • Angular-xeditable — набор директив для создания редактируемых элементов для вашего проекта
  • Использование множественных зависимостей в приложениях Angular.js (Using multiple dependencies in an Angular.js application)
  • Как настроить приложение AngularJS с использованием переменных среды (How to configure your AngularJS application using environment variables)
  • Объяснение определения изменений в Angular 2 (Angular 2 Change Detection Explained)
  • Анонс первого LTS релиза Ember (Announcing Ember's First LTS Release)
  
  
• Как создать ваш первых график на JS (How to Create Your First JavaScript Chart)
• Простая дополненная реальность с OpenCV, Three.js и WebSockets (Simple Augmented Reality With OpenCV, Three.js and WebSockets)
• Разница между прекрасным, хорошим и плохим JavaScript разработчиком (The Difference Between Excellent, Good and Bad JavaScript Developers)
• Быстрый совет: как создать и управлять массивами в JavaScript (Quick Tip: How to Create and Manipulate Arrays in JavaScript)
• Введение в функциональное реактивное программирование с RxJS (Introduction to Functional Reactive Programming with RxJS)
• Заблуждения об инструментах в JavaScript (Misconceptions of Tooling in JavaScript)
• Веб-краулер с Node, PhantomJS и Horseman (Web Crawling with Node, PhantomJS and Horseman)
• MobX — простое, масштабируемое управление состояниями (MobX — simple, scalable state management )

Браузеры

• Opera Presto обновилась до версии 12.18
• Почему вы должны прекратить поддержку IE10, IE9 и IE8 (Why You Should Stop Supporting IE10, IE9 and IE8)
• Что нового в Chrome DevTools?
• Opera работает над созданием нового браузера для настольных устройств (Opera Working on New Desktop Browser Amid Company Sale)
• Отладка JS-кода в Chrome для VS Code (Introducing Chrome Debugging for VS Code)
• Браузер Baidu шпионит за пользователями
• Google Chrome уличили в покупке платных ссылок

Сайты с интересным дизайном и функциональностью

• special.bose.eu — насыщенный анимациями промо-сайт, с нестандартным лейаутом и навигацией
• nbafaceoff.com G.O — креативный баскетбольный сайт
• wonderlandindustry.com — креативный сайт дизайнерской студии
• Сайт bulgari с клевым эффектом перелистывания и другими анимациями
• airewestperth.com.au — одностраничный сайт с симатичными эффектами при скролле
• herdl.com — еще один сайт с интересными эффектами при промотке
• animalmade.com — сайт с впечатляющей анимацией и забавными илюстрациями
• warof1996.com — игровой сайт на canvas

Дизайн

• Эффективный процесс создания отзывчивого дизайна (Efficient Responsive Design Process)
• Новая типографика в интернете (The New Web Typography)
• Особенности текста (Futures of text)
• Как сделать так, чтобы лого приняли: 8 шагов (How to Get a Logo Accepted: Eight Steps To a Better Design Workflow)
• Google представляет Resizer — онлайн-инструмент для тестирования отзывчивых сайтов (Introducing Resizer)
• Избавление от плоского дизайна (Unflattening design)
• UI/UX:
  
  • UX дизайн в 14 простых шагов. Часть 1
  • UI, UX: кто чем заниается? Руководство для дизайнеров по технической индустрии (UI, UX: Who Does What? A Designer's Guide To The Tech Industry)
  • Базовые принципы UI дизайна (The core principles of UI design)
  • Пять способов предложения лучшего UX для людей с ограниченными возможностями (5 Ways to Offer a Better UX to Disabled Users)
  
  
• Графические редакторы:
  
  • 5 советов по ускорению работы в Sketch
  • Quartz Composer, Facebook Origami и Sketch для прототипирование интерфейса Apple TV
  • Использование Shared Styles и Symbols в Sketch (Using Shared Styles and Symbols in Sketch)
  • Заливка текста в Sketch (Text Fills in Sketch)
  • Использование плагина Craft в Sketch и Photoshop (Making Crafty UIs with Sketch and Photoshop)
  • Световые эффекты с помощью фотошопа (28 Powerful Photoshop Lighting Effects)
  • Как создать иконки вкусных тостов в Adobe Illustrator-е (How to Create Delicious Toast Icons in Adobe Illustrator)
  • Как сделать дизайн ретро-постера в Adobe Illustrator (How to Design a Retro Poster in Adobe Illustrator)
  
  
• Даже электронные таблицы можно сделать привлекательными (Spreadsheets Can Be Pretty, Too)
• За кулисами: процесс создания дизайна для Curbed (Behind the scenes: Curbed design process)
• История создания Mummies Dense (New Logo and Identity for The Met by Wolff Olins)
• Ученый ты или художник? (Are You a Scientist or an Artist?)
• Советы по улучшению ваших навыков фотоманипуляций (10 Tips for Improving Your Photo Manipulation Skills)
• Семь определяющих трендов веб-дизайна в 2016-м (7 Trends That Will Define Web Design in 2016)
• Как профессионально сделать исследование опыта пользователей (How To Conduct User Experience Research Like A Professional)
• Открытое письмо дизайнерам-новичкам (An open letter to newbie designers)
• Как создать брошюру (How to Make a Brochure)
• NodeJS обновил логотип

Подборка бесплатных дизайнерских печенек

• Цветы в векторном формате
• Весенние паттерны для вашего дизайна
• Текстуры льда для фотошопа (28+ Free Ice Textures For Photoshop)
• Набор c векторной графикой и лого на тему мотоциклы (Free Motorcycle Vector Graphics & Logo Template Kit)
• Pexels – стоковые фото с API (Pexels – Free Stock Photos with API Available)
• Foodshot: качественные изображения пищевых продуктов (Foodshot: Free Images of – well – Food)
• Наборы иконок: магазин, продукты, наука, аватарки и лето (Free Icon Sets: E-Commerce, Food, Science, Avatars And Summer)
• Коллекция иконок с плоским дизайном от DryIcons (Freebie – Awesome collection of icons from DryIcons)
• Иконки с темой оформления и доставки покупок (AI, EPS, SVG, Sketch, PSD, PNG) (Freebie: Checkout & Delivery Icons (AI, EPS, SVG, Sketch, PSD, PNG))
• 365cons — новая иконка каждый день
• 525 Icons – иконочный шрифт (525 Icons – Free Web Icon Font)
• Винтажные шрифты подходящие для ретро-дизайна (30 Vintage Fonts Perfect for Retro Style Design2)
• Более двух сотен шрифтов (200+ Best Free Fonts)

Новости

• Google AMP появились в мобильном поиске
• Facebook:
  
  • Facebook запустила дополнительные «Реакции» в качестве расширенной кнопки Like
  • Как разные эмоции-реакции в Facebook повлияют на ведение сообществ компаний
  • Компания Facebook создала сверхточную карту плотности населения
  • Facebook запускает прямые трансляции на Android
  • Как российские и зарубежные бренды отреагировали на новые кнопки эмоций в Facebook
  • Facebook создаст социальную виртуальную реальность
  • Facebook займётся созданием глобальной mesh-сети
  • «Не всё в жизни можно лайкнуть». Директор по дизайну продукта Facebook Джофф Тиан написал на Medium заметку о том, как его команда работала над кнопками для выражения эмоций.
  • Лингвист Максим Кронгауз: «Facebook остановился где-то на уровне Эллочки-людоедки»
  
  
• Плачевная ситуация со стагнацией развития Skype для Linux
• В YouTube появилась функция размытия объектов, в том числе движущихся
• WSJ: Google, Microsoft, Twitter и Facebook поддержат Apple в суде против ФБР
• Билл Гейтс не защищал ФБР в конфликте с Apple
• В Google появилась функция отправки адреса на телефон
• Google поможет новостным сайтам защититься от DDoS-атак
• В Google Docs добавлен голосовой набор текста

Занимательное

• Web. История одной технологии
• Рейтинг языков программирования от RedMonk: январь 2016 (The RedMonk Programming Language Rankings: January 2016)
• Неудачная ставка: как закатилась империя Yahoo
• Топ-5 лучших анонсов MWC 2016
• Сказать «нет»: Apple против Большого брата
• В чем секрет прорывов Google? В убийстве собственных проектов
• Почему альтернативы лайку в Facebook именно такие
• О кибернетике, линейном программировании и социологии
• «Копирайта не должно быть»: Интервью с программисткой, устроившей войну платным научным статьям
• Ключевые тренды интернета вещей на 2016 год
• Честный путеводитель по digital-профессиям
• Видео дня: а я иду, шагаю и ношу © робот Atlas
• Игра «Змейка» нового поколения

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

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