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

---

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

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

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

[1] Настраиваемые элементы: как определять новые элементы в HTML: http://frontender.info/customelements/

[2] Разработчики Mozilla представили html2dom, альтернативу innerHTML: http://www.opennet.ru/opennews/art.shtml?num=37989

[3] Новый WebStorm 7: все необходимое под рукой: http://habrahabr.ru/company/JetBrains/blog/194132/

[4] Google glass с точки зрения разработчика: http://habrahabr.ru/post/194856/

[5] Атрибут hreflang для указания языка альтернативной страницы: инструменты, наблюдения, примеры: http://www.searchengines.ru/articles/atribut_hreflan.html

[6] Инструменты для оптимизации изображений: http://addyosmani.com/blog/image-optimization-tools/

[7] Firefox Developer Tools: Web Console и JavaScript Debugger: https://hacks.mozilla.org/2013/09/reintroducing-the-firefox-developer-tools-part-1-the-web-console-and-the-javascript-debugger/

[8] The HTML5 Scorecard: хоршее, плохое и отвратительное в iOS 7: http://www.sencha.com/blog/the-html5-scorecard-the-good-the-bad-and-the-ugly-in-ios7/

[9] Сравнение html5 видеоплееров: http://praegnanz.de/html5video/

[10] Захват медиа в мобильных браузерах: http://dev.opera.com/articles/view/media-capture-in-mobile-browsers/

[11] Прячем нативные контролы для HTML5 Video в полноэкранном режиме: http://css-tricks.com/custom-controls-in-html5-video-full-screen/

[12] Powerful WordPress Tips And Tricks: http://wp.smashingmagazine.com/2013/09/26/powerful-wordpress-tips-and-tricks/

[13] Responsive Image Container: движение вперед для адаптивных изображений?: http://mobile.smashingmagazine.com/2013/09/24/responsive-image-container/

[14] Полезные HTML5 сниппеты: http://www.catswhocode.com/blog/hyper-useful-ready-to-use-html5-snippets

[15] В графический формат WebP добавилась поддержка анимации: https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/yujPcy889e4

[16] Семь привычек высокоэффективных media queries: http://bradfrostweb.com/blog/post/7-habits-of-highly-effective-media-queries/

[17] Luke Wroblewski призывает не совершать таких же ошибок при создании мобильных веб-приложений: http://www.wired.com/opinion/2013/09/designing-for-mobile-means-ditching-deeply-ingrained-pc-instincts/

[18] Mobile First с фреймворком Bootstrap 3: http://net.tutsplus.com/tutorials/html-css-techniques/mobile-first-with-bootstrap-3/

[19] Писать CSS с помощью JavaScript призывает Krasimir Tsonev: http://davidwalsh.name/write-css-javascript

[20] Новая техника создания «Responsive scrollable tables»: http://www.456bereastreet.com/archive/201309/responsive_scrollable_tables/

[21] Ураганный тур по Web Components, реализованных с помощью Polymer: http://addyosmani.com/blog/a-whirlwind-tour-of-web-components-with-polymer/

[22] Brackets Live Development для HTML/CSS: http://www.youtube.com/watch?v=Nhvj1NYC3Uc

[23] Презентация «Mobile Web at Etsy» о разработке мобильных приложений: http://laraswanson.com/mobileweb/

[24] Начинаем работать с Web Components и polymer.js: http://4waisenkinder.de/blog/2013/09/21/getting-started-with-web-components-and-polymer-dot-js/

[25] bentobox.io: http://www.bentobox.io/

[26] CSS-области и почему вы будете их использовать : http://frontender.info/css-regions-and-why-youll-be-using-them-before-you-know-it/

[27] Буквица: http://htmlbook.ru/blog/bukvica

[28] Как изменить стили для range sliders в Webkit: http://www.developerdrive.com/2013/09/how-to-style-range-sliders-in-webkit/

[29] Эффект размытого хедера в стилей iOS7: http://codepen.io/rikschennink/details/zvcgx

[30] CSS Regions и инструменты от Adobe из линейки Edge: http://www.raymondcamden.com/index.cfm/2013/9/24/CSS-Regions-and-Edge-Tooling

[31] Скринкаст, посвященный работе с Emmet : http://www.youtube.com/watch?v=0uIPGgq9R5Y

[32] Много CSS-юмора от Jed Schmidt — Intro.css (Slides & Audio only): http://www.youtube.com/watch?v=KKM71-YeJp8

[33] CSS Selectors: http://benhowdle.im/cssselectors/

[34] Некоторые интересные возможности CSS4 : http://vandelaydesign.com/blog/design/some-interesting-possibilities-with-css4/

