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

---

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

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

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

[1] User Timing API: http://habrahabr.ru/post/210564/

[2] О своем опыте системного подхода к производительности рендеринга DOM: http://habrahabr.ru/post/210558/

[3] Пробуем Audio API на примере написания визуализатора: http://habrahabr.ru/post/210422/

[4] Видеозаписи докладов конференции Happу New Front-End: О фронтенде по-новому: http://habrahabr.ru/company/rootuamedia/blog/210862/

[5] Вышел Bootstrap 3.1.0: http://habrahabr.ru/post/210902/

[6] Bootstrap Upgrader: http://code.divshot.com/bootstrap3_upgrader/

[7] 9 самых распространенных заблуждений о WordPress: http://oddstyle.ru/wordpress-2/stati-wordpress/9-samyx-rasprostranennyx-zabluzhdenij-o-wordpress.html

[8] Server Sent Events: http://www.xiper.net/collect/js-plugins/overclock-site/server-sent-events.html

[9] Потоковая передача данных в стиле gulp для Grunt, или для другого таск-менеджера: http://frontender.info/gulp-piping/

[10] Пишем свой генератор для Yeoman: http://frontender.info/generator-yeoman/

[11] Освоение консоли в Developer Tools: http://blog.teamtreehouse.com/mastering-developer-tools-console

[12] Оптимизация производительности веб-шрифтов : http://www.igvita.com/2014/01/31/optimizing-web-font-rendering-performance/

[13] Оптимизация Front End производительности для мобильных девайсов : http://designshack.net/articles/accessibility/optimising-front-end-performance-for-mobile-devices/

[14] Как использовать элементы Meter и Progress: http://blog.teamtreehouse.com/use-meter-progress-elements

[15] URL Rewriting для начинающих : http://www.addedbytes.com/articles/for-beginners/url-rewriting-for-beginners/

[16] Кнопки Play и Pause для YouTube и Vimeo (с помощью их APIs) : http://css-tricks.com/play-button-youtube-and-vimeo-api/

[17] A Pattern Apart: http://patterns.alistapart.com/

[18] Создание приложений с Angular и Node используя Yeoman: http://tylerhenkel.com/creating-apps-with-angular-and-node-using-yeoman/

[19] Fun: доска обменом сообщениями на NodeJS: http://codevisually.com/fun-simple-wall-messages-nodejs/

[20] Как сделать Favicon: http://blog.teamtreehouse.com/how-to-make-a-favicon

[21] Виды находящиеся под угрозой исчезновения в web-е: изображение: http://christianheilmann.com/2014/01/23/endangered-species-of-the-web-the-image/

[22] Охота за приведениями для Front-end разработчиков: http://addyosmani.com/blog/ghostbusting-for-front-end-developers/

[23] Ход мыслей при решении проблем с Front-end: http://css-tricks.com/thought-process-front-end-problem/

[24] Работа с лимитами выделяемой памяти в мобильных браузерах: http://www.html5rocks.com/en/tutorials/offline/quota-research/

[25] Пять лучших статей на HTML5Hub за 2013 год: http://html5hub.com/the-top-5-html5-hub-articles-in-2013/

[26] Устойчивость к offline и кеширование в веб-разработке: http://www.inserthtml.com/2014/01/applicatin-cache/

[27] Улучшаем производительность главной страницы: убираем изображения (и видео), пять способов: http://blog.pamelafox.org/2014/01/improving-front-page-performance.html

[28] grunt-webshot: https://npmjs.org/package/grunt-webshot

[29] Галерея изображений в стиле карточек Polaroid : http://tympanus.net/codrops/2014/01/28/scattered-polaroids-gallery/

[30] Pointer Events приходит в Blink и Firefox: http://web-standards.ru/news/836/

[31] CSS-свойство will-change ускорит отрисовку: http://web-standards.ru/news/837/

[32] Практическая польза использования CSS Regions: http://flippinawesome.org/2014/01/27/css-regions-matter/

[33] Использование CSS Regions в адаптивных дизайнах : http://flippinawesome.org/2014/01/27/using-css-regions-in-responsive-designs/

[34] Google решил убрать поддержку CSS Regions в Blink/Chrome: http://news.cnet.com/8301-1023_3-57617840-93/reversing-course-google-rejects-adobe-web-publishing-tech/

