Предлагаем вашему вниманию юбилейную подборку с ссылками на полезные ресурсы, интересные материалы и 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.
Автор: Zfort Group
