Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
| Веб-разработка |
| CSS |
| Javascript |
| Браузеры |
| Дизайн |
| Новости |
| Занимательное |
Веб-разработка
- 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