[35] Как использовать кастомные свойства каскадных переменных в CSS : http://www.vanseodesign.com/css/native-variables/

[36] Параллакс на чистом CSS: http://codepen.io/keithclark/pen/JycFw

[37] Очень простая off-canvas навигация: http://blog.tomri.ch/super-simple-off-canvas-menu-navigation/

[38] Normalize.css обновился до версии 3.0 : http://necolas.github.io/normalize.css/

[39] История о здравомыслии во Front-end: остерегайтесть импортов в Sass : http://blog.teamtreehouse.com/tale-front-end-sanity-beware-sass-import

[40] Текущее поколение CSS3 селекторов : http://www.sitepoint.com/current-generation-css3-selectors/

[41] Sass: Mixin или Placeholder?: http://www.sitepoint.com/sass-mixin-placeholder/

[42] Контейнеры, занимающие всю высоту (или большую) (и не сплющивающиеся): http://css-tricks.com/boxes-fill-height-dont-squish/

[43] Анимированное построение Gameboy: http://codepen.io/heero/pen/wylhv

[44] Кнопка включающая/выключающая меню на чистом CSS: http://www.outofscope.com/css-only-menu-toggle-no-javascript-required/

[45] Статический анализ для CSS: http://flippinawesome.org/2014/01/27/static-analysis-for-css/

[46] Отказываемся от коллбэков: Генераторы в ECMAScript 6: http://habrahabr.ru/post/210330/

[47] Sweet.js: Синтаксические расширения для JavaScript: http://habrahabr.ru/post/210454/

[48] Паттерн JavaScript псевдо-класс (pseudo-classical): http://habrahabr.ru/post/210596/

[49] Генерация деревьев на HTML5 Canvas: http://habrahabr.ru/post/210614/

[50] Деревья принятия решений на JavaScript: http://habrahabr.ru/post/208952/

[51] Вам может не понадобиться jQuery: http://youmightnotneedjquery.com/

[52] Почему jQuery является самой популярной JavaScript библиотекой : http://blog.teamtreehouse.com/jquery-popular-javascript-library

[53] SVGMagic: http://svgmagic.bitlabs.nl/

[54] PSD Parser на JavaScript: http://maxogden.github.io/psd.js/

[55] Руководство по созданию вашего первого приложения на Ember.js: http://www.toptal.com/javascript/a-step-by-step-guide-to-building-your-first-ember-js-app

[56] Семь вещей, которые вы должны знать о Web Workers: http://www.developer.com/lang/jscript/7-things-you-need-to-know-about-web-workers.html

[57] AngularJS SEO: https://coderwall.com/p/vqpfka

[58] Angular Foundation: http://madmimi.github.io/angular-foundation/

[59] Внедрение Angular в физический мир: http://www.ng-newsletter.com/posts/embedded-angular.html

[60] scrollReveal.js: http://julianlloyd.me/scrollreveal/

[61] Glide: http://codingbean.github.io/Glide/

[62] ScrollStory: https://github.com/sjwilliams/scrollstory

[63] Tether: http://github.hubspot.com/tether/

[64] promisesjs.org: http://www.promisejs.org/intro/

[65] Искусство работы с ошибками: http://dailyjs.com/2014/01/30/exception-error/

[66] Создание современных UI с knockout.js: http://programming.oreilly.com/2014/01/building-rich-web-uis-with-knockout-js.html?cmp=tw-prog-na-article-cmkt_prog_tweet

[67] Определение возможностей браузера с помощью CSS At-Rules: http://ryanmorr.com/feature-testing-css-at-rules/

[68] JavaScriptOO.com: https://hacks.mozilla.org/2014/01/javascriptoo-com-to-find-what-meets-your-javascript-needs/

[69] React.js на чистом JS: http://www.webdesignporto.com/react-js-in-pure-javascript-facebook-library/

[70] Идеальное сочетание: jQuery плагин Adaptive Backgrounds, добавляющий авто-магией нужный цвет фона для изображений вашего сайта: http://www.noupe.com/javascript/perfect-match-adaptive-backgrounds-for-jquery-colors-your-website-automagically-80623.html

[71] fit.js: http://soulwire.github.io/fit.js/

[72] sitespeed.io: http://www.sitespeed.io/

[73] Подборка из четырех десятков онлайн-инструментов для веб-разработчиков: http://speckyboy.com/2014/01/30/40-tiny-web-based-apps-tools-web-designers/

