Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
![](https://habrastorage.org/r/w1560/getpro/habr/post_images/ecb/6b5/775/ecb6b577542cd8ed920c3f9662d0b5e6.png)
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
![](https://habrastorage.org/getpro/habr/post_images/ecb/6b5/775/ecb6b577542cd8ed920c3f9662d0b5e6.png)
Веб Разработка
Идеи, лежащие в основе отзывчивых 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.