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

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

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

• Сложный и противоречивый мир синтаксиса микроразметки. Почему стандартов так много? Опыт Яндекса
• Кеширование всего HTML и подключение JS «на ходу»
• Обновление Firefox Developer Tools
• GitHub открыл исходные тексты среды редактирования кода Atom
• Итоги Net Awards 2014
• Появилось видео с Front End Ops Conference 2014
• Тест производительности игр на HTML5: 2014 edition
• Приличная подборка ресурсов для работы над адаптивными письмами
• Веб-адреса уже почти умерли
• Unicode для огромного мира устройств
• SVG внутри ссылок, оставляем событие на нужном элементе
• Slush – более лучший инструмент для формирования шаблонов веб приложений
• Настройте свой процесс работы с Gulp
• Приватный bower
• Автоматизация повторяющихся задач с Grunt
• Есть 15 минут чтобы изучить Git?
• Как сделать простенькое расширение для Google Chrome
• Как использовать Bootstrap Tour
• Создаем кастомный иконочный шрифт с помощью IcoMoon и Less
• Советы по созданию доступного SVG
• Следует ли использовать HTML5 header и footer?
• Synth — бэкенд фреймворк для создания (Angular, Ember, Backbone) JS веб-приложений
• О том, как ускорить ваш сайт
• Примеры ARIA
• Bootstrap 3 — советы и трюки о которых вы, возможно, не знали
• Очередная коллекция всяких штук для Bootstrap
• Слайды доклада Jason Grigsby на тему «Adaptive Input» с WebVisions Portland 2014
• Интервью с Brad Frost о рабочем процессе, адаптивных фреймворках и будущем веба
• Интервью с Thomas Palef, который решил писать HTML5 игру каждую неделю: чем вы заряжаетесь когда это делаете

CSS

• 8 простых CSS3-анимаций, которые могут удивить пользователя сайта
• 7 штук, о которых вы не знали, что это можно сделать с помощью CSS
• Двигаемся вперед с CSS Shapes
• Определение доступности CSS Shapes доступно в продакшн билдах Modernizr
• hologram — простая системы для создания стилевых руководств (Ruby gem)
• Kindling Grid — простая сетка для responsive-дизайнов
• Типографика с responsive-дизайном с цепочками media queries — интересный подход, позоволяющий сократить количество Sass-кода
• Создание эффекта переворачивающейся карты при наведении на элемент
• beautons — набор кнопок с семантическим обозначением css-классов
• Панорама на чистом CSS (SCSS + Haml)
• Как можно использовать Flexbox, цветовые переменные и EMы внутри компонентов для быстрого прототипирования в браузере

JavaScripts

• Легкие контроллеры с AngularJS
• Swipe жесты в Internet Explorer и остальных браузерах
• AniJS – библиотека для декларативного описания CSS-анимации
• Новые методы массива в ECMAScript 6
• Что необходимо знать о прототипах, областях видимости и производительности в JavaScript
• Заменяем jQuery на Vanilla JavaScript
• Не забудьте о клиентской части! (о тестировании клиентской части веб-приложений)
• WebGL D3 с использованием библиотеки PathGL
• Давайте создадим карту с кружками (TopoJSON и D3)
• Epoxy.js — элегантный биндинг данных для Backbone
• React Forms — библиотека с инструментами для отрисовки и валидации форм
• Ember.js — веб-фреймворк для будущего
• Пишем простое приложений используя Ionic — фреймворк для создания гибридных мобильных приложений
• Quill.js — простой редактор для современного веба
• email.js — инструмент для написания приложений для писем на JS
• 4 jQuery-плагина для определения фонового цвета
• Введение в Node.js для абсолютных новичков
• Адаптивная зафиксированная одностраничная навигация на vanilla JavaScript
• Как сделать прилипающую анимированную шапку на CSS3 и jQuery

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

• waypoints.io — инструмент для хранения всей истории разработки проекта
• Import.io — сервис по извлечению и структурированию данных из веб-сайтов
• conjure.io — сервис для показа дизайна, доработки его по комментариям и последующего утверждения
• Пять инструментов для создания вайрфреймов о которых вы могли не знать
• Prose — веб-инструмент для удобного редактирования файлов на GitHub
• Скрипты и плагины для анализа трафика на сайте

