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

---

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

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

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

[1] конкурс: http://habrahabr.ru/company/zfort/blog/215945/#competition

[2] ITStuff: http://itstuff.com.ua

[3] Образовательные и обучающие ресурсы для веб-разработчиков и веб-дизайнеров: http://habrahabr.ru/company/mailru/blog/215487/

[4] Оптимизируем Gruntfile: http://habrahabr.ru/post/215267/

[5] Исследование рынка труда веб-разработчиков: http://habrahabr.ru/company/ruward/blog/215629/

[6] Приложение на Express.js + Sass/Compass + CoffeeScript + Haml: http://habrahabr.ru/post/215651/

[7] Браузерная 3D игра 2/3 производительности нативной от Mozilla: http://habrahabr.ru/post/215695/

[8] Разработка веб-приложений по принципу «Автономность прежде всего»: http://frontender.info/offline-first/

[9] Что появится в WordPress 3.9: http://oddstyle.ru/wordpress-2/novosti-wordpress/chto-poyavitsya-v-wordpress-3-9.html

[10] iOS 7.1: новый режим minimal UI mode и старые баги Safari : http://www.mobilexweb.com/blog/ios-7-1-safari-minimal-ui-bugs

[11] 10 советов для тех, кто разрабатывает игры на HTML5: http://www.creativebloq.com/html5/10-tips-html5-games-development-3145470

[12] Как определить, какие из новых HTML5-фич будут работать в вашем браузере: http://www.creativebloq.com/css3/how-find-out-which-html5-features-work-your-browser-31410942

[13] Гугл должен сделать ставку на HTML5, и чем раньше, тем лучше: http://readwrite.com/2014/03/10/google-html5-strategy

[14] Станет ли производительность HTML5 неотличимой от производительности нативных приложений: http://html5hub.com/will-the-performance-of-html5-ever-become-indistinguishable-from-that-of-native-code/#i.f46ocdnpmep3v9

[15] Device-Agnostic: http://trentwalton.com/2014/03/10/device-agnostic/

[16] Grunt YSlow: http://andyshora.com/grunt-yslow.html

[17] Основы создания приложений под Firefox OS – серия скринкастов: https://hacks.mozilla.org/2014/03/app-basics-for-firefox-os-a-screencast-series-to-get-you-started/

[18] HTML5Hub: представление Crosswalk — создание приложений для Android на HTML5: http://html5hub.com/html5hub-introducing-crosswalk/#i.f46ocdnpmep3v9

[19] Четыре способа создания мобильного приложения, часть 4: Appcelerator Titanium: http://mobile.smashingmagazine.com/2014/03/10/4-ways-build-mobile-application-part4-appcelerator-titanium/

[20] Введение в веб-компоненты (вводные понятия): http://dailyjs.com/2014/03/10/components-controls/

[21] Audio тэги: веб компоненты + веб аудио = ♥: https://hacks.mozilla.org/2014/03/audio-tags-web-components-web-audio-%E2%99%A5/

[22] Урок по HTML5 Canvas: введение: http://www.sitepoint.com/html5-canvas-tutorial-introduction/

[23] Панорамирование и прокрутка фоновых изображений с помощью элемента canvas: http://bdadam.com/blog/panning-and-scrolling-background-images-using-the-canvas-element.html

[24] Заполнение пространства в последней строке с помощью Flexbox: http://css-tricks.com/filling-space-last-row-flexbox/

[25] CSS Regions polyfill – лучше, умнее, полнее: http://blogs.adobe.com/webplatform/2014/03/10/css-regions-polyfill-better-smarter-fuller/

[26] Sass Packing: http://seesparkbox.com/foundry/sass_packing

[27] Селекторы в качестве переменных Sass? : http://www.scottohara.me/article/sass-selector-variables.html

[28] Введение в обработку ошибок в Sass: http://webdesign.tutsplus.com/tutorials/an-introduction-to-error-handling-in-sass--cms-19996

[29] Буквица и текстовые эффекты для абзацев с помощью CSS3 : http://designshack.net/articles/css/drop-caps-and-other-paragraph-text-effects-using-css3/

[30] Контент-слайдер под наклоном : http://tympanus.net/codrops/2014/03/13/tilted-content-slideshow/

