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

---

Сайт-источник PVSM.RU: https://www.pvsm.ru

Путь до страницы источника: https://www.pvsm.ru/news/52553

Ссылки в тексте:

[1] Игра с дополненной реальностью: технический обзор: http://frontender.info/an-ar-game-technical-overview/

[2] Разработка многопользовательских игр с помощью Node.js и Socket.IO: http://frontender.info/building-multiplayer-games-with-node-js-and-socket-io/

[3] Презентации, посвященные CSS и HTML5 и рекомендованные к просмотру: http://css-live.ru/css/prezentacii-posvyashhennye-css-i-html5-i-rekomendovannye-k-prosmotru.html

[4] Chrome extension за выходные: http://habrahabr.ru/post/208644/

[5] Вёрстка фактуры на Twitter Bootstrap 3 (часть 1): http://ruseller.com/lessons.php?rub=2&id=1946

[6] Gulp, Grunt, что угодно: http://blog.ponyfoo.com/2014/01/09/gulp-grunt-whatever

[7] новая популярная штука: http://www.shaundunne.com/gulp-is-the-new-black/

[8] Веб-стандарты убили HTML-звезд : http://jeffcroft.com/blog/2014/jan/03/web-standards-killed-the-html-star/

[9] Лучшие практики автоматизации веб-производительности с помощью: http://blog.teamtreehouse.com/automating-web-performance-best-practices-mod_pagespeed

[10] Фигурный эффект наведения с помощью SVG: http://tympanus.net/Tutorials/ShapeHoverEffectSVG/index.html

[11] Пять шагов для создания адаптивного письма с помощью Ink : http://zurb.com/article/1283/five-steps-to-building-a-responsive-email

[12] 10 причин, по которым в lonelyplanet.com перешли от иконочных шрифтов к SVG: http://ianfeather.co.uk/ten-reasons-we-switched-from-an-icon-font-to-svg/

[13] Быстрая отзывчивость – техники повышения производительности для адаптивного веб-дизайна: http://calendar.perfplanet.com/2013/rapid-response/

[14] Когда использовать Button : http://css-tricks.com/use-button-element/

[15] 20 полезных онлайн-курсов и туториалов для веб-разработчиков: http://www.instantshift.com/2014/01/08/online-web-development-courses/

[16] Ярлыки: управление ожиданиями пользователей: http://tympanus.net/codrops/2014/01/08/labels-managing-user-expectations/

[17] Топ трендов для разработчиков из 2013го, а также о том, на что ориентироваться в 2014м: http://blog.pluralsight.com/dev-trends-2013-2014

[18] Game Workshop: Давайте напишем небольшой военный космосим вместе: http://learningthreejs.com/blog/2014/01/10/flying-spaceship-minigame/

[19] North: https://github.com/Snugug/north

[20] Лучшие работы 2013-го года на CodePen: http://codepen.io/2013/popular/

[21] Лучшие видео с конференций 2013-го года по версии Rodney Rehm: http://blog.rodneyrehm.de/archives/31-My-Best-Of-2013-Conference-Talks.html

[22] Начинаем разбираться с форматом изображений WebP: http://blog.teamtreehouse.com/getting-started-webp-image-format

[23] «Начинаем работать с HTML5»: http://www.thinkful.com/learn/getting-started-with-html5

[24] Как начать работать с Foundation 5 : http://www.webdesignviews.com/2014/01/get-started-with-foundation-5/

[25] Несколько сниппетов, вмещающихся в твит: http://davidwalsh.name/code-tweets-1

[26] REM, фоллбек и поддержка : http://alwaystwisted.com/post.php?s=2014-01-01-rems-fallbacks-and-support

[27] CSS Shaky Animation: http://lab.tylergaw.com/css-shaky-animation/

[28] Typecsset demo – v0.2.0: http://csswizardry.com/typecsset/

[29] Flexible CSS cover images: http://nicolasgallagher.com/flexible-css-cover-images/

[30] OOCSS vs OOSCSS : http://blackfalcon.roughdraft.io/5255648

[31] Анализ процесса принятия CSS стандартов, основанный на данных : http://www.impressivewebs.com/data-css-standards-approval/