[35] Кастомные скроллбары в IE, Chrome и Firefox с помощью CSS: http://codemug.com/html/custom-scrollbars-using-css/

[36] Решаем флексбоксом: интересные css-техники для ближайшего будущего веба: http://philipwalton.github.io/solved-by-flexbox/

[37] Новое поколение адаптивного дизайна для iOS7 с помощью Edge Reflow CC и CSS Regions : http://blogs.adobe.com/webplatform/2013/09/23/design-next-generation-responsive-designs-for-ios7-with-edge-reflow-cc-and-css-regions-a-story-of-collaboration/

[38] Targeting Menu Elements with Submenus in a Navigation Bar: http://css-tricks.com/targetting-menu-elements-submenus-navigation-bar/

[39] Чистим HTML-код при вставке текста из MS Word в HTML5 WYSIWYG редактор (contenteditable): http://habrahabr.ru/post/194848/

[40] Rainyday.js: http://habrahabr.ru/post/194900/

[41] Обновился Yeoman generator для mobile-first веб-приложений: https://github.com/yeoman/generator-mobile/

[42] Зарелизились jQuery 1.11 и 2.1 Beta: http://blog.jquery.com/2013/09/19/jquery-1-11-and-2-1-beta-1-released/

[43] Почему можно использовать $ в консоли DevTools без подключенного jQuery: http://thewebivore.com/exactly-wth-is-up-with-in-devtools/

[44] Unicode и JavaScript: http://www.2ality.com/2013/09/javascript-unicode.html

[45] FancyScroll.js:: http://www.onextrapixel.com/2013/09/24/fancyscroll-js-add-an-iosandroid-overflow-scroll-effect/

[46] BeforeAfter: http://front-endmagazine.com/beforeafter-a-jquery-plugin/

[47] Урок по AngularJS: узнайте как сделать современное веб-приложение: http://www.thinkster.io/pick/GUIDJbpIie/angularjs-tutorial-learn-to-build-modern-web-apps

[48] Фильтруем массивы с помощью Array#filter: http://designpepper.com/blog/drips/filtering-arrays-with-array-filter

[49] Сложные процессы автоматизации с помощью кастомных задач в Grunt: http://flippinawesome.org/2013/09/23/automating-complex-workflows-with-grunt-custom-tasks/

[50] Роутеры Backbone.js: http://www.sitepoint.com/backbone-js-routers/

[51] pace: http://github.hubspot.com/pace/docs/welcome/

[52] dna.js Template Cloner: http://dnajs.org/

[53] BackgroundCheck: http://www.kennethcachia.com/background-check/

[54] kerningJS: http://kerningjs.com/

[55] naver: http://www.benplum.com/formstone/naver/

[56] Tabslet: http://vdw.github.io/Tabslet/

[57] drawingboard.js: http://leimi.github.io/drawingboard.js/

[58] BrowserSwarm: http://www.opennet.ru/opennews/art.shtml?num=38002

[59] Начало бета-тестирования Firefox 25 и создание aurora-ветки Firefox 26: http://www.opennet.ru/opennews/art.shtml?num=37973

[60] Добавляем безопасности браузеру Firefox: http://habrahabr.ru/post/195052/

[61] Google Chrome отказывается от поддержки NPAPI-плагинов: http://my-chrome.ru/2013/09/google-chrome-otkazyvaetsya-ot-podderzhki-npapi-plaginov/

[62] Firefox для Windows 8 поддерживает сенсорный ввод и жесты: http://www.3dnews.ru/762339/

[63] Описание изменений в IE11, в том числе основных новых функций и API: http://blogs.msdn.com/b/ieinternals/archive/2013/09/24/10451776.aspx

[64] Firefox выиграл с отрывом у Chrome как наиболее внушающий доверие: http://nakedsecurity.sophos.com/2013/09/23/firefox-burns-chrome-in-our-trustworthy-browser-poll/

[65] Line Mode Browser 2013: http://line-mode.cern.ch/

[66] nativeformelements: http://nativeformelements.com/

[67] Google Static Map Maker : http://codepen.io/katydecorah/pen/Klieu

[68] WP TEST: http://wptest.io/

[69] feedthebot tools: http://www.feedthebot.com/tools/

[70] Avatars.io: http://avatars.io/

[71] Device pixel density tests: http://bjango.com/articles/min-device-pixel-ratio/

[72] SteamOS: http://store.steampowered.com/livingroom/SteamOS/

[73] обсуждаем на Хабре: http://habrahabr.ru/post/195246/

[74] SteamMachines: http://store.steampowered.com/livingroom/SteamMachines/