[31] Десять лет назад в A List Apart: Появилась статья о CSS спрайтах «Image Slicing’s Kiss of Death»: http://alistapart.com/blog/post/ten-years-ago-in-a-list-apart-css-sprites-image-slicings-kiss-of-death

[32] Добавление формы и глубины вашему макету с помощью Photoshop и CSS-shape: http://blogs.adobe.com/webplatform/2014/03/11/add-shape-and-depth-to-your-layout-with-photoshop-and-css-shapes/

[33] MVCSS: http://mvcss.github.io/

[34] Правила по написанию CSS и Sass кода от Hugo Giraudel: http://www.sitepoint.com/css-sass-styleguide/

[35] Советы по интерактивности #4: никто не ожидает 3D: http://aerotwist.com/tutorials/protip-nobody-expects-3d/

[36] Иконки, получаемые из SVG-спрайтов: http://css-tricks.com/svg-sprites-use-better-icon-fonts/

[37] StyleStats: https://github.com/t32k/stylestats

[38] (cs)spinner: http://jh3y.github.io/-cs-spinner/

[39] Кастомный препроцессинг CSS: http://nicolasgallagher.com/custom-css-preprocessing/

[40] Статистика использования javascript-библиотек и CDN: http://habrahabr.ru/post/215173/

[41] AngularJS и ReactJS или как сделать ваше приложение быстрее: http://habrahabr.ru/post/215607/

[42] Частичное применение в JavaScript с помощью bind(): http://frontender.info/partial-application-in-javascript-using-bind/

[43] Javascript. Шаблоны проектирования. Повторное использование программного кода.: http://www.xiper.net/learn/javascript/shablony-proyektirovaniya/shablon-povtornogo-koda.html

[44] Эмулятор процессора Motorola 6809, написанный на языке JavaScript: http://www.opennet.ru/opennews/art.shtml?num=39272

[45] Антипаттерны в промисах: http://stepansuvorov.com/blog/2014/03/%d0%b0%d0%bd%d1%82%d0%b8%d0%bf%d0%b0%d1%82%d1%82%d0%b5%d1%80%d0%bd%d1%8b-%d0%b2-%d0%bf%d1%80%d0%be%d0%bc%d0%b8%d1%81%d0%b0%d1%85/

[46] О масштабируемых JavaScript-приложениях по-русски: http://web-standards.ru/news/851/

[47] Переопределение функции во время ее отладки в Chrome DevTools: http://www.youtube.com/watch?v=WQZio5DlSXM

[48] Улучшаем распознавание голоса в браузере : http://flippinawesome.org/2014/03/10/improving-speech-recognition-in-the-browser/

[49] jQuery слишком тяжелый для мобильного интернета? : http://flippinawesome.org/2014/03/10/is-jquery-too-big-for-mobile/

[50] Стандарты и лучшие практики по написанию кода на jQuery: http://lab.abhinayrathore.com/jquery-standards/

[51] Менее известные техники отладки JavaScript: http://amasad.me/2014/03/09/lesser-known-javascript-debugging-techniques/

[52] Многострочность в JavaScript: https://github.com/sindresorhus/multiline

[53] Класс для манипуляций с DOM в сто строчек кода на JavaScript: http://flippinawesome.org/2014/03/10/a-dom-manipulation-class-in-100-lines-of-javascript/

[54] Создание простого mobile-friendly веб приложения с использованием Ember.js и jQuery Mobile: http://blog.mist.io/post/78757774060/building-a-mobile-friendly-web-app-using-ember-js-and

[55] Техники аутентификации в приложениях на Angular.js: https://medium.com/opinionated-angularjs/7bbf0346acec

[56] Backbone.CustomSync: http://gmurphey.com/2014/03/09/backbone-custom-sync.html#.UyQkvYUSY9R

[57] stickyNavbar.js: http://www.jozefbutko.com/stickyNavbar/

[58] Webshim: http://afarkas.github.io/webshim/demos/index.html

[59] nanobar.js: http://nanobar.micronube.com/

[60] Создаем клевые 3D-эффекты при скролле страницы: http://www.onextrapixel.com/2014/03/13/create-a-cool-3d-tilted-layout-with-tilted-page-scroll/

[61] Google запустила Add-ons для Google Docs и Sheets: http://habrahabr.ru/post/215459/