[32] Стандартизация порядка свойств CSS: http://codegeekz.com/standardizing-css-property-order/

[33] Плавная анимация с возможностью остановки с помощью animation-play-state : http://lea.verou.me/2014/01/smooth-state-animations-with-animation-play-state/

[34] часть 1: http://blogs.adobe.com/webplatform/2014/01/08/fragmentation-of-masked-and-clipped-content-part-1/

[35] часть 2: http://blogs.adobe.com/webplatform/2014/01/10/fragmentation-of-masked-and-clipped-content-part-2/

[36] CSS-пуговицы от Lea Verou: http://dabblet.com/gist/8309260

[37] Создание превью изображений на клиенте: борьба с прожорливыми браузерами: http://habrahabr.ru/post/208402/

[38] Наследование директив в Angular Light и другие «плюшки»: http://habrahabr.ru/post/208282/

[39] Загрузка скриптов с помощью jQuery : http://davidwalsh.name/loading-scripts-jquery

[40] A CRUD JavaScript Class: http://davidwalsh.name/crud-javascript-class

[41] Фиксируем заголовки и колонки в таблице при скроллинге: http://tympanus.net/codrops/2014/01/09/sticky-table-headers-columns/

[42] Пятнадцать особенностей: http://www.thatjsdude.com/jsConcepts/concepts/array.html

[43] Замыкания в JavaScript: http://www.kirupa.com/html5/closures_in_javascript.htm

[44] Удаление завершающей запятой с помощью JS: http://tobyho.com/2014/01/07/js-trailing-comma-remover/

[45] Компоненты в Ember: подробное описание: http://net.tutsplus.com/tutorials/javascript-ajax/ember-components-a-deep-dive/

[46] Label_Better.js: http://www.onextrapixel.com/2014/01/07/label-your-input-fields-like-a-boss-with-label_better-js/

[47] Slip.js: http://pornel.net/slip/

[48] angular-deckgrid: http://akoenig.github.io/angular-deckgrid/#/

[49] [be]lazy.js: http://dinbror.dk/blazy/

[50] iconizr: http://iconizr.com/

[51] googlemapbuilder: http://googlemapbuilder.mynameisdonald.com/

[52] GlyphSearch: http://glyphsearch.com/

[53] ConfCal: http://confcal.org/

[54] Web Developer Checklist: http://webdevchecklist.com/

[55] Colors: http://clrs.cc/

[56] Альфа-версия Otter Browser: http://habrahabr.ru/post/208416/

[57] Сравнение потребление памяти в Firefox, Chrome и Internet Explorer: http://www.opennet.ru/opennews/art.shtml?num=38791

[58] Net Applications: Chrome почти догнал по популярности Firefox: http://viennaos.net/browsers/5020-net-applications-chrome-pochti-dognal-po-populyarnosti-firefox.html

[59] Chromium научился хранить cookies в зашифрованном виде: http://my-chrome.ru/2014/01/protect-cookies/

[60] Несмотря на авто-обновления, старые браузеры все еще остаются проблемой: http://www.zdnet.com/despite-automatic-updates-old-browsers-are-still-a-problem-7000024778/

[61] Pinterest приобрел технологию визуального поиска: http://www.searchengines.ru/news/archives/pinterest_priob_visual.html

[62] Yahoo запускает News Digest: http://www.siliconrus.com/2014/01/yahoo-news-digest/

[63] Крупное дополнение Windows 8.1 может быть анонсировано уже в марте: http://www.3dnews.ru/793535/

[64] Сравнение производительности кодировщиков VP9, H.265 и H.264: http://www.opennet.ru/opennews/art.shtml?num=38794

[65] Инициативы по продвижению Firefox OS для телевизоров, планшетов и персональных компьютеров: http://www.opennet.ru/opennews/art.shtml?num=38802

[66] В Google запустили сайт Sightsmap, где отражены самые фотографируемые места Земли: http://www.sightsmap.com/http://www.sightsmap.com

[67] В iOS 7.1 исправлен баг, существовавший в iOS последние 4 года: http://www.macdigger.ru/iphone-ipod/v-ios-7-1-ispravlen-bag-sushhestvovavshij-v-ios-poslednie-4-goda.html

