Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 82 (3 — 9 ноября 2013)

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

• Еще один подход к разработке: Offline First
• Пишем single-page web application framework в 60 строках кода
• Верстка писем и email рассылок. Немного магии Gmail
• Новый тег <template>: введение стандарта шаблонизации на стороне клиента
• Зачем нужен word-spacing
• Высокопроизводительная анимация в вебе
• Создание адаптивных шаблонов писем с помощью нового фреймворка от Zurb: Ink
• 15 бесплатных API, о которых вы, возможно, не слышали
• WebRTC в реальном мире
• Обновленное значение элементов blockquote и cite
• Адаптивная трансформация табов
• Что нового в Unicode 7.0?
• Возможные способы организации вашей команды для повышения производительности сайта
• In RWD We Trust – является ли это доверие уместным?
• Начинаем разбираться с PhoneGap, часть 2
• Как добавить мультиязычность на сайт с помощью Canvas and WPML
• CODIO (beta) — веб-IDE нового поколения
• Pattern Library от MailChimp (аналог Twitter Bootstrap), а также Подсветка синтаксиса кода для писем в MailChimp
• Как использовать фоновое видео для создания нужного впечатления, часть 1
• Создание HTML5 страницы с полноэкранным фоновым видео
• Git Cheatsheet
• Смотрим внимательнее на редактор Brackets
• The Yeoman Monthly Digest #1
• Презентация: A developer’s guide to rendering performance
• Презентация: How Can HTML Compete with Native?

CSS

• Введение в Sass для начинающих
• Тонирование изображений с помощью Multiple Backgrounds
• Размеры в CSS, а также где и в каких случаях их нужно применять
• Редактирование CSS-препроцессоров в Google Chrome
• Создание непрямоугольных лейаутов с помощью CSS Shapes
• Убийственные отзывчивые лейауты с помощью CSS Regions
• CSS препроцессоры и родительские селекторы
• A Look Into: CSS4 Image Set
• Техники для CSS-оверлея
• Адаптивные изображения, сменяющиеся с помощью 3D-эффекта на чистом CSS
• CSS Kit для стилизации расширений Chrome
• Отображаем доступные (accessibility) элементы с помощью CSS
• CSS Stats
• RECESS — CSS Hinter от Twitter
• Sticky footers, flexbox и IE10

JavaScripts

• Google выпустил Octane 2.0, пакет для тестирования JavaScript-движков
• FileAPI — Набор JavaScript инструментов для работы с файлами.
• Все, что вам нужно знать про node.js
• Введение в Ember.js
• Анимация SVG иконок с помощью Snap.svg
• Лучшие инструменты для генерации документации по JavaScript (обновлено в ноябре 2013)
• Простое создание классных графиков с анимацией с помощью Chart.js
• Менее известные директивы Angular.js
• Как написать собственный AngularJS, часть 1: Scopes и Digest
• Создание игры с эффектом Parallax Scrolling с помощью Pixi.js
• Интервью с легендой JavaScript: Kyle Simpson
• Фильтры, применяемые к изображением с использованием WebGL
• Плагины:
  
  • Ember Charts — библиотека для создания графиков построенная с использованием D3.js и Ember.js
  • charlie.js — небольшой фреймворк для синхронизации видео и CSS3 анимации
  • Slideme! довольно мощный плагин для создания слайд-шоу на jQuery
  • ferroMenu — эффектное меню на jQuery
  • stickUp — jQuery плагин, прибивающий элемент к верхней части окна браузера, оставляя его видимым при прокрутке
  • Slippry — адаптивный слайдер на jQuery
  • Free Wall — создание адаптивных сеток без зазоров
  • jQuery Watch Plugin — позволяет отследить, когда меняются свойства элемента
  • Pizza Pie Charts — создание радиальных графиков на SVG
  • Small.JS — концептуальная статья о модульности JS
  • Creditcard.js — повышенное удобство формы введения данных кредитной карточки

Браузеры

• Mozilla, OTOY и Autodesk объединили усилия в организации доступа к 3D-приложениям из браузера
• Подробнее о браузере в Android 4.4 KitKat: никаких WebGL, WebRTC и WebAudio внутри 🙁
• Internet Explorer:
  
  • Популярность Internet Explorer продолжает расти
  • Официальный релиз IE11 для Windows 7
  • Google прекращает поддержку браузера IE 9
  • Почему Microsoft Internet Explorer 11 — худшее, что могло случиться с нами
  • IE11: Compatibility List vs. X-UA-Compatible
  • Обзор нового Internet Explorer 11от sitepoint zf6c.q4h
  • Обзор IE11 для Windows 7 от Microsoft