[62] Генераторы иконочных шрифтов для современных веб-разработчиков: http://www.designyourway.net/blog/resources/icon-font-generators-that-a-modern-web-designer-should-consider-using/

[63] Pics.io: http://edit.pics.io/

[64] tyto!: http://jh3y.github.io/tyto/

[65] generator: http://designmodo.com/generator/

[66] Carota: http://earwicker.com/carota/

[67] Quink: http://quink.mobi/

[68] Metalsmith: http://www.metalsmith.io/

[69] Iconion: http://iconion.com/index.html

[70] Google отказывается от подчеркнутых ссылок: http://habrahabr.ru/post/215795/

[71] Google предлагает приобрести 1 Тб в онлайновом хранилище Drive за $10: http://www.computerra.ru/96151/google-predlagaet-priobresti-1-tb-v-onlaynovom-hranilishhe-drive-za-10/

[72] Европарламент поддержал закон об одинаковой зарядке для всех мобильников: http://www.siliconrus.com/2014/03/evro-charger/

[73] Google рассказал о том, как Googlebot распознаёт мобильные страницы сайтов: http://www.searchengines.ru/news/archives/google_rasska_googlebot.html

[74] Google будет заимствовать информацию о расписании концертов прямо с сайтов музыкантов: http://www.searchengines.ru/news/archives/google_budet_za.html

[75] Появляются подробности об умных часах Google : http://keddr.com/2014/03/poyavlyayutsya-podrobnosti-ob-umnyih-chasah-google/

[76] Google и Microsoft против dual-OS: http://keddr.com/2014/03/google-i-microsoft-protiv-dual-os/

[77] Apple, Google и вся автоиндустрия остаётся зависимой от BlackBerry: http://www.3dnews.ru/810466/

[78] «Яндекс» сдержал обещание убить SEO: http://www.siliconrus.com/2014/03/yandeks-sderzhal-obeshhanie-ubit-seo/

[79] Страшилка «Яндекса»: весенние проводы SEO : http://www.cossa.ru/articles/234/67913/

[80] Apple выпустила iOS 7.1 : http://keddr.com/2014/03/apple-vyipustila-ios-7-1/

[81] Записи из «ВКонтакте» теперь можно встраивать на сайты: http://ain.ua/2014/03/12/515618

[82] За четыре дня китайцы заказали более 1 млн Android-смартфонов Nokia X: http://www.3dnews.ru/811056/

[83] Браузер Chromе переходит с GTK+ на собственный графический стек Aura: http://www.opennet.ru/opennews/art.shtml?num=39289

[84] Opera Software сообщила о выходе Opera Mini 8 для Java-телефонов и BlackBerry: http://itc.ua/news/opera-software-soobshhila-o-vyihode-opera-mini-8-dlya-java-telefonov-i-blackberry/

[85] Mozilla прекращает разработку версии Firefox для Windows Metro: http://www.opennet.ru/opennews/art.shtml?num=39319

[86] Сайты посвященные играм: http://www.dejurka.ru/web-design/game-web-design/

[87] Вдохновляющие одностраничные сайты: http://webdesignledger.com/inspiration/11-inspiring-single-page-websites

[88] 25 креативных автомобильных сайтов: http://www.splashnology.com/article/creative-automotive-websites/11851/

[89] www.tectonica.co: http://www.tectonica.co/

[90] icorinc.com: http://icorinc.com/

[91] История Олимпийских Игр: http://www.olympicstory.com/#!intro

[92] wekeeptheotherbadmenfromthedoor.com: http://www.wekeeptheotherbadmenfromthedoor.com/

[93] montere.it: http://www.montere.it/?lang=en

[94] Сайты крупных брендов: девяностые VS двухтысячные: http://www.siliconrus.com/2014/03/saytyi-krupnyih-brendov-devyanostyie-vs-dvuhtyisyachnyie/

[95] Типографика в веб-дизайне: рукописные шрифты: http://www.onextrapixel.com/2014/03/12/typography-in-website-design-handwritten-fonts/

[96] moonbear.animalsasia.org: http://moonbear.animalsasia.org/ie/en/#home

