Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю № 81 (27 октября — 2 ноября 2013)

---

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

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

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

[1] Прекратите использовать location.hash, да здравствует HTML5 History API!: http://habrahabr.ru/post/200106/

[2] Теневая модель документа: http://frontender.info/shadowdom/

[3] CSS и стили: http://frontender.info/shadowdom-201/

[4] Анонс: bem-core v1.0.0: http://clubs.ya.ru/bem/replies.xml?item_no=4301

[5] Бложик на bem tools 1.0.0alpha: http://varya.me/ru/issues/bem-tools-1.0.0-alpha/

[6] Songs of Diridum: выжимаем из Web Audio API максимум : https://hacks.mozilla.org/2013/10/songs-of-diridum-pushing-the-web-audio-api-to-its-limits/

[7] Fronteers 2013 : http://vimeopro.com/fronteers/13

[8] Стив Фолкнер: «не надейтесь на мифический HTML5 Document Outline, используйте нормальную иерархию заголовков»: http://blog.paciellogroup.com/2013/10/html5-document-outline/

[9] Повышаем юзабилити форм для выбора нескольких чекбоксов одновременно : http://tympanus.net/codrops/2013/10/29/multi-item-selection/

[10] Принуждаем браузер к загрузке последних версий CSS и JS : http://www.paulund.co.uk/force-browsers-load-latest-css-js

[11] Medium-Style Page Transition: http://tympanus.net/codrops/2013/10/30/medium-style-page-transition/

[12] Split Layout: http://tympanus.net/Blueprints/SplitLayout/

[13] Как использовать элемент progress : http://www.developerdrive.com/2013/10/how-to-use-the-progress-element/

[14] О том, что адаптивный дизайн — это не только размеры экрана : http://www.lukew.com/ff/entry.asp?1816

[15] Continuous Delivery for the Web Platform: http://www.slideshare.net/JarrodOverson/continuous-delivery-for-the-web-platform

[16] SpeechRTC работающее в FirefoxOS: http://www.youtube.com/watch?v=pnCRH-Iznrc&feature=youtu.be

[17] Web Runtime Architecture: http://www.wintellectnow.com/Videos/Watch/web-runtime-architecture

[18] Иконочные шрифты и заданные пользователем стили: http://juicystudio.com/article/icon-fonts-user-defined-stylesheets.php

[19] HTML5 Video в мобильном вебе: http://html5hub.com/html5-video-on-mobile-a-primer/#i.1gnv9q4144xdin

[20] Решение для создания длинных выпадающих меню: http://codepen.io/larrygeams/pen/feoDc

[21] Пример описания полного процесса фронтенд разработки от начала и до конца: http://vincentp.me/blog/my-front-end-development-process-start-to-finish/

[22] Адаптивные HTML email-шаблоны: другая стратегия: http://blog.fogcreek.com/responsive-html-emails-a-different-strategy/

[23] Слово в защиту пиксельных значений media queries: http://habrahabr.ru/post/199424/

[24] The new Kellum method: http://scottkellum.com/2013/10/25/the-new-kellum-method.html

[25] Кросс-браузерная CSS инъекция : http://css-tricks.com/cross-browser-css-injection/

[26] After: float: http://html5hub.com/after-float/#i.1gnv9q4144xdin

[27] CSS Regions Painting в WebKit и Blink: http://blogs.adobe.com/webplatform/2013/10/28/css-regions-painting-in-webkit-and-blink/

[28] Отлично закруглились: комбинируем фигуры в CSS: http://css-tricks.com/well-rounded-compound-shapes-css/

[29] Миксины для условных media queries : http://css-tricks.com/conditional-media-query-mixins/

[30] А как насчет адаптивных иконок? : http://www.responsiveicons.co.uk/

[31] Как изменить цвета выделяемого текста на CSS: http://www.developerdrive.com/2013/10/how-to-change-text-selection-color-with-css/

[32] 3D Gallery: http://cssdeck.com/labs/jntzea5v

[33] Туториал по созданию выпадающего CSS3 меню в жалюзи-стиле: http://www.script-tutorials.com/whirling-dropdown-menu/

[34] Переключатель навигации на чистом CSS: http://thenittygritty.co/toggle-navigation-with-pure-css

[35] Интерактивное введение во Flexbox: http://www.sketchingwithcss.com/flexbox/

[36] PPK исследует: height и @viewport: http://www.quirksmode.org/blog/archives/2013/10/viewport_resear.html

