Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 91 (5 — 11 января 2014)
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости
Веб-разработка
- Игра с дополненной реальностью: технический обзор
- Разработка многопользовательских игр с помощью Node.js и Socket.IO
- Презентации, посвященные CSS и HTML5 и рекомендованные к просмотру
-
Chrome extension за выходные - Вёрстка фактуры на Twitter Bootstrap 3 (часть 1)
-
Gulp, Grunt, что угодно. Gulp — новая популярная штука -
Веб-стандарты убили HTML-звезд -
Лучшие практики автоматизации веб-производительности с помощью mod_pagespeed -
Фигурный эффект наведения с помощью 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 2014
- Обзор новинок от 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.