[74] my-mind.github.io: http://my-mind.github.io/

[75] Galileo: http://jacksongariety.github.io/Galileo/

[76] Tables Generator: http://www.tablesgenerator.com/markdown_tables

[77] Samsung и Google заключили соглашение по патентам: http://habrahabr.ru/post/210464/

[78] Microsoft планирует замнить SkyDrive на OneDrive: http://habrahabr.ru/post/210496/

[79] намерена изменить название офисных веб-служб на Office Online: http://www.3dnews.ru/798858/

[80] АНБ использовало Angry Birds и другие приложения для сбора персональных данных: http://habrahabr.ru/company/apps4all/blog/210598/

[81] Google продает Motorola Mobility компании Lenovo: http://habrahabr.ru/post/210788/

[82] факты, последствия, анализ: http://mobile-review.com/articles/2014/lenovo-motorola.shtml

[83] причины, подробности, последствия: http://www.siliconrus.com/2014/01/motorola-to-lenovo/

[84] Последствия поглощения Motorola Mobility альянсом IBM-Lenovo: http://habrahabr.ru/post/211008/

[85] Сделка Google и Lenovo укрепляет экосистему Android: http://habrahabr.ru/post/210872/

[86] Корейцы вкладывают 1,5 миллиарда долларов в 5G: http://www.youhtc.ru/2014/01/korejcy-vkladyvayut-15-milliarda-dollarov-v-5g/

[87] В основе COS лежит Android: http://www.youhtc.ru/2014/01/v-osnove-cos-lezhit-android/

[88] Руководитель Bitcoin-стартапа Чарли Шрем арестован в Нью-Йорке: http://ria.ru/world/20140127/991638281.html

[89] Мавроди сообщил о введении собственного аналога биткоина: http://www.gazeta.ru/business/news/2014/01/30/n_5913397.shtml

[90] Поиск Яндекса отдаст предпочтение страницам, не содержащим шокирующей рекламы: http://www.searchengines.ru/news/archives/poisk_yandeksa_pages_ad.html

[91] Google и Samsung договорились почистить Android: http://www.siliconrus.com/2014/02/google-samsung/

[92] В 2013 году Android-смартфоны заняли почти 80% рынка: http://itc.ua/news/v-2013-godu-android-smartfonyi-zanyali-pochti-80-ryinka/

[93] Следующим CEO Microsoft станет Сатья Наделла: http://www.siliconrus.com/2014/01/sleduyushhim-ceo-microsoft-stanet-satya-nadella/

[94] 17% выпущенных в 2013 году чипов приходится на Samsung и Apple: http://www.3dnews.ru/798234/

[95] Миллиард смартфонов в год: http://keddr.com/2014/01/milliard-smartfonov-v-god/

[96] Чистая прибыль Google выросла на 22% по итогам 2013 года: http://www.searchengines.ru/news/archives/chistaya_pribyl_goog_3.html

[97] Apple побила рекорды по продажам смартфонов: http://www.cossa.ru/news/244/62141/

[98] Годовая прибыль Amazon увеличилась в семь раз: http://www.3dnews.ru/799867/

[99] Google покупает компанию DeepMind: http://www.3dnews.ru/798385/

[100] Yahoo! приобрела разработчика персонального ассистента Donna: http://www.3dnews.ru/800146/

[101] Facebook нанял редакторов для Paper: http://www.searchengines.ru/news/archives/facebook_nanyal.html

[102] Плагин для смягчения громких заголовков новостей: http://habrahabr.ru/post/210484/

[103] Вышла Opera 19: http://habrahabr.ru/company/opera/blog/210588/

[104] Google предоставил инструмент для переноса приложений Chrome на Android: http://habrahabr.ru/post/210854/

[105] Что ваш браузер знает о вас?: http://www.siliconrus.com/2014/01/browser/

[106] Портирование новых версии Opera для Linux остановлено и признано нецелесообразным: http://www.opennet.ru/opennews/art.shtml?num=38946

[107] Принято решение по интеграции нового интерфейса Australis в Aurora-ветку Firefox 29: http://www.opennet.ru/opennews/art.shtml?num=38981

[108] Встречаем Рамблер-Браузер (бета): http://my-chrome.ru/2014/01/rambler-tipa-browser/

[109] RethinkIE: http://www.rethinkie.com/

