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

---

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

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

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

[1] Gulp — как глоток свежего воздуха после Grunt: http://frontender.info/no-need-to-grunt-take-a-gulp-of-fresh-air/

[2] RAD-js: http://rad-js.com/ru/

[3] Фронтенд Средиземья: часть первая (перевод) : http://frontender.info/hobbit-webgl/

[4] Первый взгляд на Web Хранилище в HTML5: http://ruseller.com/lessons.php?rub=1&id=1950

[5] ID не сделают ваш документ более семантическим: http://css-live.ru/articles/id-ne-sdelayut-vash-dokument-bolee-semanticheskim.html

[6] Блоки — как кирпичики, бандлы — как дома: http://varya.me/ru/issues/blocks-and-bundles/

[7] Отдел вёрстки с нуля: http://tohtml.it/post/72875975026

[8] Компилятор Sass запустили в браузере: http://web-standards.ru/news/834/

[9] pngquant: http://habrahabr.ru/post/208964/

[10] Сравнение 18 программ по оптимизации изображений: http://www.creativebloq.com/design/image-compression-tools-1132865

[11] Разрушение мифов: CSS Animations vs. JavaScript : http://css-tricks.com/myth-busting-css-animations-vs-javascript/

[12] Ломаем миф о разрушении мифа на тему сравнения работы анимации в CSS и JavaScript : http://christianheilmann.com/2014/01/13/myth-busting-mythbusted/

[13] Пуленепробиваемые доступные иконочные шрифты : http://filamentgroup.com/lab/bulletproof_icon_fonts/

[14] Как создать веб-шрифт используя код : http://www.creativebloq.com/netmag/how-create-web-fonts-using-code-11410339

[15] 5 лучших веб инструментов по мнению «элитных» авторов с Themeforest : http://speckyboy.com/2014/01/08/20-elite-themeforest-authors-reveal-5-favourite-web-design-tools/

[16] Понятие «PSD to HTML» умерло : http://blog.teamtreehouse.com/psd-to-html-is-dead

[17] Когда стоит использовать target=”_blank” : http://css-tricks.com/use-target_blank/

[18] Синтаксис против смысла: http://css-tricks.com/syntax-vs-spirit/

[19] Подход к дизайну веб контента может измениться: http://www.newfangled.com/the_way_you_design_web_content_is_about_to_change

[20] Фрагментация Andorid: продолжающаяся история: http://www.hongkiat.com/blog/android-fragmentation/

[21] Принимаем голосовой ввод данных в HTML5 формах: http://blog.teamtreehouse.com/accepting-speech-input-html5-forms

[22] 10 тэгов HTML, которые вы, возможно, не используете: http://www.sitepoint.com/10-html-tags-not-using/

[23] За пределами Bootstrap и Foundation: фреймворки, о которых вы никогда не слышали: http://www.sitepoint.com/beyond-bootstrap-foundation-frameworks-never-heard/

[24] Руководство для начинающих по использованию Grunt с Magento: http://www.gpmd.co.uk/blog/a-beginners-guide-to-using-grunt-with-magento/

[25] Десять простых и легких способов уменшить вес страницы: http://www.sitepoint.com/ten-quick-fixes-reduce-page-weight/

[26] Небольшая одержимость скоростью загрузки страницы : http://flippinawesome.org/2014/01/13/a-slight-obsession-over-page-speed/

[27] Делаем веб слаще с Food Network и пирожным: http://blogs.adobe.com/webplatform/2014/01/16/making-the-web-sweeter/

[28] Book Preview — клевый эффект для создания превью книг : http://tympanus.net/Development/BookPreview/

[29] Трюки с CSS-анимациями: мгновенные изменения, отрицательные задержки, анимация transform-origin и другоеперевод: http://habrahabr.ru/company/nordavind/blog/209462/

[30] hover.css: анимация для ваших кнопок: http://ruseller.com/lessons.php?rub=2&id=1948

[31] CSS Level 4 и еще: чего ожидать в 2014м : http://demosthenes.info/blog/814/CSS-Level-4-And-More-Whats-Coming-In-2014

[32] Bootstrap-Sass: официальный порт Bootstrap на Sass: https://github.com/twbs/bootstrap-sass