[97] Adobe изучила, как работает и чем пользуется современный российский дизайнер: http://www.computerra.ru/96133/adobe-izuchila-kak-rabotaet-i-chem-polzuetsya-sovremennyiy-rossiyskiy-dizayner/

[98] Уроки в стиле ретро для Adobe Photoshop: http://www.dejurka.ru/tutorial/photoshop-retro-tutorials/

[99] Креативное использование анимированных GIF для презентации дизайна UI: http://line25.com/articles/creative-uses-animated-gifs-present-ui-designs

[100] 5 техник дизайна для возбуждения эмоций у пользователей: http://uxmovement.com/content/5-design-techniques-to-incite-user-emotion/

[101] Наши любимые гарнитуры 2013-го года: http://typographica.org/features/our-favorite-typefaces-of-2013/

[102] Самые популярные веб-шрифты: http://alistapart.com/blog/post/web-font-trends

[103] Пример типографики с иллюстрациями внутри: http://baladycreatives.com/

[104] Редизайн IMDB: https://medium.com/p/2e9e865dd83

[105] Примеры эволюции дизайна сайтов корпораций: https://medium.com/p/b306aa7610d5

[106] Создание дизайна мобильной игры шашки в Photoshop-е: http://design.tutsplus.com/tutorials/create-a-mobile-checkers-game-interface-in-photoshop--psd-36818

[107] Как создать детализированную иллюстрацию стрекозы в Photoshop-е: http://design.tutsplus.com/articles/how-to-create-super-detailed-wildlife-illustrations--psd-37110

[108] Полное руководство по работе с корректирующими слоями — настройка экспозиции: http://design.tutsplus.com/tutorials/the-ultimate-guide-to-adjustment-layers-exposure-adjustments--psd-36369

[109] Новый логотип Reebok: http://www.underconsideration.com/brandnew/archives/new_logo_for_reebok.php#.UyROAoUSY9Q

[110] Развенчание мифов веб-типографики: http://www.webdesignerdepot.com/2014/03/debunking-the-myths-of-web-typography/

[111] Классные примеры видео-дизайна: http://www.webdesignerdepot.com/2014/03/25-extraordinarily-cool-motion-graphic-designs/

[112] Увлекательный дизайн кружек : http://www.dejurka.ru/inspiration/cool-cups-design/

[113] Бесплатные растровые крылья: http://www.dejurka.ru/graphics/free-psd-wings/

[114] Бесплатные PSD шаблоны мобильных устройств: http://www.dejurka.ru/graphics/free-mobile-ui-mock-ups/

[115] Десять новых бесплатных плюшек найденных в Behance: иконки, фоны, текстуры: http://inspiredm.com/10-great-new-freebies-february-2014-2/

[116] Оживите ваши дизайны с помощью текстур цветов: http://webdesignledger.com/freebies/spring-up-your-designs-with-some-free-flower-textures

[117] iPhone и Android PSD: http://dribbble.com/shots/1452842-iPhone-and-Android-PSD-FREE

[118] Набор UI Funky Tunes: http://www.webdesignerpad.com/2014/03/awesome-new-freebie-funky-tunes-ui-kit.html

[119] Набор с вайрфреймами и UI: http://theycallmecrowe.com/advice/crowe-wireframekit.html

[120] Векторные винтажные лучи: http://blog.spoongraphics.co.uk/freebies/10-free-vintage-style-illustrated-light-ray-vectors

[121] Векторные ленточки в различных стилях: http://www.scratchinginfo.com/flat-vector-ribbons-in-different-styles/

[122] Три десятка шаблонов винтажных логотипов: http://webdesignledger.com/freebies/30-free-vintage-logo-templates

[123] PSD с контурными векторными иконками посвященными спорту: http://dribbble.com/shots/1454854-Sport-glyph-vector-icons-freebie

[124] Набор иконок Inkalligraphic: http://www.iconshock.com/icon_sets/free-inkalligraphic-icon-set/

[125] Двадцать пять наборов с иконками из недр Dribbble: http://www.webresourcesdepot.com/25-brand-new-freebie-iconsets/

[126] Повторный взгляд на бесплатные шрифты (наиболее популярные): http://www.smashingmagazine.com/2014/03/12/taking-a-second-look-at-free-fonts/

[127] Barokah: http://ortheme.com/barokah-free-font/

