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

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

• Идеи, лежащие в основе отзывчивых email писем (перевод статьи Криса Койера «Ideas Behind Responsive Emails»)
• Интерактивная сетевая игра на HTML, CSS и JavaScript
• Новая версия отладчика web-приложений Firebug 2.0
• Google обновил документацию и руководство для вебмастеров по перемещению сайта
• Доступны средства для преобразования программ Firefox OS в apk-пакеты для Android
• Как время загрузки сайта влияет на его позицию в Google (инфографика)
• Что нового в Git 2.0?
• Как начать работать с Git
• Разработка с Gulp
• Начинаем работать с Hoodie
• Использование Bower для улучшения процесса разработки проектов на WordPress
• 13 причин для того, чтобы вы обратили внимание на производительность и оптимизацию мобильного веба
• Как разработчики сайта BBC делали адаптивную SVG карту
• 5 вещей, которые я усвоил о доступности
• Делимся информацией между Sass и JavaScript с помощью JSON
• Front End Style Guides: ответы на ваши вопросы
• Создание клевого плиточного эффекта для слайдера с помощью 3D transforms
• 3% юзеров интернета используют IE9, а 14% — имеют физические отклонения. Почему же мы беспокоимся только о первых?

CSS

• Обновился Hayaku для Sublime Text
• Генерация названий селекторов в стиле БЭМ с помощью препроцессоров
• То, что вам никто не говорил о z-index в статье «То, что вам никто не говорил о z-index»
• Поддержка @font-face
• Если вам нужна асинхронная загрузка CSS, то вот: loadCSS
• The Color Purple — памяти 6-летней дочки Eric Meyer посвящается
• Предложение внести в спеку CSS4 название “Becca Purple” для #663399. В честь умершей дочери Эрика Мейера и ее любимого цвета.
• Box-Sizing: секрет простых CSS-разметок
• Каскады в цвете SVG Fill
• Используем Sass для управления Z-Index в сложной верстке
• CSS Shapes, CSS Compositing и режимы смешивания в Safari 8
• Сетки: исследуем блоки для построение дизайна вашего веб-сайта
• Создание параллакс-эффекта на чистом CSS
• Новая статья про CSS-свойство will-change на Dev.Opera
• Fibonacci Flexbox Composer
• Техника невидимого градиента: кроссбраузерный SVG с фоллбеком, с помощью CSS
• 4 метода для создания Responsive CSS Grid Layout на CSS
• Новые возможности CSS-градиентов с background-blend-mode

JavaScripts

• Революция дата-байндинга с Object.Observe() (перевод статьи Addy Osmani «Data-binding Revolutions with Object.observe()»)
• Механизм фильтров Collection
• Итерируем всё вместе с Collection
• 7 шагов к качественному JavaScript коду
• Юнит-тестирование AngularJS с Karma и Jasmine
• Вышел Ext JS 5
• Ресурсы по JavaScript которые помогут оставаться на гребне волны
• Шпаргалка по jQuery
• Pub/Sub JavaScript Object
• Использование ES6 модулей сегодня
• Одностраничное приложение ToDo созданное с помощью Backbone.js
• Начинаем разбираться с Browserify
• Почему Ramda?
• Простые быстрые 3D браузерные игры, сделанные с помощью JavaScript и WebGL при помощи Three.js или Babylon.js
• OpenLayers – альтернатива Google Maps
• Переосмысливание контроллеров в AngularJS
• Angular Breadcrumb — модуль для AngularJS, генерирующий «хлебные крошки» для каждой страницы вашего приложения
• Tessel — микроконтроллер, программируемый с помощью JavaScript
• Как создавать 3D сцены с помощью Seen.js
• jseq — набор тестов, проверка строгого равенства, как это сделано в различных библиотеках
• jasmine-integration — интеграционные тесты с Jasmine
• ScrollMe — jQuery плагин для добавления простых скролл-эффектов
• Springy.js — построение интерактивных графиков с указанным направлением
• Boba.js — библиотека для работы с Google Analytics
• Большое количество эмуляторов, написанных на JavaScript
• WEB WORKER CONTEST (WWC ) — игра, в которой соревнуются два скрипта
• Crossfade.js — небольшой jQuery плагин для добавления модного блюр-эффекта на изображения при скролле страницы