[75] обсуждаем на Хабре: http://habrahabr.ru/post/195244

[76] SteamController: http://store.steampowered.com/livingroom/SteamController/

[77] обсуждаем на Хабре: http://hhttp://habrahabr.ru/post/195566/

[78] разработчики игр одобряют: http://www.engadget.com/2013/09/28/steam-controller-dev-reactions/

[79] Яндекс, с Днем рождения!: http://habrahabr.ru/post/194942/

[80] Google, с Днем рождения!: http://slon.ru/appheroes/google-prazdnuet-15-let-poiska-obnovlyaet-mobilnye-prilozheniya-i-vspominaet-proshloe-996956.xhtml

[81] Blackberry продают за $4,7 млрд крупнейшему акционеру: http://ain.ua/2013/09/24/371323

[82] Apple продала 9 миллионов новых айфонов за три дня: http://www.siliconrus.com/2013/09/apple-9m-iphones/

[83] В Америке iOS 7 уже установлена больше чем на половине устройств Apple: http://www.computerra.ru/84149/v-amerike-ios-7-uzhe-ustanovlena-bolshe-chem-na-polovine-ustroystv-apple/

[84] Samsung начинает региональную блокировку своих смартфонов : http://keddr.com/2013/09/samsung-nachinaet-regionalnuyu-blokirovku-svoih-smartfonov/

[85] ПриватБанк стал крупнейшим в мире корпоративным пользователем Linux: http://privatbank.ua/news/privatbank-stal-krupneishim-v-mire-korporativnim-polzovatilem-linux/

[86] Старейшая в мире газета отказывается от печатной версии: http://slon.ru/fast/world/lloyd-s-list-otkazyvaetsya-ot-pechatnoy-versii-996175.xhtml

[87] Microsoft отказалась от поддержки Skype: http://www.3dnews.ru/762358/

[88] Bing интегрировал собственный поиск с Siri: http://www.searchengines.ru/news/archives/bing_integrirov_seearch_siri_ios.html

[89] iOS 7 обошла Android в рейтинге пользовательской удовлетворенности Pfeiffer Consulting: http://www.3dnews.ru/763267/

[90] Google запустила Constitute, справочник по всем мировым конституциям: http://habrahabr.ru/post/194896/

[91] Удаленная блокировка Android: http://habrahabr.ru/post/195028/

[92] Google реализовал поддержку хэштегов Google+ в поисковых запросах: http://habrahabr.ru/post/195442/

[93] Google предствила Hummingbird: http://4pda.ru/2013/09/28/116967/

[94] Google снова пришлось извиняться за работу почты: http://www.searchengines.ru/news/archives/google_snova_pr_appologoze_mail.html

[95] Google нанёс очередной удар по ссылочным биржам: http://www.searchengines.ru/news/archives/google_nanyes_hit_links.html

[96] Представлен первый смартфон, поставляемый с прошивкой на базе CyanogenMod: http://www.opennet.ru/opennews/art.shtml?num=37981

[97] Microsoft Surface 2/Surface Pro 2 — коротко о новых планшетах Microsoft: http://www.mobile-review.com/articles/2013/microsoft-surface-pro2.shtml

[98] Встречаем OPPO N1: http://keddr.com/2013/09/anonsirovan-oppo-n1-dobro-pozhalovat-nomer-pervyiy/

[99] Samsung подтвердила анонс в октябре смартфона с изогнутым дисплеем: http://www.3dnews.ru/763313/

[100] Nvidia представила Tegra Note: http://habrahabr.ru/post/195498

[101] Новое поколение планшетов Amazon Kindle Fire — дешевле и мощнее: http://keddr.com/2013/09/novoe-pokolenie-planshetov-amazon-kindle-fire-deshevle-i-moshhnee/

[102] Z10 принёс BlackBerry $934 миллиона… убытков: http://4pda.ru/2013/09/28/116855/

[103] Играем на пианино и записываем мелодию в браузерах Chrome/Safari: http://labs.plan8.se/cloudspiano/

[104] Хром-эксперимент с картами: http://mapdive.weareinstrument.com/

[105] FPS в FPS: http://kripken.github.io/boon/inception/game.html?low,low

[106] Rollercoaster.io: http://habrahabr.ru/company/opera/blog/194920/

[107] 25 сайтов, посвященных фильмам : http://www.dejurka.ru/web-design/movie-websites/

[108] 25 вдохновляющих одностраничных сайтов с параллакс-эффектом: http://speckyboy.com/2013/09/23/25-inspiring-single-page-parallax-scrolling-sites/

[109] brandvillage.com.aus: http://www.brandvillage.com.au/

[110] betweenredandtoe.com: http://betweenredandtoe.com/

