Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №114 (15 — 21 июня 2014)

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

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

• Компания Google представила Web Fundamentals и Web Starter Kit
• Google Web Starter Kit: конструктор мобильных сайтов
• Пример веб-производительности
• Хранение веб-шрифтов в CDN
• Создаем первый плагин для Grunt
• Использование ARIA в HTML
• headstart.io — Простой в использовании автоматизированный набор для фронтенд разработки
• Полезная шпаргалка по favicon
• Скринкаст: начинаем работать с gulp.js
• А для тех, кто уже начал разбираться с Gulp, вот парочка дополнительных трюков
• Grunt PageSpeed c помощью ngrok для локального тестирования
• Анонсирована нативная поддержка Grunt в свежем PhpStorm EAP
• Поддержка HTML5 accessibility в браузерах
• Взгляд на SVG viewBox и viewport
• Предзаполнение форм с помощью кастомного буукмарклета
• Использование HTML5 Gamepad API для добавления поддержки контроллеров для браузерных игр
• Почему я люблю отладку сайта с помощью инструментов IE F12

CSS

• Подробно о Background-blend-mode
• Клевые эффекты наведения на CSS для блоков с текстом на фоне изображения
• Размышления о строках, кавычках, значках и тильдах в Less CSS
• История панели навигации на Apple.com (CSS реализация)
• Различные стили, генерируемые с помощью Sass
• Ускоряем загрузку веб-сайта с помощью Critical path CSS generator
• A B CSS: упорядочивание CSS для всех
• SassySkeleton — шаблон для улучшенного структурирования стилей Sass & Compass.

JavaScript

• Создаем Zoom-анимацию при прокрутке с помощью jQuery.Zoom-Scroller.js
• ANGULARJS + REQUIREJS
• Муравей Лэнгтона на JS и Canvas
• Атрибут Async и скрипты внизу кода страницы
• ScrollMe — jQuery плагин для простого добавления скролл-анимации
• Подборка ресурсов и материалов по Angular
• Outdated Browser — симпатичная напоминалка о том, что пользователю пора сменить браузер
• asynquence: промисы, о которых вы пока еще не знаете: часть 1, часть 2
• odyssey.js — фреймворк для создания интерактивных историй и статей для журналистов, дизайнеров и прочих творческих личностей
• Эмуляторы, написанные на JavaScript
• Более быстрая UI-анимация с помощью Velocity.js
• Новая криптографическая Javascript библиотека от Microsoft
• Создание кругового счетчика с помощью TimeCircles
• Макет с динамической фильтрацией с помощью Isotope и Bootstrap
• Brick Work — jQuery плагин для создания динамических лейаутов в стиле masonry

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

• MapBuildr — онлайн-конструктор для гугл-карт
• dimensionstoolkit — Инструмент для Chrome, позволяющий удобно отлаживать адаптивность сайта
• Сравнение сервисов для компрессии изображений: TinyPNG, Compressnow, Compressor.io, JPEG-optimizer, Image Optimizer.

Новости

• Какой должна быть хорошая карта — ориентиры на Яндекс.Картах. Как «Яндекс.Город» встретили рекомендательные сервисы
• Microsoft переходит на процессоры собственной разработки
• Минпромторг заказывает разработку отечественного процессора «Байкал»
• Амазон представил свой смартфон с 6 камерами Fire Phone. Знакомство с Amazon Fire Phone вживую: есть ли практический смысл в шести камерах?
• Adobe Photoshop CC 2014: что нового?
• Adobe реализовала массу новшеств в Photoshop CC 2014
• Adobe выпустила свои первые устройства: перо Ink и линейку Slide
• «Яндекс» приобретёт Auto.ru за $175 млн
• ЕС и Южная Корея объединяют усилия в разработке сетей 5G
• SteamBoy – портативная игровая консоль на базе SteamOS
• В стандарте Unicode 7.0 добавлена поддержка большого количества новых символов
• Apple выпустила более доступную модель моноблока iMac
• Nokia заплатила миллионы евро шантажистам, угрожавшим обнародовать код Symbian
• В состав HTTP-сервера Apache включён модуль с поддержкой протокола SPDY
• WSJ: Apple предложит несколько вариантов «умных» часов iWatch
• YouTube удалит видео музыкантов, отказавшихся заключать соглашение
• CodePen запустил возможность писать посты