[128] Шрифт с засечками Angelcia Pro Text Regular: http://www.myfonts.com/fonts/konstantynov/anglecia-pro/text-regular/

[129] 2048: http://habrahabr.ru/post/215291/

[130] стратегия игры: http://habrahabr.ru/post/215907/

[131] Трехмерный куб, наклон которого зависит от стороны наведения: http://dropthebit.com/744/3d-hover-aware-cube/

[132] Отрисовка больших горных ландшафтов в WebGL: http://www.pheelicks.com/2014/03/rendering-large-terrains/

[133] Юбилейный выпуск игры Автостопом по Галактике от BBC: http://creativejs.com/2014/03/dont-panic/

[134] build-a-bird: http://build-a-bird.tumblr.com/

[135] Сэр Тим Бернерс-Ли: всемирной паутине исполнилось 25 лет. Сохраним её свободной и открытой: http://habrahabr.ru/post/215575/

[136] Как плавился веб: 5 подходов создателей Интернета, изменившие мир: http://www.hopesandfears.com/hopesandfears/ideas/cloud/126435-25-let-www

[137] Официальный сайт посвященный 25-летию Web-а: http://www.webat25.org/

[138] 25 суперзвезд интернета: http://www.telegraph.co.uk/technology/internet/10665375/25-years-of-the-World-Wide-Web-25-Web-superstars.html

[139] 25 вещей в интернете, о которох мы забыли за 25 лет: http://www.theguardian.com/technology/guardianwitness-blog/2014/mar/13/25-things-you-may-have-forgotten-about-the-internet

[140] Интернет родился в CERN 25 лет назад: http://home.web.cern.ch/about/updates/2014/03/world-wide-web-born-cern-25-years-ago

[141] Я Tim Berners-Lee. Я изобрел WWW 25 лет назад и я обеспокоен и взволнован его будущим. Задавайте мне любые вопросы!: http://www.reddit.com/r/IAmA/comments/2091d4/i_am_tim_bernerslee_i_invented_the_www_25_years/

[142] День числа Пи: http://habrahabr.ru/company/mailru/blog/215397/

[143] Сергей Чикуёнок: «Я начал делать сайты, ни разу не побывав в интернете»: http://www.lookatme.ru/mag/live/opinion/201505-chikuenok

[144] Влияет ли кнопка Google +1 на поисковую оптимизацию: http://www.siliconrus.com/2014/03/plus/

[145] Смартчасы, которые хочется купить: пара интересных концептов: http://www.siliconrus.com/2014/03/smartwatch/

[146] Box: Как создать с друзьями детства бизнес стоимостью в $2 миллиарда: http://www.siliconrus.com/2014/03/aaron-levie-case/

[147] Зачем на самом деле нужны панорамы Google Street View: http://www.siliconrus.com/2014/03/zachem-na-samom-dele-nuzhnyi-panoramyi-google-street-view/

[148] Google учитывает авторитетность автора при ранжировании углублённых статей: http://www.searchengines.ru/news/archives/google_uchityva_autor.html

[149] Восемь примеров того, как новые технологии меняют мозговую активность: http://www.siliconrus.com/2014/03/tech-brain/

[150] 7 способов зайти на заблокированные сайты с ПК, смартфона и планшета: http://www.computerra.ru/96222/sem-sposobov-zayti-na-zablokirovannyie-saytyi-s-pk-smartfona-i-plansheta/

[151] Обзор облачных хранилищ данных-2014: http://www.siliconrus.com/2014/03/cloud-magic/

[152] Tim Berners-Lee предлагает подписать «биль о правах»: http://gigaom.com/2014/03/12/25-years-after-inventing-the-web-tim-berners-lee-invites-users-to-help-draft-global-bill-of-rights/

[153] Анимация, полностью нарисованная по кадрам на стене галереи: http://www.thisiscolossal.com/2014/03/this-entire-animation-was-drawn-frame-by-frame-on-a-gallery-wall/

[154] Theo Jansen начал продавать свои механические ходящие конструкции, распечатав их на 3D принтерах: http://www.thisiscolossal.com/2014/03/theo-jansen-strandbeest-toys/

[155] футболку HTML5: http://itstuff.com.ua/shop/html5/

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

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

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

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

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