Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №193 (3 — 10 января 2016)

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

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

• 10 прогнозов для веба на 2016 год
• Google приглашает протестировать AMP-функционал в Search Console
• Производительность WordPress в будущем: CDN, HTTP/2 и т.д.
• Google: как ускорить индексирование новой версии файла robots.txt
• Оптимизация SVG для использования в вебе: часть 1 , часть 2, часть 2½ (Optimising SVGs for Web Use)
• Путешествие в Webpack (The Journey to Webpack)
• Про оффлайн-установку npm пакетов от Addy Osmani (Offline installation of npm packages)
• Запуск локально установленных исполняемых npm (Running locally installed npm executables)
• Cоглашение о BEMIT именовании (The BEMIT naming convention)
• Service Worker: маленький производительный помощник Санты (Service Worker: Santa’s little performance helper)
• 11 техник SEO для лучшего ранжирования в 2016-м
• Бесплатные инструменты для веб-доступности (Free web accessibility tools round-up)
• 4 способа улучшить ваш код в 2016-м (Four Ways To Improve Your Code In 2016)
• CodePen: обзор 2015-го года , Самые популярные демки на CodePen за 2015
• Подсказки по тестированию Polymer-а (Polymer Testing Tips)
• GPU рендеринг текста с векторными текстурами (GPU text rendering with vector textures)
• Актуальное руководство по собеседованию на тему Bootstrap (The Vital Guide to Bootstrap Interviewing)
• Что нового в Foundation 6? (What’s New in Foundation 6?)
• Подтверждаем выбор пользователя с помощью чекбоксов (Affirming User Choice With Checkboxes)
• Паттерны для контента и отображения (Content & Display Patterns)
• php-gif — генерация изображений с данными в реальном времени

CSS

• Firefox будет поддерживать нестандартные CSS для совместимости с WebKit
• Руководство по размеру текста для отзывчивого дизайна. Перевод статьи A Responsive Guide to Type Sizing сообществом css-live.ru
• Движение по криволинейной траектории в CSS с помощью анимации в нескольких плоскостях (Moving along a curved path in CSS with layered animation)
• Что такое CSS анимация? (What Is CSS Animation?)
• Развенчивание мифов о режимах смешивания (Blending Modes Demystified)
• Введение в правило @supports (поддержка функций) (An Introduction to CSS’s @supports Rule (Feature Queries))
• Утилиты для использования возможностей настройки типографики OpenType (Utility OpenType)
• React Container Query: настоящая модульность в стилизации отзывчивых компонентов
• Простое слайдшоу, реализованное на CSS
• Самоуверенное руководство по стилям для масштабируемых приложений (Opinionated CSS styleguide for scalable applications)
• Milligram — очередной минималистичный CSS фреймворк
• app-reset — минимальный набор для сброса спец.стилей для веб-приложений
• Sass-совет: The Double Ampersand Selector
• Разбираемся с цветовыми палитрами, используя Sass (Handling color sets with Sass)
• Вдохновляющие примеры анимации в линейных стилях при наведении на пункты меню (Inspiration for Line Menu Styles)
• Швейцарские постеры, оживленные с помощью CSS-анимаций
• Некоторые видео с CSSConf.Asia 2015: WebFonts — Level Up!, The Rise of Modular Style, Performance Beyond Page Load, The End of Global CSS, PostCSS — JS Your CSS
• Некоторые видео с dotCSS 2015: Una Kravets — Editing Images in CSS, Rachel Andrew — The New CSS Layout

JavaScript

• Релиз jQuery 2.2 и 1.12 Released: серьезные улучшения в производительности, манипуляция классами в SVG и поддержка Symbol в ES6
• В JavaScript-движок V8 добавлена поддержка WebAssembly
• Итоги конкурса по программированию на JS: Почтовые фильтры
• Фреймворки:
  • Разбираемся с синтаксисом шаблонов в Angular 2
  • Angular 2 против React: И будет кровь (Перевод статьи «Angular 2 versus React: There Will Be Blood»)
  • Опыт Angular + Typescript + Offline SPA проекта через год
  • Как генерировать SVG на React
  • Why Angular 2 Is DOA
  • От Angular ES5 директив к Angular ES2015 компоненту (ES6) (From Angular ES5 Directive To Angular ES2015 Component (ES6))
  • Урок: AngularJS для начинающих -1 (AngularJS Tutorial for Beginners -1)
  • Angular 2 ES6 TodoMVC (Angular 2 ES6 TodoMVC)
  • OverReact — генератор React-файлов (The React File Generator)
  • Om Next для React разработчиков: состояние приложения (Om Next for React devs: Application state)
  • Создание веб-приложения с Backbone.js и Socket.io (Build a Web App with Backbone.js and Socket.io)
  • Ember.js — прощай MVC (часть 1)
  • Представляем Meteor Guide (Introducing the Meteor Guide)