[110] Chrome может вскоре получить встроенный поиск «OK Google»: http://www.3dnews.ru/798043/

[111] позволяющее активировать голосовой поиск командой «OK Google»: http://itc.ua/news/vyishlo-rasshirenie-chrome-pozvolyayushhee-aktivirovat-golosovoy-poisk-komandoy-ok-google/

[112] Android и iOS обзаведутся поддержкой приложений в браузере Chrome : http://keddr.com/2014/01/android-i-ios-obzavedutsya-podderzhkoy-prilozheniy-v-brauzere-chrome/

[113] Браузерные войны возвращаются : http://www.mikeroshuk.com/the-internet-browser-series/

[114] В некоторых случаях экономически выгоднее подарить каждому своему пользователю компьютер поновее, чем поддерживать IE7 на своем сайте: http://www.nursingjobs.us/blog/ie7-users-we-need-to-talk/

[115] Инь и Янь в веб-дизайне: черно-белые сайты: http://www.onextrapixel.com/2014/01/30/the-yin-and-yang-of-web-design-pure-black-white/

[116] 20 примеров одностраничных сайтов : http://www.dejurka.ru/web-design/single-page-websites/

[117] Сайты в лиловых тонах : http://www.dejurka.ru/web-design/purple-websites/

[118] fillet.com.br: http://www.fillet.com.br/

[119] Lonitoy: http://www.lonitoy.com/

[120] northside.dk: http://www.northside.dk/

[121] theconference.se: http://www.theconference.se/

[122] ManuelRueda: http://www.manuel-rueda.com/

[123] brightmedia.pl: http://brightmedia.pl/?lang=en&site=intro

[124] babadum.com: http://babadum.com/

[125] getsooshi.com: http://www.getsooshi.com/

[126] ambercreative.co/experiments/apple-store/: http://ambercreative.co/experiments/apple-store/

[127] Каково на самом деле быть дальтоником, и как делать дизайн для них: http://www.lookatme.ru/mag/inspiration/neiaglov/199931-colors

[128] Вязаный текст в Adobe Illustrator: http://www.dejurka.ru/tutorial/knittedtexteffect/

[129] Больше чем просто типографика: http://www.dejurka.ru/graphics/more-than-typography/

[130] Винтажный текстовый эффект в Adobe Photoshop: http://www.dejurka.ru/tutorial/vintagetiles/

[131] Как цвета получили свои названия: http://gizmodo.com/how-the-colors-got-their-names-1510522700

[132] Десять заповедей типографики: http://www.creativebloq.com/typography/commandments-11410425

[133] Как создать эффект логотипа нарисованного мелом на доске в Photoshop-е: http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-create-a-chalk-logo-effect-in-photoshop/

[134] Полное руководство по работе с видео в Photoshop – 3D Animations: http://psd.tutsplus.com/tutorials/tools-tips/comprehensive-guide-to-working-with-video-in-photoshop-3d-animations/

[135] Создание бесшовной трехмерной геометрической текстуры в Photoshop-е: http://psd.tutsplus.com/tutorials/designing-tutorials/seamless-3d-geometric-pattern/

[136] Уроки по работе с текстурами и фонами в фотошопе: http://vandelaydesign.com/blog/design/photoshop-tutorials-textures/

[137] Прагматичные техники для улучшения UX и создания более продуманных сайтов: http://uxdesign.smashingmagazine.com/2014/01/27/pragmatic-ux-techniques-for-smarter-websites/

[138] Новый дизайн приложения Dark Sky: http://blog.forecast.io/the-new-dark-sky/

[139] Honest Slogans: http://honestslogans.com/

[140] Гайдлайны всех крупных ресурсов: http://findguidelin.es/

[141] Примеры веб-дизайна с иллюстрациями и нарисованными от руки элементами: http://webdesignledger.com/inspiration/13-examples-of-illustrations-and-hand-drawn-elements-in-web-design

[142] Как обуздать силу хорошо кадрированных изображений: http://www.webdesignerdepot.com/2014/01/how-to-harness-the-power-of-a-well-cropped-photo/

[143] Лучшие гаджеты для дизайнеров: http://webdesignledger.com/tips/top-gadgets-for-designers

[144] Очки созданные под впечатлением от начертания букв для нердов — любителей типографики: http://www.webdesignerdepot.com/2014/01/type-inspired-glasses-for-font-nerds/

