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

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

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

• Игра с дополненной реальностью: технический обзор
• Разработка многопользовательских игр с помощью Node.js и Socket.IO
• Презентации, посвященные CSS и HTML5 и рекомендованные к просмотру
• Chrome extension за выходные
• Вёрстка фактуры на Twitter Bootstrap 3 (часть 1)
• Gulp, Grunt, что угодно. Gulp — новая популярная штука
• Веб-стандарты убили HTML-звезд
• Лучшие практики автоматизации веб-производительности с помощью
• Фигурный эффект наведения с помощью SVG
• Пять шагов для создания адаптивного письма с помощью Ink
• 10 причин, по которым в lonelyplanet.com перешли от иконочных шрифтов к SVG
• Быстрая отзывчивость – техники повышения производительности для адаптивного веб-дизайна
• Когда использовать Button
• 20 полезных онлайн-курсов и туториалов для веб-разработчиков
• Ярлыки: управление ожиданиями пользователей
• Топ трендов для разработчиков из 2013го, а также о том, на что ориентироваться в 2014м
• Game Workshop: Давайте напишем небольшой военный космосим вместе (с помощью Three.js)
• North — лучшие практики и понятия в веб-разработке
• Лучшие работы 2013-го года на CodePen
• Лучшие видео с конференций 2013-го года по версии Rodney Rehm
• Начинаем разбираться с форматом изображений WebP
• Короткая презентация: «Начинаем работать с HTML5»
• Как начать работать с Foundation 5
• Несколько сниппетов, вмещающихся в твит

CSS

• REM, фоллбек и поддержка
• CSS Shaky Animation
• Typecsset demo – v0.2.0 — небольшая Sass-библиотека для настройки типографики на проекте
• Flexible CSS cover images
• OOCSS vs OOSCSS
• Анализ процесса принятия CSS стандартов, основанный на данных
• Стандартизация порядка свойств CSS
• Плавная анимация с возможностью остановки с помощью animation-play-state
• Фрагментация маскированного и обрезанного контента: — часть 1, часть 2
• CSS-пуговицы от Lea Verou

JavaScripts

• Создание превью изображений на клиенте: борьба с прожорливыми браузерами
• Наследование директив в Angular Light и другие «плюшки»
• Загрузка скриптов с помощью jQuery
• A CRUD JavaScript Class
• Фиксируем заголовки и колонки в таблице при скроллинге
• Пятнадцать особенностей, которые вы должны знать про массивы в JS, чтобы стать мастером
• Замыкания в JavaScript
• Удаление завершающей запятой с помощью JS
• Компоненты в Ember: подробное описание
• Label_Better.js — плагин на jQuery для улучшения визуализации меток полей ввода
• Slip.js — простое изменение порядка элементов в списке для тач-устройств
• angular-deckgrid — сетка, похожая на mansory, для AngularJS
• [be]lazy.js — скрипт для обеспечения загрузки различных версий адаптивных изображений с помощью процесса lazy loading

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

• iconizr — сервис, который сгенерирует набор для иконочного шрифта из ваших SVG рисунков
• googlemapbuilder — онлайн-сервис для кастомизации embeded google maps
• GlyphSearch — сервис для поиска иконок среди иконочных шрифтов на Font Awesome, Glyphicons, IcoMoon и Ionicons
• ConfCal — календарь проходящих конференций в мире
• Web Developer Checklist
• Colors — цветовая палитра для современного веба

Браузеры

• Альфа-версия Otter Browser
• Сравнение потребление памяти в Firefox, Chrome и Internet Explorer
• Net Applications: Chrome почти догнал по популярности Firefox
• Chromium научился хранить cookies в зашифрованном виде
• Несмотря на авто-обновления, старые браузеры все еще остаются проблемой

Новости

• Pinterest приобрел технологию визуального поиска
• Yahoo запускает News Digest — первое приложение на основе Summly
• Крупное дополнение Windows 8.1 может быть анонсировано уже в марте
• Сравнение производительности кодировщиков VP9, H.265 и H.264
• Инициативы по продвижению Firefox OS для телевизоров, планшетов и персональных компьютеров
• В Google запустили сайт Sightsmap, где отражены самые фотографируемые места Земли
• В iOS 7.1 исправлен баг, существовавший в iOS последние 4 года
• Разработчик российского «экрана из тумана» решил закрыться
• CES 2013
  • Обзор новинок от Lenovo, Asus, Acer, Intel, Razer
  • Встречайте Intel Edison — компьютер размером с SD-карту
  • Intel заявила о поддержке Steam Machines и анонсировала Dual OS официально + ответ от AMD
  • Новый конкурент Google Glass от Epson
  • NVIDIA анонсировала мобильный процессор Tegra K1 с 192 ядрами
  • Четыре новых планшета от Samsung
  • Pebble представила вторую версию «умных» часов
  • Samsung представила новую линейку Android-планшетов
  • Valve представила десяток вариантов Steam Machine от сторонних производителей
  • Tobii и SteelSeries представляют первое в мире массовое окулографическое устройство для геймеров
  • Награда выставки за лучшие продукты – краткое описание инноваций
  • Облачные новинки из Лос-Анджелеса
  • Новые сервисы Yahoo! представлены на CES 2014
  • Самые крутые новинки CES-2014 в фотографиях
  • Основные тренды выставки CES 2014

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