[68] Разработчик российского «экрана из тумана» решил закрыться: http://lenta.ru/news/2014/01/10/displair/

[69] Lenovo: http://www.mobile-review.com/articles/2014/ces-lenovo.shtml

[70] Asus: http://www.mobile-review.com/articles/2014/ces-asus.shtml

[71] Acer: http://mobile-review.com/articles/2014/ces-acer.shtml

[72] Intel: http://keddr.com/2014/01/ces-2014-intel/

[73] Razer: http://keddr.com/2014/01/ces-2014-razer/

[74] Встречайте Intel Edison — компьютер размером с SD-карту: http://habrahabr.ru/post/208332/

[75] Intel заявила о поддержке Steam Machines и анонсировала Dual OS официально + ответ от AMD: http://habrahabr.ru/post/208374/

[76] Новый конкурент Google Glass от Epson: http://habrahabr.ru/company/telebreeze/blog/208642/

[77] NVIDIA анонсировала мобильный процессор Tegra K1 с 192 ядрами: http://gagadget.com/other/2014-01-06-nvidia-anonsirovala-mobilnyij-protsessor-tegra-k1-s-192-yadrami/

[78] Четыре новых планшета от Samsung : http://keddr.com/2014/01/ces-2014-chetyire-novyih-plansheta-ot-samsung/

[79] Pebble представила вторую версию «умных» часов: http://droider.ru/post/pebble-predstavila-vtoruyu-versiyu-umnyih-chasov-07-01-2014/

[80] Samsung представила новую линейку Android-планшетов: http://droider.ru/post/samsung-predstavila-novuyu-lineyku-android-planshetov-07-01-2014/

[81] Valve представила десяток вариантов Steam Machine от сторонних производителей: http://itc.ua/news/valve-predstavila-desyatok-variantov-steam-machine-ot-storonnih-proizvoditeley/

[82] Tobii и SteelSeries представляют первое в мире массовое окулографическое устройство для геймеров: http://gameinside.ua/?p=56479

[83] Награда выставки за лучшие продукты – краткое описание инноваций: http://www.mobile-review.com/articles/2014/ces-best.shtml

[84] Облачные новинки из Лос-Анджелеса: http://www.computerra.ru/91401/ces-2014-oblachnyie-novinki-iz-los-andzhelesa/

[85] Новые сервисы Yahoo! представлены на CES 2014: http://www.computerra.ru/91412/ces_2014-yahoo-tech-and-food/

[86] Самые крутые новинки CES-2014 в фотографиях: http://slon.ru/future/photo/samye_krutye_novinki_ces_2014_foto-491/photo-1.xhtml

[87] Основные тренды выставки CES 2014: http://itc.ua/articles/osnovnyie-trendyi-vyistavki-ces-2014/

[88] в fashion-индустрии: http://www.dejurka.ru/web-design/fashion-web-design/

[89] с ретро-элементами : http://www.dejurka.ru/web-design/retro-web-design/

[90] сайты креативных агентств: http://www.dejurka.ru/web-design/web-design-studio-websites/

[91] Подборка автомобильных сайтов: http://line25.com/articles/20-automotive-web-designs-all-gearheads-should-see

[92] 15 веб сайтов в стиле комикс: http://ruseller.com/lessons.php?rub=28&id=1941

[93] Сайты, посвященные ювелирным украшениям: http://www.antsmagazine.com/inspiration/25-brilliant-jewellery-website-designs/

[94] Энергичные веб-дизайны спортивных сайтов: http://www.designerledger.com/sports-websites/

[95] Мощный редизайн сайта nytimes.com: http://www.nytimes.com/redesign/

[96] Итоги года для MailChimp в цифрах: http://mailchimp.com/2013/#by-the-numbers

[97] meetyourmx.com: http://meetyourmx.com/

[98] vimeo.com/player: http://vimeo.com/player

[99] Редизайн сайта NYT: 7 главных изменений: http://www.lookatme.ru/mag/industry/industry-lists/199441-redizayn-nyt-5-glavnyh-izmeneniy

[100] Интересные изобретения, полезные дизайнерам, художникам и не только : http://www.dejurka.ru/articless/kickstarter-design-projects/