[33] Введение в CSS 3D transforms: http://desandro.github.io/3dtransforms/

[34] Выборка по юзер-агенту с помощью CSS : http://rog.ie/blog/html5-boilerplate-addon

[35] Перезапуск CSS анимации : http://www.paulund.co.uk/restart-css-animation

[36] Адаптируйте ваши стили не только к размерам экрана, но и к уровню освещенности окружения : http://girliemac.com/blog/2014/01/12/luminosity/

[37] По следам статьи о достижении производительности 60fps для скроллинга : http://www.thecssninja.com/javascript/follow-up-60fps-scroll

[38] Комментарий одной строки (//) в CSS : http://www.xanthir.com/b4U10

[39] И опять про вертикальное центрирование с помощью CSS : http://davidwalsh.name/css-vertical-center

[40] Вертикальное выравнивание с помощью CSS с помощью 3-х строк кода (IE9+): http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/

[41] 6 причин, по которым я люблю Sass: http://flippinawesome.org/2014/01/13/six-reasons-why-i-love-sass/

[42] Эффект набора печатного текста с помощью CSS : http://www.paulund.co.uk/create-typing-effect

[43] Анимация CSS Shapes с помощью CSS Animations & Transitions: http://sarasoueidan.com/blog/animating-css-shapes/

[44] Делаем CSS-сетку с помощью calc() : http://zerosixthree.se/create-css-grid-using-calc/

[45] Базовое введение в переменные в CSS, которые уже доступны в webkit-браузерах: http://www.developerdrive.com/2014/01/introducing-css-variables/

[46] Что не в порядке с CSS Box Model, и как это исправить: http://pressupinc.com/blog/2014/01/whats-wrong-css-box-model-fix/

[47] Входы и выходы из CSS сеток: http://www.webdesignviews.com/2014/01/css-grids/

[48] Быстрая настройка и простая поддержка NodeJS приложения: http://tohtml.it/post/73123118833/nodejs

[49] Перевод книги Эдди Османи «Паттерны для масштабируемых JavaScript-приложений»: http://habrahabr.ru/post/209424/

[50] Будущее JavaScript MVC фреймворков (перевод): http://habrahabr.ru/post/208978/

[51] О создании улучшенной JavaScript-библиотеки для работы с DOM: http://habrahabr.ru/post/209140/

[52] Сode Сombat — Учитесь кодить на JavaScript играя в игру: http://codecombat.com/#

[53] Итоги прошлого года и планы jQuery на 2014й: http://blog.jquery.com/2014/01/13/the-state-of-jquery-2014/

[54] The jQuery Foundation и стандарты: http://blog.jquery.com/2014/01/15/the-jquery-foundation-and-standards/

[55] Планы на будущее для Node.js: http://blog.nodejs.org/2014/01/16/nodejs-road-ahead/

[56] Эксперимент по портированию WebKit на JavaScript : https://github.com/trevorlinton/webkit.js

[57] Еще 4 хака, которые сделают ваш JS быстрее: https://medium.com/cool-code-pal/1f5fd88a219e

[58] критика этой статьи: http://akhikhl.wordpress.com/2014/01/12/critique-on-4-more-javascript-hacks-to-make-your-javascript-faster/

[59] Создание игры с голосованием по картинкам с помощью Node.js (часть 1) : http://tutorialzine.com/2014/01/nodejs-picture-voting-game-part-1/

[60] grasp: http://graspjs.com/

[61] О понятиях: Callbacks, Promises, Signals, Events: http://blog.millermedeiros.com/callbacks-promises-signals-and-events/

[62] Декларативная графика: http://dailyjs.com/2014/01/16/declarative-graphics/

[63] Что такое ненавязчивый JavaScript и почему он так важен?: http://blog.teamtreehouse.com/unobtrusive-javascript-important

[64] Responsive Javascript: http://www.responsivejavascript.com/

[65] Урок: контекст или что такое «this» в JavaScript: https://thenewcircle.com/s/post/1564/context_or_the_this_keyword_in_javascript_tutorial

[66] Инструмент для визуализации и экспериментов со связями между объектами в JavaScript : http://www.objectplayground.com/

[67] Schema-inspector: http://atinux.github.io/schema-inspector/

[68] Манипулируем css-классами используя classList API: http://blog.teamtreehouse.com/manipulating-classes-using-classlist-api

[69] AngularJS не так плох: http://www.raymondcamden.com/index.cfm/2014/1/14/AngularJS-Doesnt-Suck

[70] (часть 1): http://www.sitepoint.com/practical-guide-angularjs-directives/

[71] (часть 2): http://www.sitepoint.com/practical-guide-angularjs-directives-part-two/

[72] Ember.js — тестирование: http://net.tutsplus.com/tutorials/javascript-ajax/ember-js-testing/

[73] Основы работы с Kendo UI и MVVM: http://www.kendoui.com/blogs/teamblog/posts/14-01-14/getting-started-with-kendo-ui-and-mvvm.aspx

[74] JavaScript анимация которая работает (часть 1 из 4): http://net.tutsplus.com/tutorials/javascript-ajax/javascript-animation-that-works-part-1-of-4/

[75] node-jscs: https://github.com/mdevils/node-jscs/

[76] iScroll: http://iscrolljs.com/

[77] Обзор бесплатных сервисов для веб-разработки: http://habrahabr.ru/post/209258/

[78] сервис для конвертации png, jpg, gif или svg в оптимизированный base64 код: http://b64.io/

[79] dploy.io: http://dploy.io/

[80] Облачная платформа Яндекса. Cocaine: http://habrahabr.ru/company/yandex/blog/209324/

[81] Яндекс научился искать по Фейсбуку: http://habrahabr.ru/company/yandex/blog/209020/

[82] Фейсбук будет показывать популярные темы: http://www.siliconrus.com/2014/01/facebook-trends/

[83] Google показал динамику популярности музыкальных направлений за последние 64 года: http://habrahabr.ru/post/209458/

[84] Google покупает производителя умной бытовой техники Nest за $3,2 млрд: http://ain.ua/2014/01/14/508476

[85] Хищные вещи века, или Зачем Google купила Nest Labs?: http://www.computerra.ru/91693/google-nest/

[86] Как и для чего Google приобрела Nest?: http://www.3dnews.ru/795745

[87] comScore: доля поисковых запросов к Bing за год выросла на 12%: http://www.searchengines.ru/news/archives/comscore_dolya_bing.html

[88] От 3 до 7. Украинский парламент жестко урегулировал весь интернет: http://www.siliconrus.com/2014/01/kolisnichenko-bans-the-web/

[89] Google разрабатывает новый API Fitness для Android: http://itc.ua/news/google-razrabatyivaet-novyiy-api-fitness-dlya-android/

[90] Когда и какой будет Windows 9: http://www.siliconrus.com/2014/01/windows-9/

[91] Android 4.4 KitKat установлена лишь на 1,4% мобильных устройств: http://itc.ua/news/android-4-4-kitkat-ustanovlena-lish-na-1-4-mobilnyih-ustroystv/

[92] Бойтесь гугловцев, дары приносящих! : http://keddr.com/2014/01/boytes-guglovtsev-daryi-prinosyashhih/

[93] Radionomy подтвердила покупку Winamp: http://itc.ua/news/radionomy-podtverdila-pokupku-winamp-i-zayavila-o-namerenii-vyipustit-novyie-prilozheniya-dlya-ios-i-android/

[94] Саша Грей может засудить Telegram за использование её образа: http://www.siliconrus.com/2014/01/telegram-sasha-grey/

[95] АНБ внедряет «жучки» в компьютеры для секретной беспроводной передачи данных: http://www.computerra.ru/91818/anb-vnedryaet-zhuchki-v-kompyuteryi-dlya-sekretnoy-besprovodnoy-peredachi-dannyih/

[96] RoboEarth – проект по созданию единого «мозгового центра» для роботов: http://itc.ua/news/roboearth-proekt-po-sozdaniyu-edinogo-mozgovogo-tsentra-dlya-robotov/

[97] IBM в 21-й раз подряд стала лидером по количеству полученных в США патентов: http://www.3dnews.ru/795095/

[98] Поиск по картинкам Google оповестит о правах на использование изображений: http://www.searchengines.ru/news/archives/poisk_po_kartin_google.html

[99] Google упростила поиск изображений с учетом условий лицензирования: http://www.3dnews.ru/795040/

[100] Vimeo увеличивает скорость своих видео и переходит на HTML5 по-умолчанию: http://news.cnet.com/8301-17939_109-57616770-2/vimeo-speeds-its-online-videos-goes-html5-by-default/#TW01072014

[101] Выпуск web-браузера Chrome 32: http://www.opennet.ru/opennews/art.shtml?num=38856

[102] Вышел Google Chrome 32 для Android с поддержкой сжатия трафика: http://www.youhtc.ru/2014/01/vyshel-google-chrome-32-dlya-android-s-podderzhkoj-szhatiya-trafika/

[103] Релиз web-браузера Rekonq 2.4.2, развиваемого проектом KDE: http://www.opennet.ru/opennews/art.shtml?num=38836

[104] В Chrome теперь можно быстро вычислять «кричащие» вкладки: http://ain.ua/2014/01/16/508683

[105] Chrome 33 Beta: кастомные элементы, Web Speech и кое-что: http://blog.chromium.org/2014/01/chrome-33-beta-custom-elements-web.html

[106] Любуемся растущим тредом в багтрекере с множеством скриншотов: https://code.google.com/p/chromium/issues/detail?id=332958

[107] Делим сайты пополам : http://www.dejurka.ru/web-design/split-web-design/

[108] Веб-дизайн в плоском варианте: http://www.dejurka.ru/web-design/flat-webdesign/

[109] Подборка сайтов, посвященных дизайнерским конференциям: http://line25.com/articles/the-best-web-designs-of-2014-design-conferences

[110] lamoulade.com: http://lamoulade.com/#!/home

[111] Подборка сайтов с креативной навигацией: http://www.webdesignviews.com/2014/01/inspirational-website-navigation/

[112] Сайты, в которых используется видео в качестве фона шапки (header-а): http://www.hongkiat.com/blog/big-video-headers-websites/

[113] Два десятка игровых сайтов на HTML5 : http://www.onextrapixel.com/2014/01/13/20-simple-html5-website-games-for-you-to-challenge-yourself/

[114] Страница от Sony с клевым эффектом параллакса: http://discover.store.sony.com/be-moved/

[115] Geox Amphibiox: http://amphibiox.geox.com/amphibiox2013/en_GB/home

[116] Nitrocharge Your Game: http://www.creativebloq.com/web-design/adidas-voted-best-site-11410375

[117] hugeinc.com: http://www.hugeinc.com/

[118] Как улучшить мобильную версию сайта. Рекомендации и видеосоветы: http://habrahabr.ru/company/google/blog/208488/

[119] Проектирование графического интерфейса пользователяиз песочницы: http://habrahabr.ru/post/208966/

[120] Галочки — проект дизайн бюро Артема Горбунова: http://artgorbunov.ru/ru/projects/galochki/

[121] Создаем реалистичные тени в Photoshop CC : http://www.dejurka.ru/tutorial/realistic-shadows-photoshop-cc/

[122] Сайты, на которых легко дышится: http://www.dejurka.ru/web-design/white-space-web-design/

[123] Вдохновляющие примеры использования свободного пространства в веб-дизайне: http://webdesignledger.com/inspiration/13-inspiring-examples-of-whitespace-in-web-design

[124] О современной масштабируемой веб-типографике: http://typecast.com/blog/a-more-modern-scale-for-web-typography

[125] Тренды веб-дизайна в 2014: http://webdesignledger.com/trends-2/web-design-trends-for-2014

[126] Семь трендов веб-дизайна которые вы увидите в этом году (и как пережить эти перемены) : http://www.webdesignerdepot.com/2014/01/7-web-design-trends-youll-actually-see-this-year-and-how-to-survive-them/

[127] 2014 выглядит много-обещающим для профессиональных дизайнеров, и вот почему (инфографика): http://davidwalsh.name/2014-designer

[128] Вдохновляемся прекрасным дизайном упаковок и этикеток: http://webdesignledger.com/inspiration/inspiration-from-beautifully-designed-packages-labels

[129] Чем Tublr привлекает новых пользователей: http://www.useronboard.com/how-tumblr-onboards-new-users/

[130] Китайские паттерны веб-дизайн: как и почему они отличаются от традиционных (Chui Chui Tan): http://www.slideshare.net/cxpartners/chinese-web-design-patterns-how-and-why-theyre-different

[131] Adobe выпустит крупное обновление Creative Cloud: http://www.webdesignerdepot.com/2014/01/adobe-release-major-creative-cloud-update/

[132] Adobe Creative Cloud — платформа для инноваций: http://blogs.adobe.com/creativelayer/adobe-creative-cloud-a-platform-for-innovation/

[133] В Adobe Photoshop CC добавлен инструмент работы с перспективой: http://itc.ua/news/v-adobe-photoshop-cc-dobavlen-instrument-rabotyi-s-perspektivoy/

[134] Экспериментирование в залинкованными Smart Objects представленными в Photoshop CC: http://bjango.com/articles/linkedsmartobjects/

[135] Очередная версия редизайна посадочного талона: http://petesmart.co.uk/rethink-the-airline-boarding-pass/

[136] Преобразовываем PSD: фото-реалистичный дизайн превращается в плоский с помощью skeuomorphism.it (плагина к Photoshop): http://www.hongkiat.com/blog/skeuomorphic-to-flat-plugin/

[137] Мерзкие иконки: http://www.nastyicons.com/

[138] Фотореалистичные иконки для вдохновения: http://www.splashnology.com/article/new-icon-designs/11425/

[139] Логотипы в которых используется изображение конверта: http://www.hongkiat.com/blog/email-logo-designs/

[140] Cutting Edge Logos: http://cuttingedgelogos.tumblr.com/

[141] Создание типографики с фоновыми текстурами в Photoshop: http://www.sitepoint.com/creating-textured-typography-using-photoshop/

[142] Проекты посвященные каллиграфии и типографике: http://www.webdesignerdepot.com/2014/01/12-inspirational-hand-lettering-projects/

[143] Десять самых популярных шрифтов 2013 по версии Jeremiah Shoaf: http://www.typeandgrids.com/blog/the-ten-most-popular-web-fonts-of-2013

[144] Дискретные и узорчатые кисти для иллюстратора : http://www.dejurka.ru/graphics/illustrator-scatter-brushes/

[145] Десятка лучших мест где можно будет найти бесплатные материалы в 2014: http://inspiredm.com/top-10-places-find-free-design-resources-2014/

[146] Плоские мокапы Apple-устройств: http://graphicburger.com/flat-apple-devices-mockup/

[147] Пять ретро-бейджиков (PSD): http://www.webdesignerhub.com/5-free-retro-badges-psd/

[148] Упаковка с перфорированными текстурами: http://blog.spoongraphics.co.uk/freebies/free-pack-of-12-distressed-halftone-pattern-textures

[149] The Amazing Pattern Library: http://thepatternlibrary.com/

[150] Бесплатные ретро-иконки: http://www.dejurka.ru/graphics/retro-vintage-icons/

[151] 2,800 бесплатных иконок в формате PNG, лицензия предполагает размещение ссылки на авторский сайт: http://www.noupe.com/tools/brandnew-app-for-mac-os-2800-free-icons-for-designers-80516.html

[152] Наборы с иконками выполненными в стиле минимализм: http://www.webresourcesdepot.com/free-minimalist-icons/

[153] Более десятка наборов с социальными иконками: http://www.creativebloq.com/web-design/free-social-media-icons-11410370#comments-list

[154] Шесть десятков плоских и круглых иконок посвщенных досугу: http://roundicons.com/free-icons/

[155] Около пятидесяти контурных иконок: http://dribbble.com/shots/1368416-48-Free-Icons-Get-them

[156] Подборка кириллических шрифтов: http://www.dejurka.ru/graphics/free-cyrillic-fonts/

[157] Пятничные шрифты #6: от Fenix до Regular Dense: http://www.webdesignerhub.com/free-fonts-friday-6/

[158] Девять декоративных и стильных шрифтов: от Fat до Nougat: http://www.webdesignfact.com/2014/01/free-stylish-fonts.html

[159] Homizio Nova: http://atfg.co/font/homizio-nova

[160] Bebas Neue: http://fontfabric.com/bebas-neue/

[161] Fancy Me: http://coloursandbeyond.com/introducing-my-first-font/

[162] WebGL Эксперимент + Google Analytics + Leap Motion: http://habrahabr.ru/post/208960/

[163] Дарт Вейдер с помощью CSS3-теней: http://codepen.io/godisacoder/pen/Cykpb

[164] Глитч-эффект для текста с помощью CSS-анимации: http://codepen.io/lbebber/pen/ypgql

[165] Windows 3.1 на JavaScript/HTML: http://www.michaelv.org/

[166] Подмена лица: http://auduno.github.io/clmtrackr/examples/facesubstitution.html

[167] Демонстрация responsive дизайна: http://responsivememe.webflow.com/

[168] Назад в прошлое — CES за последние 30 лет: http://habrahabr.ru/company/telebreeze/blog/209142/

[169] Странные гаджеты на CES-2014: http://www.siliconrus.com/2014/01/ces-2014/

[170] Сказ о чипах: чему CES научила нас о технике, ПО и услугах: http://inoblogger.ru/2014/01/14/tales-chips/

[171] Итоги CES 2014: смартфоны: http://4pda.ru/2014/01/14/135055/

[172] Итоги CES 2014: гаджеты и аксессуары: http://4pda.ru/2014/01/14/134967/

[173] 5 худших анонсов выставки CES 2014: http://gagadget.com/other/2014-01-14-5-hudshih-anonsov-vyistavki-ces-2014/

[174] Большое тестирование батареек: http://habrahabr.ru/post/209136/

[175] Топ 20 событий 2013 года по версии Computerra: http://www.computerra.ru/top2013/

[176] 20 самых интересных онлайн-курсов в первом квартале 2014 года: http://ain.ua/2014/01/13/508392

[177] Марк Цукерберг, Jelly и монстр из ванной: http://www.siliconrus.com/2014/01/mark-tsukerberg-jelly-i-monstr-iz-vannoy/

[178] Skvone — первый антисмартфон: http://www.siliconrus.com/2014/01/eksklyuziv-skvone-pervyiy-antismartfon/

[179] BlackPhone — криптосмартфон, который нельзя прослушать: http://www.siliconrus.com/2014/01/blackphone-kriptosmartfon-kotoryiy-nelzya-proslushat/

[180] Как зарабатывают геймеры: интервью с Na’vi — мировыми чемпионами из Украины: http://ain.ua/2014/01/14/503310

[181] Главные онлайн-платформы для студентов будущего: http://www.lookatme.ru/mag/industry/industry-lists/199515-online-courses

[182] Запускаем старые версии Windows в браузере: http://www.computerra.ru/91852/zapuskaem-staryie-versii-windows-v-brauzere/

[183] Математика и программирование: нужны ли они друг другу?: http://itmozg.ru/news/1232

[184] Как математика помогает Яндексу зарабатывать?: http://habrahabr.ru/company/yandex/blog/209482/

[185] Google, “Яндекс” и агентства: что изменилось на рынках SEO и контекстной рекламы в 2013 году? : http://hhttp://ain.ua/2014/01/17/506714

[186] 200 факторов, которые влияют на позицию сайта в выдаче Google (инфографика): http://ain.ua/2014/01/17/509131

[187] Сколько длится мгновение ока?: http://naked-science.ru/article/sci/skolko-dlitsya-mgnovenie-oka

[188] 100 секунд о Мариссе Энн Майер (директор поисковика Yahoo!) : http://keddr.com/2014/01/sketch-e127-100-sekund-o-mari-sse-enn-ma-yer-direktor-poiskovika-yahoo/

[189] Смерть сетевого нейтралитета изменит интернет. И вашу жизнь тоже: http://slon.ru/appheroes/smert-setevogo-neytraliteta-navsegda-izmenit-internet-vot-pochemu-eto-dolzhno-vas-volnovat-1043759.xhtml

[190] Job Interview of an Indian: http://www.youtube.com/watch?v=aeaPanpU-iw

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

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

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

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

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