Браузеры

• Запуск Internet Explorer Developer Channel
• Следующее поколение браузеров (Вадим Макеев о Coast)
• Выход Firefox 31-beta и Firefox 32-aurora. Кроме всего прочего — поддержка переменных в блоках CSS и Canvas Debugger

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

• btlbrands.com — интересный с точки зрения дизайна скролл-эффект
• squarespace.com — клевые скролл-эффекты: анимация, фейд, параллакс
• cvc1659.co.za — горизонтальный сайд с таймлайном
• www.world-of-swiss.com/ — прекрасная реализация эффекта скроллинга вглубь страницы
• epicdiscovery.com/vail — сайт с интересной реализацией выпадающего контента
• sismodesign.com — сайт с креативной анимацией и нестандартными шаблонами страниц
• fitstar.com — интересные решения в дизайне и скролл-анимации
• marksommerschield.co.uk — сайт с удачной анимацией стандартных компонентов
• the universal typeface — социальный проект, собирающий начертания букв со всего мира
• personalbrandinstitute.com — сайт на canvas c занятными анимационными эффектами
• ahistoriaeoutra.com.br — красочный canvas-сайт в комикс-стиле
• alstercloud.rs — сайт — номинант и победитель целого ряда конкурсов
• sendabigidea.com — красочный скролл-сайт с параллакс-эффектами и нестандарно направленной анимацией
• artlabelproject.com — концептуальный арт-сайт

Дизайн

• Война с дизайнером: откуда берётся хороший дизайн. Часть 2
• 7 распространенных ошибок веб-дизайна, которые бесят пользователей
• Motorola выбрала 10 финалистов конкурса дизайна лицевой панели Moto 360
• Smart Objects и Layer Comps в Photoshop CC 2014
• Понимание пиксельной сетки
• call to idea — Каталог интерфейсных решений на все случаи жизни веб-разработчика. Можно вдохновиться и утащить пару хороших идей.
• The coder’s guide to finding the perfect color palette
• 80+ клевых логотипов, вдохновленных животными
• Poka-Yoke в дизайне интерфейса пользователя
• Скетчи и рисунки в веб-дизайне

Демо

• Поводить кота за нос с помощью js/css
• Microsoft выпустила браузерную игру no аниме-сериалу Gargantia. Как сообщает Microsoft, игра Gargantia: Sky Courier идеально подходит для того, чтобы оценить возможности Internet Explorer 11
• Клевый аудио-визуальный эксперимент от Хакима

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

• «Даурия» в космосе
• «Человек на острие ножа» — Джон Кармак, вехи достижений и вклад в игровую индустрию
• New York Times: Как Тим Кук меняет Apple
• Технологии DRM — угроза для компьютерной безопасности
• Отчет Simply Measured: вовлеченность постов на Facebook упала на 50%
• Обозреватель CNET: Отставка СЕО Mozilla произошла из-за проблем с советом директоров
• Ссылочные факторы в формуле ранжирования Яндекса: 3 месяца спустя после «отключения»
• The Machine: как изобрести компьютер в XXI веке?
• Как «Цукерберг позвонит» боролся с AdBlock и проиграл
• Основатель TechCrunch обвинил Microsoft в подкупе блогеров для написания статей об Internet Explorer
• Квантовые компьютеры: принципы работы
• Secret и семь других анонимных приложений
• Будущее космических полетов: кто придет на смену «Спейс шаттлу» и «Союзу»
• Почему Apple отказалась от погодного сервиса Yahoo
• Угадай язык программирования
• Гайд о фитнессе для гиков

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