Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб-разработка
5 способов сделать ваш сайт легче и быстрее, от David Walsh
Самые нужные плагины для Grunt
MathMl в HTML5- Использование встроенных SVG с резервной поддержкой Grunticon
- Секреты браузерных инструментов разработчика (часть 2)
Адаптивные изображения уже здесь. И что теперь? (Responsive Images Are Here. Now What?)
Лучший запасной вариант для SVG и различные версии изображения с помощью элемента picture (Better SVG Fallback and Art Direction With The <picture> Element)
Пример разметки с поддержкой ARIA
Прогрессивное улучшение — это не про доступность JavaScript (Progressive Enhancement is not about JavaScript availability)
Как мы сделали новую главную страницу BBC (How we built the new BBC Homepage)
Создание галереи изображений с Flickr API — стили и логика (Creating an Image Gallery with the Flickr API — Style and Logic)
60 FPS и веб (60 Frames Per Second and the Web) от John Gruber
MIGHTYEDITOR — редактор для создания HTML5-игр (Web based open source HTML5 game editor, based on Phaser.io game engine)
Работа с гибридными приложениями и IBM MobileFirst (Working with hybrid applications and IBM MobileFirst)
SVG-анимация, запускающаяся при прокрутке с помощью ScrollMagic (SVG Scrolling Animation Triggered By ScrollMagic)
Создание формы с данными кредитной карточки с помощью собственного элемента и Polymer (Building a Credit Card Form Custom Element with Polymer)
Как создать анимированную заливку текста (How to Create Animated Text Fills)
Пересмотренная загрузка шрифтов с помощью Font Events Font Loading от filamentgroup (Revisited with Font Events) 
Глубокое погружение в Adobe Edge Reflow
Firebug vs Firefox Development Tools
Битва сборщиков скриптов: Gulp Vs Grunt (The Battle Of Build Scripts: Gulp Vs Grunt)
Новинки Web Audio в Firefox- Веб-инструменты:
yourbrowser.is — почти все основные параметры браузера
Modulator — онлайн-конструктор шрифтов
Cymbolism — сервис, показывающий статистику с ассоциациями слов и цветов их выражающих
CSS
Подборка интересных CSS рецептов «Голые пятницы #4»- Знакомство с object-fit
Случайны сброс стилей (Accidental CSS Resets)
Polylion — создание полигонального льва с помощью SVG
Анимированная заливка текста (Animated Text Fills) от yoksel
Основные и вспомогательные контрольные точки в Sass (Breakpoints and Tweakpoints in Sass)
CSS Ruler — линейка с CSS единицами измерений
littlebox — CSS-иконки
CSS iOS устройства (CSS Devices)
CSS-шутки (CSS Puns & CSS Jokes ~ Curated by Saijo George)
CSS фреймворки, которые не являются Foundation-ом или Bootstrap-ом (Frameworks That Aren’t Foundation Or Bootstrap)
Официальный CSS Guide от Trello 
Используем селектор CSS :target для создания UI-эффектов без JS (Using The CSS :target Selector To Create JavaScript-less UI Effects)
Уменьшаем шрифты еще лучше с помощью WOFF 2.0 и unicode-range (Smaller Fonts with WOFF 2.0 and unicode-range)
Awesome Sass — курируемый список с материалами по Sass.
Разрыв отношений с Sass: дело не в тебе, дело во мне.. (Breaking up with Sass: it’s not you, it’s me)
JavaScript
Angular Light + Object.observe
Улучшаем код JavaScript на примере StarWars API
Konva.js — HTML5 2d canvas framework
SummaryJS, выпуск 2
Операционные системы, потерянные и обретённые внебраузерным джаваскриптом- 6to5 теперь Babel и целится дальше
- Используем цепочки методов
- Используем requestAnimationFrame
- Проверка содержимого массива с Array#some
Репозиторий jQuery плагинов закрыт для записи, теперь плагины будут публиковать как npm пакеты (Welcome, jQuery developers!)
Публикация jQuery-плагинов в npm, простой и грязный способ (Publishing your jQuery plugin to npm, the quick and dirty way)
Важные изменения, которым следует уделить внимание в AngularJS 1.3 (The Big Changes to Pay Attention to in AngularJS 1.3)
Классы в ES6 (последняя версия семантики) (Classes in ECMAScript 6 (final semantics))
JavaScript ❤ Unicode
Видео с 90-минутным обзором ECMAScript 6 (A 90 minute overview of ECMAScript 6 (video)) от Dr. Axel Rauschmayer
Ужасные ошибки в JS коде, которые стоит избегать при использовании статических анализаторов (Terrible JavaScript Mistakes To Avoid With A Static Code Analyzer)
Как делать производительные графики на базе шаблонов с помощью Path.js (How to Create Performant, Template-based Charts with Paths.js)
Подведение итогов конференции React.sj 2015 (React.js Conf Round-up 2015)
Дорожная карта io.js (io.js Roadmap)
Визуальное регрессионное тестирование приложений на AngularJS (Visual Regression Testing For Angular Applications)
generate-schema — генератор JSON Schema из объекта JSON
jQuery.scrollSpeed — расширение для изменения скорости прокрутки в современных браузерах
Awesomplete — виджет для авто-подсказок в текстовых полях
Как работает NativeScript (How NativeScript Works)
Dug.js — A JSONP to HTML Script
Awesomplete: виджет для авто-подсказок в текстовых полях без зависимостей от Lea Verou (2KB autocomplete with zero dependencies)
Браузеры
- Есть ли жизнь после Presto?
- Firefox 38 показывает, какие расширения замедляют браузер
- Представлен новый лидер Firefox и структурные изменения в Mozilla
- JavaScript движок в Windows 10 будет поддерживать быстрый Mozilla Asm.js
Сайты с интересным дизайном и функциональностью
stripe.com/bitcoin — CSS3 анимация
60th.eurovision.tv — мультимедийный сайт Евровидения с клевой навигацией
mc3.com.au — вертикальный сайт с приятной анимацией
couleecreative.com — вертикальный сайт со скролл-анимацией и фоновым видео
Подборка-обзор адаптивных японских сайтов
Дизайн
Компьютерные интерфейсы в кино — эволюция воображения- Редизайн доллара, смартфон-часы, обновление The New York Times и еще 7 новостей дизайна
- Почему UI-специалисты отказываются от Photoshop и переходят на Sketch
- Лучшие дизайн блоги на Tumblr
- Веб-дизайн в оттенках серого
- Электронная схема в Adobe Illustrator
- Иллюстрации в стиле low poly
Интервью с иллюстратором Monika Zagrobelna (To the Point: Interview With Monika Zagrobelna)
Дизайн мобильных приложений и все что может пойти с ним не так (Mobile UX Design and All the Ways It Could Go Wrong)
Пять сбивающих с толку иконок и их история (5 Confusing Icons and Their History)
Крутое в Японии: веб-дизайн в стране восходящего солнца (Big in Japan: Web Design in the Land of the Rising Sun)
Правим Goodreads, часть первая (Editing Goodreads, Part 1)
Balenciaga.com Re-design от Fantasy Interactive
За кулисами перезапуска журнала NY Times (Behind the Relaunch of The New York Times Magazine)
Быстрая подсказка: рисование твердыми и мягкими кистями в фотошопе (Quick Tip: Painting With Hard vs. Soft Brushes in Adobe Photoshop)
Типографика в Sketch 3: стили для текста (Typography in Sketch 3: Linked Text Styles)
Типографика в действии: дизайн простых и эффективных типографических логотипов (Typography in Action: Design Simple & Effective Type Logos)
Семнадцать цитат знаменитых графических дизайнеров (17 famous graphic design quotes)
commments.com — реальные комментарии к дизайнерским работам
What’s Hot and What’s Not: Web Design In 2015
Подборка бесплатных дизайнерских печенек
- Блогерам, дизайнерам и всем-всем-всем: 30+ бесплатных фотостоков
- Шелковые текстуры для вашего дизайна
- Шаблоны открыток с цветочной тематикой
Шесть плагинов к Sketch для экономии вашего времени (6 time-saving Sketch plugins to install right now—for free)
Четыре с половиной десятка скриптов для фотошопа (45 Amazing and Free Photoshop Actions)
Десять мокапов для демонстрации айдентики и бренда (10 Free Branding/Identity & Stationery PSD Mockups – February 2015 Edition)
Семьдесят семь шаблонов (Web TemplatesPSD)
Иконки посвященные спорту и фитнесу (Sport & Fitness Vector Icons – Freebie)
Набор из ста векторных плоских одноцветных иконок для приложений (Freebie: 100 App Icons)
Love is in the air — шесть векторных иконок
Набор векторных иконок Subway (Subway is a set of 306 pixel perfect crafted icons optimized for iOS, Windows Phone, Windows and BlackBerry 10.)
Набор плоских иконок посвященных офисной жизни (36 free flat icons for your next productivity app)
Десятка шрифтов без засечек которые должны быть у каждого (10 Free Sans Serif Fonts Everyone Should Have)
Декоративный шрифт без засечек Nordic
Serendipity — рукописный курсивный шрифт (Serendipity Script Free Font)
Три десятка февральских клевых шрифтов: от Kontanter до Nurjan (30 Free Cool Fonts For Designers – February 2015 Edition)
Новые шрифты за январь 2015: от декоративного Bigdog до иконочного Industrial Worker (The Best New Free Fonts Released in January 2015)
Демо
Мак и iPad — рисуем вместе (Mac & iPad drawn together)
Теперь я могу видеть WiFi-сигналы (Now, I can see wifi signals.)
Flight Stream — объемная визуализация авиатрасс
apparently transparent — трехмерная сцена от первого лица
Новости
HTTP/2 закончен- Microsoft дарит OneDrive на 100 ГБ пользователям Dropbox
- Ограбление по-российски: хакеры Carbanak сумели похитить $1 млрд
- Хакеры похитили $300 млн из ста банков
- Безопасности нет, смиритесь. По следам Equation Group
- Darpa планирует создать нейронный модем для прямой передачи изображений/информации в мозг
- Инвестор Джейсон Калаканис: Apple купит Tesla в течение 18 месяцев за $75 млрд
Занимательное
Ara, да? Или модульный смартфон будущего- Ретро: Это фотошоп или инстаграм
- Искусство произведения: 25 интересных фактов о «Фотошопе» к его 25-летию
- Топ-менеджер «Яндекса» Григорий Бакунов о подаче жалобы в ФАС, монополизации и альтернативах Google Play
- Мразь ты, улиточка. О том, как пользователи «Двача» запустили масштабный эксперимент в «патриотических» сообществах соцсети
- Илон Маск — визионер или злодей?
- Главные IT-тренды 2015 года по мнению Intel: умные вещи и города, Big Data и отказ от проводов
- Обострение конфликта: Зачем «Яндекс» пожаловался на Google в ФАС
- Как в новостях о Марсе появляются динозавры
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