[37] SassyLists: http://sassylists.com/

[38] CSSOFF — Prepare for Honorable Markup: http://www.unmatchedstyle.com/cssoff/

[39] Видео: полный цикл разработки на JavaScript: http://habrahabr.ru/post/199472/

[40] Warp9: http://habrahabr.ru/post/198158/

[41] Русскоязычный скринкаст по Node.JS: «Node.JS от А до Я» : http://learn.javascript.ru/nodejs-screencast

[42] Пробуждаемся и начинаем использовать Grunt: http://coding.smashingmagazine.com/2013/10/29/get-up-running-grunt/

[43] load-grunt-tasks: https://github.com/sindresorhus/load-grunt-tasks

[44] Nunjucks: http://jlongster.github.io/nunjucks/

[45] Создание multiplayer HTML5 игр с помощью Cloak: http://weblog.bocoup.com/building-multiplayer-html5-games-with-cloak/

[46] Вещи которые расстраивают в AngularJS: http://lhorie.blogspot.com/2013/10/things-that-suck-in-angularjs-follow-up.html

[47] Уважай Javascript: http://blog.shinetech.com/2013/10/29/respect-the-javascript/

[48] Анимированные DOM transitions от Alex Maccaw: http://blog.alexmaccaw.com/animating-dom-transitions

[49] formatter.js: http://firstopinion.github.io/formatter.js/demos.html

[50] glide.js: http://jedrzejchalubek.com/glide/

[51] Resumable.js: http://www.resumablejs.com/

[52] jQuery Immersive Slider — слайдер с небольшим вау-эффектом : http://www.onextrapixel.com/2013/10/30/creating-an-immersive-slider-experience-with-jquery-immersive-slider/

[53] sevenSeg.js: http://brandonlwhite.github.io/sevenSeg.js/

[54] .onScreen();: http://silvestreh.github.io/onScreen/

[55] Увековечивание ужасных практик в JS: http://christianheilmann.com/2013/10/31/perpetuating-terrible-javascript-practices/

[56] Retire.js: http://open.bekk.no/retire-js-what-you-require-you-must-also-retire

[57] Представление Sails.js: http://net.tutsplus.com/tutorials/javascript-ajax/introduction-to-sails-js/

[58] Сравнивая Backbone и Angular: http://victorsavkin.com/post/65519559752/contrasting-backbone-and-angular

[59] История “typeof null”: http://www.2ality.com/2013/10/typeof-null.html

[60] Частые неверные концепции понимания JavaScript: http://bolinfest.com/javascript/misunderstood.html

[61] jsCode: http://jscode.org/

[62] My Opera закрывается в марте 2014: http://habrahabr.ru/company/opera/blog/200388/

[63] Релиз Firefox 25: http://www.opennet.ru/opennews/art.shtml?num=38285

[64] Проект Mozilla выпустил Lightbeam, Firefox-дополнение для контроля за отслеживанием пользователей в Web: http://www.opennet.ru/opennews/art.shtml?num=38269

[65] В Tesla Model S встроят браузер Google Chrome: http://my-chrome.ru/2013/10/v-tesla-model-s-vstroyat-brauzer-google-chrome/

[66] Gemius назвал самые популярные браузеры Восточной Европы: в Украине лидирует Chrome: http://ain.ua/2013/10/30/500003

[67] Расширенные настройки шрифтов в Chromium 32: http://my-chrome.ru/2013/10/rasshirennye-nastrojki-shriftov-v-chromium-32/

[68] WebView на основе Chromium с Android 4.4: http://web-standards.ru/news/803/

[69] Рынок мобильных браузеров в Великобритании: http://www.quirksmode.org/blog/archives/2013/10/local_mobile_br_4.html

[70] Опыты с улучшенным процессом редактирования контента в IE11: http://blogs.msdn.com/b/ie/archive/2013/10/24/enhanced-rich-editing-experiences-in-ie11.aspx

[71] Давайте строить быстрый веб и кушать пиццу. IE11 + 11%.: http://blogs.windows.com/ie/b/ie/archive/2013/10/28/let-s-build-a-faster-web-and-eat-pizza-take-the-11-for-ie11-challenge.aspx

[72] Code Beautify: http://codebeautify.org/

[73] createcss3: http://www.createcss3.com/

[74] Countries{for}Devs: http://countriesfor.us/

[75] Snazzy Maps: http://snazzymaps.com/