Веб-инструменты

• 10 бесплатных инструментов для создания инфографики
• Семь генераторов цветовых палитр
• Генератор простых кнопок для расшаривания в соц. сетях
• bounce.js онлайн инструмент для создания CSS3 анимации в несколько кликов

Новости

• Впервые за 15 лет обновлена спецификация протокола HTTP/1.1
• Архитектура Machine – переосмысление основ компьютерных вычислений от HP
• Tesla передаст конкурентам свои технологические патенты
• Google:
  
  • Компания Google запустила платформу для бизнесменов
  • Google запустил сервис онлайн-бронирования авиабилетов Flight Search
  • Google проследит за здоровьем пользователей через сервис Fit
  • Google приобрела за $500 млн компанию спутниковой съёмки Skybox
  
  
• 25-долларовые смартфоны c Firefox OS появятся уже в этом году
• «Яндекс» запустил проект для болельщиков ЧМ по футболу
• Dropbox приобрел сервис для корпоративного обмена файлами MobileSpan
• Tizen дорос до SmartTV
• Amazon запускает рекуррентные платежи
• Telegram назвали самым быстрорастущим стартапом Европы
• В сети появился полный перечень характеристик «умных» часов LG G Watch

Браузеры

• Веб анимации — element.animate() уже в Chrome 36 (перевод)
• Релиз Firefox 30
• NY Times вынудила читателей отказаться от Internet Explorer 8
• Microsoft устранила 59 уязвимостей в Internet Explorer
• Chrome убил звезду — терминал
• Улучшена поддержка размерной единицы Viewport в WebKit
• Режим смешивания фонов доступен в Firefox 30

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

• Интересные сайты на HTML5
• Сайты с акцентом на демонстрацию фотографий
• votd.tv/ — сайт с удачным использованием анимации
• Световой день =
• builtvisible.com/thrust/ — занятный дизайн боковой панели навигации
• hammerhead.io — небанальное использование анимационных эффектов

Дизайн

• Switch to Sketch. Часть 1, Часть 2, Часть 3
• Летняя подборка типографики
• 3D-текст в стиле ретро в Adobe Illustrator
• Интервью с иллюстратором и художником Joumana Medlej
• 6 золотых правил для Ecommerce дизайна
• Поддержание необходимого темпа работы с мобильным приложением за счет более эффективного дизайна
• Вдохновляющие примеры презентаций UI/UX дизайна
• Photoshop или InDesign: что лучше для печатного дизайна?
• Создание кисти-паттерна с разноцветными флажками на веревке в Adobe Illustrator
• Создание ретро-иллюстрации футболиста в Adobe Illustrator для ЧМ по футболу
• Создание ретро-постера посвященному ЧМ по футболу в Adobe InDesign
• Классные иллюстрации изометрических букв от Jing Zhang
• Пробовали ли вы эти расширения для Inkscape?

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

• Бесплатные текстуры воды
• Два десятка наборов с фонами и текстурами
• Mac OS X Yosemite UI PSD шаблон
• Фото-текстуры картона
• Свежие наборы UI этой недели
• Четыре с половиной десятка свежих и полезных наборов с иконками для веб и мобильных приложений
• Небольшой набор социальных иконок квадратной формы со скругленными уголками
• Uni Sans Free
• Три десятка шрифтов с исключительно заглавными буквами: от Uni Sans до Portica

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

• День рождения отца World Wide Web
• «Сердечко» австрийского подростка обрушило Twitter
• Хотите научиться кодить? Начните здесь!
• Что ты за человек: приложение рисует портрет личности по постам в Facebook
• Google может вложиться в космические технологии Virgin Galactic
• Почему результаты удачных A/B тестов в реальности не так хороши
• WWDC глазами очевидца: новые тренды развития технологий

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

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