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

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

Веб-разработка
50+ лучших дополнений к Bootstrap
Первый взгляд на HTML6 с примерами и ссылками
Accessibility. Как мы делаем Яндекс доступным людям с ограниченными возможностями и почему считаем это важным
- Трансформации для SVG-элементов. Перевод статьи Transforms on SVG Elements сообществом css-live.ru
- Яндекс запускает отдельную версию Schema.org со своими расширениями
Brad Frost: Почему я забочусь о доступности (Why I Care About Accessibility)
Понимание и улучшение оптимизации SVG (Understanding and Manually Improving SVG Optimization)
Используем canvas для исправления масштабирования SVG в IE (Using canvas to fix SVG scaling in Internet Explorer)
Иконизация контента (Iconifying Content)
SVG 101 — подборка SVG демок, демонстрирующих возможности технологии на несложных примерах
Арт-режиссура SVG изображений с помощью атрибута viewBox: How-To, Notes, Tips и почему мы нуждаемся в свойстве viewBox в CSS
Ускоряем разработку с помощью WordPress Plugin Boilerplate
Введение в Vagrant
Введение в статические генераторы сайтов (An Introduction to Static Site Generators)
Front-end Frameworks: начинаем работать с Bootstrap
Не даем Chrome переводить страницу (Prevent Chrome from Translating a Page)
Автоматизированные тесты для адаптивных дизайнов (Automated Tests for Visual Responsive Layouts)
Цена производительности (The Cost of Performance)
Как получать доступ к элементам в Polymer-компонентах (How to Access Member Functions in Polymer Elements)
Интервью с Виталием Фридманом, сооснователем и редактором Smashing Magazine
CSS
Использование media queries в вёрстке email-писем: за и против
- На чистом CSS, без грязного HTML
- Простые кроссбраузерные текстовые маски при помощи режимов наложения. Перевод статьи Easy Cross-Browser Text Masks with Blend Modes сообществом css-live.ru
Пересмотр :Visited (Revisiting :Visited)
Добавление звездочек для обязательных полей с помощью CSS
Конец глобального CSS (The End of Global CSS)
Понимание счетчиков в CSS и примеры их использования (Understanding CSS Counters and Their Use Cases)
Делаем костяшки с Flexbox (Getting Dicey With Flexbox)
Ближайшее рассмотрение свойства CSS mix-blend-mode (A Close-up Look at the CSS mix-blend-mode Property)
Видео: масштабируемые фоны в CSS (Video: Scalable Backgrounds in CSS)
Утилиты Sass для старых браузеров (Sass Helpers for Older Browsers)
Два синтаксиса: Sass против SCSS (Video: Two Syntaxes in Sass)
Практическое руководство по Flexbox: не забудьте о flex-shrink (A Practical Guide to Flexbox: Don't Forget about flex-shrink)
Использование и стилизация HTML5 Meter (Using and Styling HTML5 Meter)
Примеры CSS анимации, которые вам понравятся
15 вдохновляющих примеров CSS анимации на CodePen
Анимированные переходы между страницами (Animated Page Transition)
Упростите ваши таблицы стилей с помощью магических viewport-единиц в CSS (Simplify Your Stylesheets With The Magical CSS Viewport Units)
Хаки в CSS, о которых вы могли не знать (CSS hacks you may not know)
Фильтр контента на чистом CSS
outlinecss — очередной простой и чистый статический фреймворк
Расширяющиеся стили (Extending Styles)
JavaScript
- ES6:
- ES6 в деталях: Итераторы и циклы for-of
Выбирайте ES6 модули сегодня! (Choose ES6 modules Today!)
Статьи от Mozilla: ES6 In Depth (ES6 In Depth Articles)
Переходим с CoffeeScript на ES6 (Moving to ES6 from CoffeeScript)
The end of JavaScript?
True Hash Maps in JavaScript
Spider: захватывающая альтернатива JS (An Exciting Alternative to JavaScript)
Урок проваленного эксперимента по доступности в JS (Lessons from a Failed Experiment in JavaScript Accessibility)
T3 — минималистичный JS фреймворк
Заключительные шаги к овладению JavaScript, ключевое слово «this» (The Final Steps to Mastering JavaScript’s “this” Keyword)
Утилиты JavaScript для написания мощных приложений без jQuery (JavaScript Functions and Helpers)
Зависимости JS: разрушение мифов о прогрессивном улучшении (The JavaScript-Dependency Backlash: Myth-Busting Progressive Enhancement)
У нас проблема с промисами (We have a problem with promises)
Делаем в вебе виртуальную реальность с Google Cardboard и Three.js (Bringing VR to the Web with Google Cardboard and Three.js)
Почему Backbone.js? (Why Backbone.js?)
Подсказки по тестированию AngularJS: тестирование директив (AngularJS Testing Tips: Testing Directives)
JSX выглядит мерзко (JSX Looks Like An Abomination)
Как я перестал беспокоиться и полюбил React (How I learned to stop worrying and love React)
Max Harris: Две недели с React + Meteor (Max Harris: Two weeks with React + Meteor — Devshop SF March 2015)
d-Threeact: Как команда Sift Science Console сделала d3 и React лучшими друзьями (d-Threeact: How the Sift Science Console Team Made d3 and React the Best of Friends)
Обеспечение хорошей производительности JS в Microsoft Edge (Delivering fast JavaScript performance in Microsoft Edge)
Продвинутый JavaScript без разрушения веба (Advancing JavaScript without breaking the web)
Сравнение библиотек для построения графиков (JavaScript Grpahs)
- Плагины:
conate.js — трансформация иконок с классной анимацией
Viewport.js — библиотека для продвинутой прокрутки по разделам
Animate Plus — производительная JS-библиотека, помогающая анимировать свойства в CSS и атрибуты в SVG
basicContext — легкое в использовании контекстное меню для вашего сайта
PreViewTube: небольшой jQuery плагин для анимации миниатюр YouTube
Famous Engine — высоко-производительная JS библиотека для анимаций и интерфейсов (использует WebGL)
Браузеры
- Релиз web-браузера Chrome 43
- В Google Chrome появилось расширение Tone для передачи ссылок с помощью аудиосигнала
- Adblock Plus запускает мобильный браузер для Android
- Firefox предложит пользователям браузера сайты партнеров на основе их истории посещений
- Минималистический браузер «Яндекса» перешел в стадию бета-тестирования и получил режим анонимного веб-серфинга
- Почему я решил полностью отказаться от Google Chrome
- Добавленная в Firefox защита от отслеживания на 44% сокращает время загрузки страниц
Использование Chakra для выполнения скриптов в Windows 10 (Using Chakra for Scripting Applications across Windows 10)
Что нового в Firefox 38 (What’s New in Firefox 38)
Новинки в Firefox Developer Edition 40: мониторинг сетевой активности, фильтрация правил CSS и многое другое
Сайты с интересным дизайном и функциональностью
- Исследование сайтов мобильных операторов Украины (Спойлер: все плохо)
ESPN Just Redesigned Its Site For The First Time Since 2009—Here Are 4 Takeaways
http://www.greenman.net/ — забавный тематический сайт с рисованной анимацией
lamourfou.be — сайт с плавной параллакс-анимацией
futuramo.com — сайт-сервис, посвященный иконкам и выполненный в таком же стиле
Less is More – Extremely Minimal Website Design
Дизайн
- Для космических миссий приготовили флаг планеты Земля
- Дизайнер Facebook рассказал о рабочей культуре в компании
- Google Hangout для Chrome получил Material Design
- Нашитый текст в Adobe Illustrator
- Особое место для типографики
Генератор изображений креативных сцен (The first Scene Creator online)
Современное касание полигонального веб-дизайна (Modern Touch of Polygon Web Design)
3 новых формата изображения, о которых должны знать все дизайнеры (3 new image formats all designers must know)
Интернациональный флаг планеты Земля
Интервью с иллюстратором Michelle Romo (To the Point: Interview With Michelle Romo)
“Контекст — это новый жанр” (“Context is the New Genre”)
Почему подход ‘mobile first’ уже может быть устаревшим (Why ‘mobile first’ may already be outdated)
Makerbook — модерируемый каталог ресурсов, полезных для креативных людей
Forrest Gump и разница между тупым и простым (Forrest Gump and the Difference Between Dumb and Simple)
Оптическая регулировка (Optical Adjustment)
Как разжечь страсть к веб-дизайну (Rekindling Your Passion For Web Design)
Moments от Apple
Лучший винтажный дизайн (Retro and Vintage Design – Best of)
Абсолютное или относительное время: когда, где и какое использовать (Absolute vs. Relative Timestamps: When to Use Which)
Лучший способ для дизайна под ретину в Photoshop (A Better Way To Design For Retina In Photoshop)
electronicitems — анимированные иллюстрации
Hamburger icon: как эти три линии загипнотизировали большинство людей (Hamburger icon: How these three lines mystify most people)
Мой процесс создания дизайна иконок (My icon design workflow)
Иконки жестких дисков в разные годы (Hard Drive Icons Through the Ages)
Может ли шрифт убедить нас в том что что-то правда? (Can a Font Make Us Believe Something is True?)
Галерея концептов визуализаций
Подборка бесплатных дизайнерских печенек
- Бесплатные фотографии морских берегов
- Клипарт-наборы для летнего дизайна
- Бесплатные наборы иконок на офисную тематику
Текстуры дерева (3 Vector Wood Textures)
PSD шаблоны и наборы UI в стиле material design (Top 10 Free Material Design PSD templates and UI kits)
Векторный логотип Samurai (Samurai Free Vector Logo)
Веселые красочные иконки от Uisurf (Download 40 Free Happy Looking Icons By Uisurf)
Иконки посвященные плаванью и бассейнам (50 FREE Swimming Pool Icons)
FiraCode — моноширинный шрифт с программными лигатурами
Новости
- Google разрабатывает платформу Brillo для «Интернета вещей». Huawei тоже. И Intel
- Huawei выпустила операционную систему размером 10 килобайт для подключенных устройств
- С начала года сектор «интернета вещей» привлек $14,8 млрд инвестиций
- YouTube внедрил поддержку HTML5 и видео с частотой 60 кадров в секунду для прямых трансляций
- «Яндекс» запустил мобильный сервис платежей без регистрации
- Яндекс запускает новую версию сервиса Вебмастер
- NASA выпустило каталог бесплатного ПО
- Google позволил обмениваться ссылками с помощью звука
- Microsoft открыл код библиотек WCF (Windows Communication Foundation)
- Инициатива Mozilla по сертификации устройств с Firefox OS
- Meizu MX4 Ubuntu Edition получил ценник в $290 и поступил в продажу
Занимательное
- 8 неочевидных способов определить искусственный интеллект
- Искусственный интеллект в кино: 10 ярких примеров
- Каким было первое видео на YouTube
- Первый Питерский Сomic Сon
- Фотоотчет с фестиваля Comic Con Saint Petersburg 2015
- Илон Маск хочет распечатать жизнь на Марсе
- Лучшее на Medium: Как начать следовать советам по повышению продуктивности
- «I never asked for this»: протезы рук контролируются силой мысли и выглядят так, будто сбежали из Deus Ex
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.