[111] w-not.ru: http://w-not.ru/

[112] Более двух десятков сайтов из Японии и Китая : http://www.dejurka.ru/web-design/japanese-china-websites/

[113] Сайты на спортивную тематику для вашего вдохновения: http://www.dejurka.ru/inspiration/sports-sites-for-your-inspiration/

[114] Интервью с иллюстратором Николаем Тюлиным: http://www.dejurka.ru/articless/nikolai-tulin/

[115] Поиграть со шрифтами: Как меняется мода на начертания: http://www.lookatme.ru/mag/inspiration/inspiration-opinions/196493-thin-fonts

[116] Обзор креативной типографики за сентябрь 2013: http://www.splashnology.com/article/creative-typography-2013/9962/

[117] Новый логотип и айдентика для 2013 Brand New Conference от UnderConsideration: http://www.underconsideration.com/brandnew/archives/new_logo_and_identity_for_2013_brand_new_conference_by_underconsideration.php#.UkJtxT8g1cp

[118] Иконки с измененным под iOS 7 дизайном: http://afterios7icon.tumblr.com/

[119] Designing for iOS7: Perils & Pluses: http://www.lukew.com/ff/entry.asp?1800

[120] Smart Quotes for Smart People: http://smartquotesforsmartpeople.com/

[121] Делайте дизайн открытым: http://bradfrostweb.com/blog/post/designing-in-the-open/

[122] О нововведениях в Adobe Photoshop Elements 12: http://psd.tutsplus.com/tutorials/tools-tips/the-complete-guide-to-whats-new-in-adobe-photoshop-elements-12/

[123] Полное руководство по корректирующим слоям в Photoshop – Black & White: http://psd.tutsplus.com/tutorials/tools-tips/the-ultimate-guide-to-adjustment-layers-black-white/

[124] Неофициальные редизайны известных ресурсов выглядящие лучше живых версий: http://www.webdesignerdepot.com/2013/09/15-unofficial-redesigns-that-are-better-than-the-originals/

[125] Классные визитки выполненные в мультяшном стиле: http://designbeep.com/2013/09/24/20-stunning-cartoon-style-business-card-designs/

[126] Прекрасные примеры использования выворотки в дизайне логотипов: http://www.designerledger.com/creative-clever-logos-with-negative-space/

[127] Как управлять инструментом Gradient Mesh в Illustrator: http://designmodo.com/gradient-mesh-illustrator/

[128] Когда и какой продукт лучше использовать для создания печатной продукции: Adobe Illustrator или Photoshop, а может InDesign?: http://designshovel.com/go/2ncaab

[129] Глянцевые и прозрачные элементы в интерфейсах мобильных приложений: http://designshovel.com/go/vncaab

[130] Тест на определение того, насколько вы хорошо различаете цвета: http://www.xrite.com/custom_page.aspx?pageid=77&lang=en

[131] Примеры инновационной корпоративной адентики: http://www.coalesceideas.com/15-innovating-corporate-identity-design-approach/

[132] Красочные веб-дизайны для вдохновления: http://www.goodfav.com/colorful-website-designs-17802.html

[133] Дизайнерские концепцие скрывающиеся за распространенными знаками: http://www.creativebeacon.com/design-concepts-behind-common-signs/

[134] Более тридцати самых известных шрифтов со ссылками на ресурсы, с которых эти шрифты можно скачать: http://tutorials-share.com/freebies/most-famous-fonts-and-where-to-download-them/

[135] Как делать сложные выделения в Photoshop-е: http://www.creativebeacon.com/make-difficult-selections-in-photoshop/

[136] Бесплатные шрифты-пиктограммы: http://www.dejurka.ru/graphics/free-icons-font-sets/

[137] Бесплатные Кисти для Adobe Illustrator : http://www.dejurka.ru/graphics/free-paint-brushes-for-adobe-illustrator/

[138] Новый свободный шрифт Fira: http://habrahabr.ru/post/195118/

[139] Freebie: http://speckyboy.com/2013/09/24/freebie-incredibly-detailed-flatty-ui-kit/

[140] 50 свежих печенек от Dribbble: http://www.splashnology.com/article/freebies-from-dribbble/9993/

[141] Bjango Actions 2.0 (PSDs + Actions): http://dribbble.com/shots/1248681-Bjango-Actions-2-0-PSDs-Actions

[142] Flat Rounded Square UI Kit: http://www.webappers.com/flat-ui-kit/

[143] Наборы социальных иконок: http://ewebdesign.com/free-social-media-icons/

[144] Большая коллекция материалов и наборов для создания инфографики: http://www.hongkiat.com/blog/infographics-resource-kits/