• Из Chrome будет удалена поддержка MathML
• С января 2014 года будет запрещена установка расширений не из Chrome Web Store
• Стали известны подробности о версии Firefox для Windows 8.1
• Начало бета-тестирования Firefox 26 и создание aurora-ветки Firefox 27
• Firefox 27 Aurora Dev Tools — добавлены средства редактирования HTML и другие плюшки
• Секретный код в Opera 19 Dev

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

• typesetwith.me — тестирование типографики в браузере
• typecast — Google представила особое приложение для экспериментов со шрифтами
• Daturi — конвертация изображений в base64-код
• Favicon Generator
• GlyphSearch — поиск иконок в наборах Font Awesome, Glyphicons и Ionicons
• Полезные инструменты для тестирования и создания прототипов либо сниппетов
• EasyOpenData (alpha) — создание Open Data feed

Новости

• Valve поделилась новыми подробностями о Steam Machine, Steam Controller и SteamOS, а также 11 фактов о Steam Machine
• Соотношение сил на рынке мобильных операционных систем изменилось
• Facebook обновила дизайн кнопок «Мне нравится» и «Поделиться»
• Twitter оценили в $14,2 млрд, По итогам торгов стоимость акций Twitter выросла на 73% относительно IPO.
• Bing и Twitter продлили поисковое сотрудничество
• Samsung удвоит разрешение экранов в смартфонах образца 2014 года
• Jelly Bean замечен на половине Android-девайсов
• Крупнейшие производители ноутбуков показали спад
• В Microsoft Store насчитывается более 125 тысяч приложений для Windows 8.1

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

• 20 сайтов, которые хочется потрогать
• Спец-страница theguardian.com: NSA files decoded: Edward Snowden’s surveillance revelations explained
• Более двух десятков сайтов с адаптивной навигацией
• Интересные тренды в веб-дизайне: вертикально разделенные лейауты
• Использование прозрачности на сайтах
• kocha.com.au — минималистичное портфолио графического дизайнера
• ownerlistens.com — сайт с легкими вкраплениями анимации
• knocktounlock.com — отличная интеграция видео в интерфейс сайта
• fixate.it — креативный подход к оформлению сайта
• intromusique.ca — минимализм, параллакс и немного анимации

Дизайн

• Пять простых способов испортить логотип
• Лого известных брендов переделали в стиле блэк-метал
• Примеры визиток фотографов
• Открытое проектирование: опыт веб-дизайнера
• 20 примеров иллюстраций в веб-дизайне
• Tesla ломает представления об UX: интервью с Brennan Boblett — менеджером по UI
• Лучшие уроки по фотошопу за октябрь 2013
• Креативные и веселые страницы с ошибкой 404 для вдохновения
• Вдохновляющие примеры сайтов использующих текстуры
• Основные принципы теории цвета в веб-дизайне
• We Love Icon Fonts — сборник иконочных шрифтов
• Примеры плоского дизайн (сайты и ресурсы)
• Интервью с иллюстратором Andreas Preis
• Как создавать геометрический фон в Photoshop
• Десять вещей которые вы должны знать при работе с вектором в фотошопе
• Коллекция UI под iOS7
• Оптимизация процесса создания дизайан с помощью расширений Adobe Fireforks
• Блог Mobile Design Inspiration

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

• 20 бесплатных декоративных шрифтов
• Полтора десятка наборов с GUI
• Исходники флайеров со смартфонами
• Nice Things Icon Set — иконки в PNG и AI форматах
• Коллекция креативных декоративных и заголовчных шрифтов
• PSD для показа вашего дизайна в различных окружениях (на мониторе, смартфоне, планшете и т.д.)
• Бесплатные иконки к Дню Всех Святых
• Кисти для фотошопа с эффектом боке
• Декоративный шрифт с засечками Glamor
• Заголовочный декоративный шрифт TUA
• PSD с изображением Nexus 5
• Свежие наборы PSD с UI для веб и мобильных приложений (включая PSD для Twitter Bootstrap 3)
• Исходник отпечатанного лого (PSD)
• Несколько цветочных фонов в высоком разрешении

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

• Видеолекция про Биткоин
• Биомехатроника: киберпротезы, дающие человеку сверхспособности
• Oculus Rift — испытания на людях
• Графическая революция в облаках: как Amazon и NVIDIA виртуализовали видеопроцессор
• 9 вещей, которые Microsoft делает лучше Apple
• Украинский Petcube собрал на Kickstarter рекордные $251 тыс.
• Facebook станет «кладбищем» через 50 лет
• iPad Air — это по любви
• iPad Air vs iPad 4: сравнение производительности
• Android 2.3 для Google стала тем же, чем Windows XP для Microsoft
• Дешево и круто: студенты построили экзоскелет за $2 тысячи
• Даже у работы в Google есть недостатки
• Microsoft в Азии продвигает свои продукты при помощи аниме
• Пользователям не нравятся обновлённые комментарии на YouTube
• iPad Air взорвался в австралийском магазине Vodafone

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

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