• Обзор 2015-го года от Sebastian McKenzie (~2015 in review)
• Исследование асинхронных техник в JS (Exploring Async Techniques in JavaScript)
• Две развилки в лесу: использование операторов JavaScript if… else
• Исследование Web Audio API с помощью D3 (Exploring the Web Audio API with D3)
• Работа с ошибками JS c помощью window.onerror (Capture and report JavaScript errors with window.onerror)
• Управление приватными данными ES6 классов (Managing the private data of ES6 classes)
• Интервью с мастером JavaScript: что такое замыкание? (Master the JavaScript Interview: What is a Closure?)
• Два столпа JavaScript —  часть 2: функциональное программирование (The Two Pillars of JavaScript — Pt 2: Functional Programming)
• Постоянные переменные в JavaScript, или: когда «const» не константы (Constant Variables in JavaScript, or: When «const» Isn't Constant)
• Как разрвернуть ваше Node приложение на Linux, редакция 2016-го (How to deploy your node app on Linux, 2016 edition)
• Вы не должны быть волшебниками программирования, чтобы создать open-source библиотеку (You don’t have to be a programming wizard to build an open-source library)
• Собираем простое MariontteJS+ES6 приложение с помощью Brunch
• Плагины:
  • Feature.js — библиотека в 1kb для определения фич
  • vectorious — высокопроизводительная библиотека для работы с линейной алгеброй
  • playcanvas-spine — Spine плагин для движка PlayCanvas

• Видео:
  • Некоторые видео с JSConf.Asia 2015: Accelerating the Web through AMP, Danese Cooper: The Node Foundation, Matthew Podwysocki: Reactive JavaScript at Netflix, Microsoft and the World, Towards Universal JavaScript
  • Некоторые видео с dotJS 2015: Карманный JavaScript, The whole future declared in a var

Браузеры

• На следующей неделе Microsoft прекращает поддержку всех версий IE, кроме 11
• Около 40% пользователей Firefox не используют дополнения
• Обновление Firefox 43.0.4 с отменой блокировки SHA-1
• В Chrome наконец реализуют плавную прокрутку

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

• foundermantras.com — полноэкранный сайт с концептуальной навигацией
• We Doki Doki — креативный сайт с разнонаправленным скроллом, симпатичными иллюстрациями и анимацией
• UI Viking — сайт-портфолио с говорящим дизайном
• oursroux.com — сайт с эффектом горизонтального слайд-скроллинга и упором на фоновые изображения и типографику
• aslanbakan.com — креативный сайт-портфолио фронтенд-разработчика
• gordon24ever.com — вертикальный сайт на автомобильную тематику с отличной анимацией и работой с типографикой
• Brand Colors

Дизайн

• Тренды:
  • Планы и итоги дизайнеров: что было в 2015-м, что планируется в 2016-м (Designer Resolutions: What 2015 Was, What 2016 Will Be)
  • 7 UX инструментов, которые стоит попробовать в 2016-м (7 UX tools to try in 2016)
  • Тренды UX-дизайна для 2016-го (UX design trends for 2016)
  • Состояние UX в 2016-м (The State of UX in 2016)
  • 15 трендов веб-дизайна на 2016-й (15 Web Design Trends to Look for in 2016)
  • Предсказание тренда веб-дизайна на 2016-й: вертикально разделенный экран

• UX/UI:
  • Важные элементы UX для оптимизации страницы продукта в Ecommerce (Important UX Elements for Optimizing Ecommerce Product Pages)
  • UX в дизайне писем (UX in email design)
  • Уже 2016-й год, как сайты умудряются до сих пор плевать на UX? (It’s 2016 already, how are websites still screwing up these user experiences?!)
  • Джедайские принципы UI анимации (Jedi Principles of UI Animation)

• Серия уроков Sketch (часть 1 из 5): Настройка Sketch
• Зачем дизайнеры делают вещи неудобными
• Как избавиться от полупикселей в Sketch
• Юзабилити не только для пользователей (Usability isn’t just for users)
• Создание дизайна главной страницы сайта Casper (Building the Casper homepage)
• Как Headspace привлекает новых пользователей (How Headspace Onboards New Users)
• Дизайним Adobe Portfolio. (Designing Adobe Portfolio.)
• О шрифтах в Tourism Ireland, c. 2010–2014 (Tourism Ireland, c. 2010–2014)
• Принципы продуктового цифрового дизайна (Digital Product Design Principles)
• Наши пользователи заслуживают лучший опыт (Our Users Deserve a Better Experience)
• Невостребованный совет по дизайну дат (Unsolicited Dating Advice)
• Неофициальные награды Apple Icon Design (Unofficial Apple Icon Design Awards)
• Дизайн самого желанного продукта: исследование дизайна банкнот (Designing The Most Desirable Product: Exploration of Banknotes Design)
• Является ли гамбургерное меню проблемой? (Is the Hamburger Menu a Problem?)
• Заметки для дизайна лучших интерфейсов мобильных приложений (Notes for Designing Better Mobile Application Interfaces)
• Двадцать один пункт по гарантированному привлечению мобильных пользователей (The 21-Step Checklist for Bulletproof Mobile User Onboarding)
• Что делает Slack таким захватывающим? (What Makes Slack So Addictive?)
• Визуальное планирование для дизайнеров (Visual planning for designers)
• Самое растиражированное дизайнерское заблуждение, или священная корова 7±2
• Как создать actions с демонстрацией анимации прогресса в работе в Adobe Photoshop (How to Create an Animated Work-in-Progress Action in Adobe Photoshop)
• Как создать аватарки профессий в Adobe Illustrator (How to Create Flat Profession Avatars in Adobe Illustrator)
• Как раскрасить традиционный комикс в Adobe Illustrator (How to Color in a Traditionally Inked Comic in Adobe Illustrator)

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

• Набор «Казахские шрифты», состоящий из 100+ казахских шрифтов.
• Более семи десятков кистей к фотошопу (75+ Sets of Free Photoshop Brushes)
• Векторный клипарт на тему фото- и видеокамер
• Фоны и паттерны ко Дню Влюбленных
• Изображения наиболее популярных мобильных устройств в формате Sketch
• Зерновые текстуры (9 Free High Resolution Grain Textures in JPG & PNG Format)
• Три десятка шрифтов, от BIG JOHN / SLIM JOE до CABANA (30 High Quality Free Fonts You Should Definitely Own)

Новости

• CES 2016:
  • Обзор от 3dnews: день ноль, день первый, день второй
  • Обзор от mobile-review: Нулевой день выставки — машины от Volvo и NVidia, ноутбуки Lenovo и другие, День первый – LG, Samsung, Huawei и другие, День второй, истории с выставки, или что год грядущий нам готовит
  • CES 2016: часы Razer, наушники-нейростимулятор Nervana, фитнес-трекер Go, экшен-камера Activeon Solar X на солнечных батареях и многое другое
  • Главные тренды выставки CES 2016

• Джек Дорси объяснил отказ от ограничения в 140 символов в Твиттере записью со скриншотом длинного текста
• Lenovo отказывается от бренда Motorola
• Amazon вышла на рынок процессоров
• Анализ популярности языков программирования в 2015 году
• Netflix пришёл в Россию и ещё 130 стран, Все, что вам нужно о нем знать
• Мертвый единорог: компания Gilt, которая ранее оценивалась более чем в $1 млрд, продалась за $250 млн
• Microsoft работает над версией Skype для HoloLens
• Сокращение производства iPhone. Перегретый рынок

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

• За что геймеры платят в Steam: самые популярные игры года
• Каково быть стажером в крупных ИТ-компаниях: Facebook, Google, Microsoft, «Яндексе», Mail.Ru и Rambler&Co
• Как Цукерберг испытывает наше терпение
• Цукерберг создаст искусственный интеллект для управления своим домом
• Сферы жизнедеятельности людей, где 3D-печать произвела переворот
• Профессии цифрового будущего: какие специальности появятся в ближайшее время, а какие исчезнут
• Как blockchain изменит нашу жизнь?
• Что меня раздражает в MacBook
• Несколько интересных фактов о Кремниевой долине
• 6 предсказаний Стива Джобса, которые сбылись
• Научные мифы, которые невозможно развенчать
• BB8 из «Звездных Войн»

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

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

Автор: Zfort Group

Источник