[101] Большие тренды в веб-дизайне для 2014го: http://www.script-tutorials.com/huge-web-design-trends-for-2014/

[102] Итоги прошлого года от Dribbble (Yearly Replay 2013): http://createsend.com/t/y-4B6F4845147930FF

[103] Сейчас 2014. Мертв ли веб дизайн?: http://www.zeldman.com/2014/01/06/its-2014-is-web-design-dead/

[104] Самые популярные шрифты 2013-го года по версии MyFonts: http://www.myfonts.com/newsletters/sp/201401.html

[105] Лучшие шрифты 2013 по версии typefacts: http://typefacts.com/news/die-besten-fonts-2013

[106] Двадцать самых горячих трендов в веб-дизайне, за которыми стоит следить в 2014 году: http://www.hongkiat.com/blog/web-design-trends-2014/

[107] Лучшие 11 логотипов 2013 за которые голосовали читатели JustCreative: http://justcreative.com/2014/01/05/top-11-logos-of-2013-as-voted-by-you/

[108] Готовы к 2014-му году? Гляньте-ка на последние тренды веб-дизайна: http://www.crazyleafdesign.com/blog/web-design-trends-2014/

[109] Более сотни лучших уроков по Photoshop за 2013 год: http://thedesignblitz.com/best-photoshop-tutorials-year-2013/

[110] Использование психологии цвета для создания эффективной таблицы прайсов: http://www.sitepoint.com/using-color-psychology-create-effective-price-table/

[111] Семь простых ошибок, которые вы, возможно, делаете: http://www.webdesignerdepot.com/2014/01/7-simple-mistakes-youre-probably-making/

[112] Где лучшие дизайнеры берут фото и графику: http://www.sitebuilderreport.com/blog/where-the-best-designers-go-to-find-photos-and-graphics

[113] Оптимизируй процесс создания дизайна: http://blog.teamtreehouse.com/optimize-your-design-process

[114] История создания значка «Made in Britain»: http://www.logodesignlove.com/made-in-britain-logo-by-the-partners

[115] Представлен официальный шрифт олимпийских игр 2016: http://www.webdesignerdepot.com/2014/01/introducing-the-official-font-of-the-2016-olympics/

[116] Минималистические лого для вдохновения: http://webdesignledger.com/inspiration/minimalist-logos-for-your-inspiration

[117] Примеры использования белого текста в веб-дизайне: http://webdesignledger.com/inspiration/13-beautiful-examples-of-white-type-in-web-design

[118] Вводная в понятие Brand Style Guide: http://www.webdesignviews.com/2014/01/brand-style-guide/

[119] Советы по использованию белого фона в веб-дизайнах: http://designmodo.com/white-backgrounds/

[120] Веб-дизайны с темным фоном: http://www.designerledger.com/dark-website-designs/

[121] Самые полезные плагины к Photoshop: http://designmodo.com/photoshop-plugins/

[122] Создание эффекта сияющего текста в Photoshop: http://tutorials-share.com/photoshop/create-a-glowing-text-effect-photoshop-tutorial/

[123] Создание простого типографического портрета в Photoshop: http://tutorials-share.com/photoshop/create-a-easy-typographic-portrait-in-photoshop-tutorial/

[124] Создание сетки-маски в Photoshop/Illustrator: http://www.companyfolders.com/blog/create-clipping-mask-photoshop-illustrator-tutorial

[125] Настройка Photoshop для создания UI мобильного приложения: http://davidmckinney.com/blog/2013/12/31/designing-iphone-apps-how-to-setup-photoshop

[126] Урок по созданию анимации с помощью Timeline в Photoshop-е: http://dandenney.com/posts/front-end-dev/photoshops-timeline-rocks

[127] Использование Smart Objects в Photoshop для создания динамических спрайтов: http://methodandcraft.com/videos/hack-smart-objects-to-create-dynamic-sprites

[128] Mockup-файлы для визиток: http://www.dejurka.ru/graphics/business-cards-mockup/

[129] Оригинальные бесплатные шрифты: http://www.dejurka.ru/graphics/free-fonts-3/