• Веб-дизайн в fashion-индустрии, с ретро-элементами , сайты креативных агентств, а также Подборка автомобильных сайтов и 15 веб сайтов в стиле комикс
• Сайты, посвященные ювелирным украшениям
• Энергичные веб-дизайны спортивных сайтов
• Мощный редизайн сайта nytimes.com
• Итоги года для MailChimp в цифрах
• meetyourmx.com — креативный сайт, посвященный новому сериалу Almost Human
• vimeo.com/player — страница vimeo со скролл-эффектами

Дизайн

• Редизайн сайта NYT: 7 главных изменений
• Интересные изобретения, полезные дизайнерам, художникам и не только
• Тренды и итоги:
  • Большие тренды в веб-дизайне для 2014го
  • Итоги прошлого года от Dribbble (Yearly Replay 2013)
  • Сейчас 2014. Мертв ли веб дизайн?
  • Самые популярные шрифты 2013-го года по версии MyFonts, а также Лучшие шрифты 2013 по версии typefacts
  • Двадцать самых горячих трендов в веб-дизайне, за которыми стоит следить в 2014 году
  • Лучшие 11 логотипов 2013 за которые голосовали читатели JustCreative
  • Готовы к 2014-му году? Гляньте-ка на последние тренды веб-дизайна
  • Более сотни лучших уроков по Photoshop за 2013 год

• Использование психологии цвета для создания эффективной таблицы прайсов
• Семь простых ошибок, которые вы, возможно, делаете
• Где лучшие дизайнеры берут фото и графику
• Оптимизируй процесс создания дизайна
• История создания значка «Made in Britain»
• Представлен официальный шрифт олимпийских игр 2016
• Минималистические лого для вдохновения
• Примеры использования белого текста в веб-дизайне
• Вводная в понятие Brand Style Guide
• Советы по использованию белого фона в веб-дизайнах и Веб-дизайны с темным фоном
• Photoshop:
  • Самые полезные плагины к Photoshop
  • Создание эффекта сияющего текста в Photoshop
  • Создание простого типографического портрета в Photoshop
  • Создание сетки-маски в Photoshop/Illustrator
  • Настройка Photoshop для создания UI мобильного приложения
  • Урок по созданию анимации с помощью Timeline в Photoshop-е
  • Использование Smart Objects в Photoshop для создания динамических спрайтов

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

• Mockup-файлы для визиток
• Оригинальные бесплатные шрифты
• Лучшие бесплатные плюшки для дизайнеров за декабрь
• PSD шаблоны брошюр
• Шаблон PSD с дизайном портфолио
• Два десятка текстур с облупившейся краской либо поверхностью
• Фото песка в высоком разрешении
• Более трех десятков наборов с иконками с преимущественно плоским дизайном
• Три десятка свежих наборов с иконками
• Набор из более сотни контурных иконок в формате AI и PSD (автор: Katarina Stefanikova)
• Упаковка из семидесяти плоских иконок от Robin Kylander в PSD и PNG форматах
• Odin Rounded — лаконичный шрифт без засечек
• Отборные шрифты для татуировки
• Космический иконочный шрифт Infinity
• Два с половиной десятка заголовочных шрифтов (жирные шрифты)

Демо

• 10 лучших HTML5-игр 2013 года
• Воксельный Марс
• Photosynth — сервис по созданию псевдо-трехмерных видео-сцен по набору фотографий
• Mobile Devices + Twitter Use — карта, отображающая миллионы твитов пользователей мобильных устройств (смотреть в Chrome)
• colAR App — распечатываем раскраску, разукрашиваем ее и с помощью приложения любуемся дополненной реальностью
• Симуляция и рендер 262,144 частиц с помощью GLSL
• GLSL-Transition

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

• Как IT-специалисту сохранить свои финансы?
• Как правильно подписываться в интернете
• Фантастические сериалы
• Valve и ее денежная машина: интервью с Гейбом Ньюэллом
• Мемы 2013 г.
• Еще технотренды: что год 2014-й нам готовит
• Йован Савович (создатель Dirty и Leprosorium): «Проекты должны жить сами по себе»
• Игровые платформы 2013 года: версия Steam
• Цукербергу лучше знать — Facebook решит за пользователей, что им интересно
• Skype до сих пор остаётся решетом
• 8 необычных способов использования камеры вашего смартфона
• Падение ВКонтакте: шок, трепет и другая реакция пользователей

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

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

Автор: alexzfort

Источник