[76] realfavicongenerator.net: http://realfavicongenerator.net/

[77] Генераторы кастомных шрифтов: http://codegeekz.com/custom-icon-font-generators-for-designers/

[78] Google официально анонсировала: http://habrahabr.ru/post/200410/

[79] В Android 4.4 KitKat оптимизирована работа с памятью, улучшена работа NFC и Bluetooth: http://itc.ua/news/v-android-4-4-kitkat-optimizirovana-rabota-s-pamyatyu-uluchshena-rabota-nfc-i-bluetooth/

[80] Представляем новые функции: http://googlerussiablog.blogspot.ru/2013/10/hangouts-google.html

[81] Вот еще четыре причины начать использовать Google+: http://lifehacker.ru/2013/10/31/vot-eshhe-chetyre-prichiny-nachat-ispolzovat-google/

[82] Android 4.4: десять новых фич о которых вы должны знать: http://www.hongkiat.com/blog/android-kitkat-features/

[83] Приветствуем Mozilla Location Service: http://habrahabr.ru/post/200038/

[84] Мобильный интернет в России и мире: платформы, потребление, тенденции: http://habrahabr.ru/company/mailru/blog/200358/

[85] Компания Coursera запускает проект Learning Hubs — физические помещения для изучения онлайн курсов: http://habrahabr.ru/company/myeducationpath/blog/200532/

[86] Американский стартап взламывает любую «капчу» с шансом в 90%: http://ain.ua/2013/10/28/499748

[87] Создатель языка JavaScript выступил против стандартизации средств DRM для Web: http://www.opennet.ru/opennews/art.shtml?num=38270

[88] LG G Flex: http://keddr.com/2013/10/lg-g-flex-eshhe-odin-izognutyiy-smartfon/

[89] Motorola Project Ara: http://keddr.com/2013/10/motorola-project-ara-pryamoe-razvitie-idei-modulnyih-smartfonov-phoneblocks/

[90] Project Ara: модульные опенсорс-смартфоны от Motorola: http://www.siliconrus.com/2013/10/project-ara-motorola/

[91] Apple представила рекордный отчёт за четвёртый квартал 2013 финансового года: http://www.computerra.ru/86550/apple-predstavila-rekordnyiy-finansovyiy-otchyot-za-chetvyortyiy-kvartal-2013-goda/

[92] Компания Cisco откроет доступный без отчислений кодек H.264: http://www.opennet.ru/opennews/art.shtml?num=38299

[93] Социальная сеть Facebook хочет купить производителя смартфонов Blackberry: http://www.computerra.ru/86669/sotsialnaya-set-facebook-hochet-kupit-proizvoditelya-smartfonov-blackberry/

[94] Исследователям удалось добиться скорости 10 Гбит/с при передаче данных видимым светом: http://itc.ua/news/issledovatelyam-udalos-dobitsya-skorosti-10-gbit-s-pri-peredache-dannyih-vidimyim-svetom/

[95] Названы 10 самых влиятельных IT-бизнесменов мира: http://ain.ua/2013/10/30/500054

[96] Консорциум W3C опубликовал второй черновой вариант спецификации HTML 5.1 : http://www.opennet.ru/opennews/art.shtml?num=38313

[97] Samsung ежедневно продает 1 млн мобильных устройств: http://www.3dnews.ru/773416/

[98] Сноуден будет помогать пользователям ВКонтакте. В техсаппорте: http://www.siliconrus.com/2013/11/snouden-budet-pomogat-polzovatelyam-vkontakte-v-tehsapporte/

[99] На баржах Google строят роскошные демонстрационные залы: http://www.computerra.ru/86877/na-barzhah-google-stroyat-roskoshnyie-demonstratsionnyie-zalyi/

[100] Контролируемый Apple и Microsoft патентный тролль атаковал Google и производителей Android-устройств: http://www.opennet.ru/opennews/art.shtml?num=38317

[101] Windows Phone — самая быстрорастущая платформа: http://microsoftportal.net/phone-8/2805-windows-phone-samaya-bystrorastuschaya-platforma.html

[102] pieratt.com: http://pieratt.com/

[103] WE DON’T NEED Daylight Saving Time: http://wedontneeddst.com/

[104] http://bananacafe.com.br/: http://bananacafe.com.br/

[105] Интерактивная карта хорроров : http://mediamaps.esri.com/geography-of-horror/