Новости

• Новые возможности сканирования визиток в Evernote с LinkedIn
• Апелляционный суд США постановил, что API является интеллектуальной собственностью
• Windows Phone названа самой быстрорастущей ОС (при этом доля Windows Phone на глобальном мобильном рынке поднялась незначительно — с 2 % до 3 %)
• МСЭ: количество пользователей Интернета к концу 2014 года достигнет 3 млрд
• Apple покупает Beats за $3,2 млрд
• В Twitter появилась кнопка для Amazon
• Adobe запустила Voice — iPad-приложение для презентаций
• Microsoft выпустила критическое обновление для Windows XP, несмотря на окончание поддержки
• К концу 2014 года в интернете будут 3 млрд пользователей
• Jelly Bean остаётся самой распространённой версией Android
• Instagram превзошел ожидания маркетологов
• Microsoft продолжает терять деньги на планшетах Surface
• IDC: рынок планшетов вырос за год менее чем на 4 процента
• Sony оформила сделку по продаже VAIO
• Facebook запускает расширенную статистику видео для публичных страниц
• Apple догоняет Amazon по розничным продажам
• Alibaba подала заявку на проведение миллиардного IPO

Дизайн

• 17-18 мая в Одессе состоится конференция по дизайну «DESIGN LAB»
• 10 полезных электронных рассылок для дизайнеров
• Издание Los Angeles Times представило редизайн сайта
• Интервью с иллюстратором Oscar Ramos
• История графического дизайна в одной инфографике от Pop Chart Lab
• Одиннадцать прекрасных примеров использования фото-изображений в веб-дизайне
• Пишем текст желешками в Photoshop-е
• Как делать цветовую коррекцию и улучшать баланс белого в Photoshop-е
• Шесть проблем с процессом разработки UX, а так же шесть решений этих проблем.
• Эффективное упрощение навигации. часть 2: навигационные системы
• Концепт редизайна поисковой страницы Google
• Дизайн responsive навигации
• Изображения vs. видео на фоне в веб-дизайне
• Топ ошибок при редизайне сайтов
• 12 принципов анимации
• Вариант переводов ответов клиентов относительно дизайна

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

• Геометрические фоны
• Разноцветные фоны с многоугольниками
• Набор UI в PSD формате для мобильных и веб-приложений с плоским дизайномUI Kit™
• Восемнадцать упаковок с UI и вайрфреймами
• Simple UI Kit
• Плагин к Photoshop для определения используемого шрифта в растровом изображении
• Три PSD с формой регистрации
• Иконочный веб-шрифт Payment
• Пол сотни шрифтов для дизайнеров в 2014: от Intro Condensed до винтажного Affliction
• Сто и один шрифт для веб-дизайнеров: от Bemio до Signika
• Стилизованное под кириллицу семейство шрифтовTsarevich
• Farewell Regular — декоративный шрифт с засечками
• DUAL — семейство геометрических шрифтов без засечек
• TOTEM — декоративный шрифт без засечек с тематикой научной фантастики

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

• 30-летию Mario Bros. посвящается. Виртуальный музей игры на HTML5
• Программирование — карьерный тупик?
• Эпические истории, или как IT-гиганты друг у друга топ-менеджеров переманивали
• Pinterest знает пользователей лучше, чем Google
• 10 провальных проектов Apple
• 30 знаковых ИТ-предпринимателей в возрасте до 30 лет
• Стивен Хокинг: искусственный интеллект может стать величайшей ошибкой в истории
• Норвежская армия тестирует Oculus Rift в качестве системы обзора для механиков-водителей боевой техники
• NASA показало прототип скафандра для полета на Марс
• Birdly и Oculus Rift дают пользователю возможность почувствовать себя птицей
• Самые странные вещи, которые продаёт Alibaba
• iПистолет: в США набирает популярность «умное» оружие
• 10 новейших военных гаджетов и технологий
• NASA планирует выращивать растения на Марсе
• Как телефоны и соцсети меняют частную жизнь
• Шестнадцать «гифок», которые научат вас разбираться в механике
• Клевые эксперименты и демки на WebGL

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

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