[145] Уроки по созданию типографических эффектов в фотошопе: http://www.designerledger.com/photoshop-text-effect-tutorials/

[146] Более двух сотен шрифтов: от Klinic Slab до Fabrica : http://www.goodfav.com/free-graphic-design-fonts-17573.html

[147] Более шести десятков кистей для фотошопа нарисованных от руки: http://info.webtoolhub.com/kb-a275-62-excellent-hand-drawn-photoshop-brush-sets.aspx

[148] Flat UI Kit PSD: http://bloomwebdesign.net/2013/09/flat-ui-kit-psd-free-user-interface-kit/

[149] Более девяносто Photoshop Actions для обработки фото: http://tutorials-share.com/photoshop/photoshop-actions-set-pack/

[150] Более четырех десятков шрифтов для имитации надписей нарисованных мелом, от Scrawler до Kr Rachel's Chalkboard Font : http://info.webtoolhub.com/kb-a274-42-free-chalk-fonts-to-brighten-your-designs.aspx

[151] Flatty UI Kit Psd: http://www.creativebeacon.com/flatty-ui-kit-psd-week/

[152] Коллекция из полутора десятков шрифтов, от Chunk Five до Five Minutes: http://www.webdesigntalks.com/collection-of-15-best-free-fonts-for-download/

[153] Три векторных шаблона визиток: http://www.creativebeacon.com/3-free-vector-business-card-templates/

[154] Набор круглых социальных иконок: http://www.webbyarts.com/icon-design/social-media-circle-icons.html

[155] Средний доход разработчика в зависимости от языка программирования: http://habrahabr.ru/company/ambar/blog/194932/

[156] Билл Гейтс: Ctrl+Alt+Del — это была ошибка: http://habrahabr.ru/post/195418/

[157] Стадный эффект голосующих. Мууу… Исследование MIT'а: http://habrahabr.ru/post/195062/

[158] Пользователей буквально тошнит от iOS 7: http://www.siliconrus.com/2013/09/ios7-sick/

[159] Производная и интеграл — на примере с банковским счётом: http://yasno.tv/articles/11-math/24-proizvodnaya-integral-bankovskiy-schet

[160] История BlackBerry (1984-2013): http://itc.ua/articles/istoriya-blackberry-1984-2013/

[161] Мобильная платформа Android: пять лет истории: http://itc.ua/articles/mobilnaya-platforma-android-pyat-let-istorii/

[162] 15 незаметных интерфейсных решений компании Google: http://www.lookatme.ru/mag/inspiration/inspiration-lists/196613-google-15-years

[163] Nvidia: игровые консоли навсегда отстали от уровня графики компьютеров: http://www.computerra.ru/84315/nvidia-game-consoles-are-dead/

[164] LucasFilm показала, как будут создавать кино в будущем: http://www.lookatme.ru/mag/future/future-news/196563-lucasfuture

[165] Рынок смартфонов. Все идет по плану Стива Джобса: http://keddr.com/2013/09/ryinok-smartfonov-vse-idet-po-planu-stiva-dzhobsa/

[166] Робот, повторяющий движения руки художника: http://www.youtube.com/watch?feature=player_embedded&v=zy2FfMp_tSQ

[167] 3D-принтер, делающий репродукции шедевров живописи: http://www.computerra.ru/84111/3d-printer-delaet-reproduktsii-shedevrov-zhivopisi-vosproizvodya-kazhdyiy-mazok-kisti/

[168] Денис Крючков: «Безопасной бухты, в которой ты смог бы выворачивать наизнанку свою жизнь, в интернете просто нет» : http://www.rusrep.ru/article/2013/09/25/10internetguru/

[169] Более двух десяток «пасхальных яиц» на популярных сайтах: http://www.dtelepathy.com/blog/inspiration/24-endearing-easter-eggs-for-your-inspiration

[170] Теперь с помощью Google Street View можно прогуляться по Большому адронному коллайдеру: http://www.computerra.ru/84192/teper-s-pomoshhyu-google-street-view-mozhno-progulyatsya-po-bolshomu-adronnomu-kollayderu/

[171] О WordPress из уст непосредственного разработчика : http://ain.ua/2013/09/26/362921

[172] Фотография в Instagram Рианны привела к аресту двух жителей Таиланда: http://lenta.ru/news/2013/09/23/rihanna/

[173] Сколько людей находится в космосе прямо сейчас: http://www.howmanypeopleareinspacerightnow.com/

[174] Продолжение истории про бездомного, которого решили научить кодить: http://www.businessinsider.com/homeless-coder-2013-9

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

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

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

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

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