[106] Очередная кастомная верстка статьи от New York Times : http://www.nytimes.com/newsgraphics/2013/10/27/south-china-sea/?hp

[107] Сайты с креативными динамическими элементами: http://www.sitepoint.com/10-websites-creative-moving-elements/

[108] История молодого дизайнера: http://tobisstory.lesavignons.com/#childhood

[109] Not your standard cider.: http://www.seattlecidercompany.com/

[110] mottau.co.uk: http://www.mottau.co.uk/

[111] marktuthill.ie: http://marktuthill.ie/#

[112] bothassociates.com: http://www.bothassociates.com/

[113] 2013.unknowncroatia.com: http://2013.unknowncroatia.com/#home

[114] hihayk.com: http://www.hihayk.com/

[115] Сокращённый шрифт «Autonym» для самоназваний языков в Википедии: http://habrahabr.ru/post/199410/

[116] Как на самом деле люди держат свой мобильник и зачем это знать: http://www.siliconrus.com/2013/11/mobile-ux-ui/

[117] Дизнот – блокнот для прототипирования в веб-дизайне. Блокнот для вдохновения…: http://ain.ua/2013/10/29/499571

[118] Подборка логотипов для вдохновения: http://www.dejurka.ru/inspiration/logos-2/

[119] Готовимся к Хэллоуину: «страшные» уроки Adobe Photoshop: http://www.dejurka.ru/tutorial/photoshop-halloween-tutorials/

[120] Интервью с дизайнером Alice Macarova: http://www.dejurka.ru/articless/alice-macarova/

[121] Продажа отзывчивых дизайнов клиентам: http://www.smashingmagazine.com/2013/10/30/selling-responsive-website-design/

[122] Мастер фотошопа в деле: http://bestpozitiv.ru/video/master-fotoshopa-v-dele/

[123] Веб-дизайны, созданные с использованием диагоналей: http://designmodo.com/websites-diagonal-lines/

[124] Отборные примеры сайтов, рекламирующих продукт: http://www.designerledger.com/exceptional-websites-showcasing-products-online/

[125] Актуальные тренды в дизайне блогов и онлайн-журналов: http://speckyboy.com/2013/10/28/design-trends-for-blogs-and-online-magazines/

[126] «Clean Up Your Mess»: руководство по визуальному дизайну для каждого: http://www.visualmess.com/

[127] История выбора одного шрифта от Cucumbertown: http://www.cucumbertown.com/craft/choosing-the-perfect-typeface/

[128] Context: http://www.livesurface.com/context.php

[129] Вся мощь панелей в Illustrator: Appearance и Graphic Styles: http://veerle.duoh.com/design/article/the_power_of_illustrators_appearance_panel_and_graphic_styles

[130] Andrew Kim: http://www.microsoft.com/en-us/news/stories/people/andrew-kim.html

[131] Разбираемся с интерфейсом Adobe Camera Raw: http://psd.tutsplus.com/tutorials/tools-tips/getting-to-know-the-adobe-camera-raw-interface/

[132] Десять плохих привычек, от которых следует избавляться при работе с Photoshop: http://psd.tutsplus.com/tutorials/tools-tips/10-bad-habits-to-break-in-photoshop/

[133] Теория дизайн: пять базовых принципов типографики: http://www.pixel77.com/principles-of-typography/

[134] Часть 2: http://www.dejurka.ru/graphics/free-flat-ui-kits-to-boost-your-designs-in-no-time-part-2/

[135] Часть 3: http://www.dejurka.ru/graphics/free-flat-ui-kits-to-boost-your-designs-in-no-time-part-3/

[136] Бесплатные иконки, бэкграунды, паттерны и обои к Хэллоуину! : http://www.dejurka.ru/graphics/free-halloween-files/

[137] ionicons: http://ionicons.com/

[138] 23 Free Fonts & Typefaces for October 2013: http://www.splashnology.com/article/free-fonts/10304/

[139] iOS7 GUI PSD (iPhone) обновился: http://www.teehanlax.com/tools/iphone/

[140] BlendMeIn: плагин к фотошопу, предоставляющий доступ к наиболее популярным наборам иконок: http://www.noupe.com/photoshop/blendmein-free-photoshop-extension-gives-you-access-to-dozens-of-the-most-popular-icon-sets-79703.html

[141] Ресурсы на которых можно найти качественные фото: http://wefunction.com/8-unique-places-to-find-quality-free-photos/