[130] Лучшие бесплатные плюшки для дизайнеров за декабрь: http://speckyboy.com/2014/01/06/best-freebies-designers-december-2013/

[131] PSD шаблоны брошюр: http://blogsizzle.com/templates/brochure-templates-free-psd-download/

[132] Шаблон PSD с дизайном портфолио : https://www.behance.net/gallery/GerduKreatip-Agency-Portfolio-Theme/13457689

[133] Два десятка текстур с облупившейся краской либо поверхностью: http://www.designerledger.com/peeling-paint-textures/

[134] Фото песка в высоком разрешении: http://www.theresasheridan.com/free-high-resolution-sand-textures/

[135] Более трех десятков наборов с иконками с преимущественно плоским дизайном: http://dzineblog.com/2014/01/34-freebie-iconsets-for-designers-and-developers.html

[136] Три десятка свежих наборов с иконками: http://www.onextrapixel.com/2014/01/08/30-beautiful-and-fresh-icon-sets-for-free/

[137] Набор из более сотни контурных иконок в формате AI и PSD (автор: Katarina Stefanikova): http://freebiesbug.com/psd-freebies/144-outline-icons-psd-ai/

[138] Упаковка из семидесяти плоских иконок от Robin Kylander в PSD и PNG форматах: http://enfuzed.com/70-free-vector-icons/

[139] Odin Rounded: http://www.behance.net/gallery/Odin-Rounded-Free-font/13437769

[140] Отборные шрифты для татуировки: http://blogsizzle.com/fonts/tattoo-fonts-free-download/

[141] Космический иконочный шрифт Infinity: http://www.hungarumlaut.com/typefaces/infinity.html

[142] Два с половиной десятка заголовочных шрифтов (жирные шрифты): http://www.antsmagazine.com/fonts/bold-fonts/

[143] 10 лучших HTML5-игр 2013 года: http://www.siliconrus.com/2014/01/html5-games/

[144] Воксельный Марс: http://www.voxelmars.com/#

[145] Photosynth: http://photosynth.net/preview/

[146] Mobile Devices + Twitter Use: https://www.mapbox.com/labs/twitter-gnip/brands/

[147] colAR App: http://colarapp.com/

[148] Симуляция и рендер 262,144 частиц с помощью GLSL: http://hughsk.io/particle-excess-demo/

[149] GLSL-Transition: http://greweb.me/glsl-transition/example/

[150] Как IT-специалисту сохранить свои финансы?: http://habrahabr.ru/post/208226/

[151] Как правильно подписываться в интернете: http://habrahabr.ru/post/208622/

[152] Фантастические сериалы: http://habrahabr.ru/company/mailru/blog/208480/

[153] Valve и ее денежная машина: интервью с Гейбом Ньюэллом: http://www.siliconrus.com/2014/01/valve/

[154] Мемы 2013 г.: http://www.netlore.ru/memes-2013/

[155] Еще технотренды: что год 2014-й нам готовит: http://www.siliconrus.com/2014/01/2014/

[156] Йован Савович (создатель Dirty и Leprosorium): «Проекты должны жить сами по себе»: http://slon.ru/biz/1041525/

[157] Игровые платформы 2013 года: версия Steam: http://itc.ua/articles/igrovyie-platformyi-2013-goda-versiya-steam/

[158] Цукербергу лучше знать: http://lenta.ru/articles/2013/12/31/facepaper/

[159] Skype до сих пор остаётся решетом: http://www.siliconrus.com/2014/01/skype-hack/

[160] 8 необычных способов использования камеры вашего смартфона: http://www.computerra.ru/91466/8-neobyichnyih-sposobov-ispolzovaniya-kameryi-vashego-smartfona/

[161] Падение ВКонтакте: шок, трепет и другая реакция пользователей: http://www.siliconrus.com/2014/01/padenie-vkontakte-shok-trepet-i-drugaya-reaktsiya-polzovateley/

[162] Дайджест за прошлую неделю: http://habrahabr.ru/company/zfort/blog/208148/

[163] dersmoll: http://habrahabr.ru/users/dersmoll/

[164] alekskorovin: http://habrahabr.ru/users/alekskorovin/

[165] Источник: http://habrahabr.ru/post/208752/

Нажмите здесь для печати.