[145] Список ресурсов с качественными изображениями: https://medium.com/p/62ae4bcbe01b

[146] Двадцать пять сайтов, где можно найти бесплатные изображения: http://www.syntaxxx.com/25-sites-to-get-free-images/

[147] Splitshire: еще больше бесплатных фото для коммерческого использования: http://www.noupe.com/freebie/splitshire-even-more-free-stock-photos-for-commercial-use-80597.html

[148] Twitter GUI PSD: http://dribbble.com/shots/1384278-Freebie-Twitter-GUI-PSD-New-home-template

[149] Чертова дюжина огненных кистей для Photoshop за твит: http://www.youthedesigner.com/2014/01/27/13-free-photoshop-fire-brushes/

[150] Два с половиной десятка шаблонов сайтов в PSD формате: http://dzineblog.com/2014/01/25-downloadable-psd-website-mockups.html

[151] Низкополигональные фоны в PSD формате: http://www.webdesignerdepot.com/2014/01/free-download-awesome-low-poly-psd-backgrounds/

[152] Контурные изображения устройств Apple в PSD формате: http://www.pixeden.com/psd-web-elements/vector-apple-outline-device-psd

[153] Набор с UI элементами посвященными недвижимости/резервированию: http://dribbble.com/shots/1373079-Free-UI-Kit-PSD-Real-Estate-Booking

[154] Пять качественных наборов PSD с контурными иконками: http://dotbuffer.com/5-high-quality-free-psd-icon-sets/

[155] Бесплатный векторный огонь : http://www.dejurka.ru/graphics/free-vector-fire/

[156] Более сотни текстур и паттернов: http://www.sanwebe.com/2014/01/free-background-textures-patterns-for-websites

[157] Шесть круглых фото-реалистичных иконок: http://dribbble.com/shots/1385178-FREEBIE-6-Round-Icons

[158] Free Flat Icons 2: http://dribbble.com/shots/1380706-Free-Flat-Icons-2

[159] Набор контурных иконок 99 beans: http://dribbble.com/shots/1370290-99-beans

[160] Набор иконок Flat Social Icons: http://www.webdesignviews.com/2014/01/freebie-flat-social-media-icons-pack/

[161] Margot: http://www.behance.net/gallery/Margot-Free-Font/13819879

[162] ADAM: https://www.behance.net/gallery/ADAM-Free-Typeface/13756975

[163] Пятничные шрифты #8: от Quirky Nots до V.GER Grotesque: http://www.webdesignerhub.com/free-fonts-friday-8/

[164] Четыре десятка свежих шрифтов: http://speckyboy.com/2014/01/27/40-recently-released-free-fonts/

[165] Постройте из LEGO сооружение своей мечты прямо в Google Chrome: http://habrahabr.ru/post/210696/

[166] Видео с вашей веб-камеры на виртуальной шторе: http://www.curtainme.cu.cc/

[167] Новостийное приложение Paper от Facebook: https://www.facebook.com/paper

[168] Что «Злые птички» напели АНБ (и кто ещё «стучит» с вашего смартфона)?: http://www.computerra.ru/92811/nsa-and-angry-birds/

[169] Самые влиятельные персоны в игровой индустрии СНГ: http://kanobu.ru/special/top20-ex-ussr/#preface

[170] Искусственные нейроны помогут создать первый компьютерный мозг: http://naked-science.ru/article/sci/iskusstvennye-neirony-pomogut

[171] Проморолик с Ван Даммом принес Volvo $170 млн : http://adindex.ru/news/offtop/2014/01/29/106183.phtml

[172] «Где диавол с Богом борется»: http://lenta.ru/articles/2014/01/24/sochurchmuchgod/

[173] Стыдно ли быть эсэмэмщиком?: http://www.cossa.ru/articles/152/62226/

[174] Видео: 3D-голограмма премьера Турции выступила перед сторонниками: http://slon.ru/fast/world/video-3d-gologramma-premera-turtsii-vystupila-pered-storonnikami-1049106.xhtml

[175] Глава «Одноклассников» может заменить Павла Дурова на посту гендиректора «Вконтакте»: http://ain.ua/2014/01/30/511039

[176] Что будет с доменами .COM: http://www.siliconrus.com/2014/01/chto-budet-s-domenami-com/

[177] GuessHub: http://guesshub.io/level/1

[178] dogeweather.com/: http://dogeweather.com/

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

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

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

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

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