[142] Два десятка электронных книг по изучению фотографии: http://inspiredm.com/20-free-photography-e-books/

[143] Подборка ресурсов для создания плоского дизайна: http://vandelaydesign.com/blog/design/free-resources-for-creating-a-flat-design/

[144] iPad Air Psd в векторном виде: http://www.pixeden.com/psd-mock-up-templates/ipad-air-psd-vector-mockup

[145] от AC Mountain до Plethora 1984: http://webdesignledger.com/freebies/9-stylish-free-fonts-for-your-designs

[146] от Versaniah до Bomb Jigsaw: http://www.ozoneeleven.com/freebies/helpful-fonts/

[147] Четыре десятка свежих шрифтов для графических дизайнеров: http://www.gomediazine.com/insights/fonts/

[148] PSD шаблон с бейджиками: http://www.1stwebdesigner.com/freebies/psd-badges-free/

[149] Шаблон иконки iOS7 для навязчивых дизайнеров: http://savvyapps.com/blog/ios-7-app-icon-template-obsessive-designers/

[150] Два десятка полезных шрифтов для логотипов: http://ewebdesign.com/logo-fonts/

[151] Десять векторных и PSD макетов с изображением iPad Air: http://www.coalesceideas.com/ipad-air-mockup/

[152] Исходники UI компонентов с элементами различных настроек и панелей с выбором опций: http://www.designerledger.com/free-psd-designs-options-panel-settings-box/

[153] Nexus 5 Vector (.Ai): http://webuikits.com/nexus-5-vector-ai/

[154] Windows 1.01 — теперь прямо в браузере: http://habrahabr.ru/post/199434/

[155] emolate.com: http://www.emolate.com/index.php

[156] Анимированная в 3D галерея в виде стола с разбросанными видео-карточками (HTML5 Video): http://codepen.io/dudleystorey/details/jhpld

[157] Музыкальные клавиши — JS Dynamic Audio Synth: http://keithwhor.com/music/

[158] q3 и webGL: http://media.tojicode.com/q3bsp/

[159] 3D-модель Солнечной системы: http://naked-science.ru/article/sci/solnechnaya-sistema-v-3d

[160] Логотип Хрома: http://codepen.io/Dreamdealer/full/nAGrf

[161] Медитация — еще один способ мотивации или почему Google выделяет для них комнаты: http://habrahabr.ru/post/199272/

[162] Обзор клавиатуры Optimus Popularis (+видео): http://habrahabr.ru/post/199242/

[163] Вот почему нельзя прерывать программиста: http://habrahabr.ru/post/199460/

[164] Trend Locator. «Интернет вещей»: 9 млрд устройств к 2018 году: http://slon.ru/biz/1012013/

[165] Теория шести рукопожатий? Забудьте: мир еще теснее: http://slon.ru/appheroes/teoriya-shesti-rukopozhatiy-zabudte-mir-eshche-tesnee-1011676.xhtml

[166] Трояны в китайских утюгах: почему таможня не даёт добро: http://www.computerra.ru/86446/irons-and-kettles-with-trojans/

[167] Techcrunch выпустил большой материал про Telegram: http://www.siliconrus.com/2013/10/techcrunch-covers-telegram/

[168] Будьте здоровы, или Чтоб вы сдохли! Как Америка строила революционный сайт медстрахования: http://www.computerra.ru/86541/obamacare/

[169] «Неминуемый конец, нечто очень плохое»: http://lenta.ru/articles/2013/10/28/extreme/

[170] Качество встраиваемого ПО или погром всё-таки случился: http://ko.com.ua/kachestvo_vstraivaemogo_po_ili_pogrom_vsyo-taki_sluchilsya_98518

[171] L — значит лайк: http://www.siliconrus.com/2013/10/like/

[172] Как Лайфньюз и Лента.ру спорили насчет фотографии Сноудена + UPDATE: http://www.siliconrus.com/2013/11/everything-went-better-than-expected/

[173] Ода светодиоду: дешёвый свет для «чистой энергетики»: http://www.computerra.ru/86728/led/

[174] Костюмы на Хеллоуин для программистов: http://www.stanleycolors.com/2013/10/halloween-costumes-programmers-people/

[175] Норвежец купил биткоинов на 27 долларов в 2009 году и оказался миллионером в 2013: http://www.siliconrus.com/2013/10/from-zero-to-hero-bitcoin/

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

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

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

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

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