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

---

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

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

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

[1] Советы по использованию media query: http://habrahabr.ru/post/198292/

[2] «WebGL Beginner's Guide» Глава 1: Начиная работать с WebGL: http://habrahabr.ru/post/198306/

[3] Подборка полезного для Twitter Bootstrap 3: http://habrahabr.ru/post/198346/

[4] Адаптивный дизайн и IE8: http://habrahabr.ru/post/198488/

[5] Делаем свой персональный Skype, пошаговая инструкция создания WebRTC приложения: http://habrahabr.ru/post/198632/

[6] HTML Academy, Хабр и краудфандинг: http://habrahabr.ru/company/htmlacademy/blog/198620/

[7] Новый PhpStorm 7: за пределами языка: http://habrahabr.ru/company/JetBrains/blog/198510/

[8] Видеообзор новых возможностей PhpStorm 7 : http://www.youtube.com/watch?v=9DgY3ANj0Rk&feature=youtu.be

[9] Fronteers 2013: http://tohtml.it/post/64759683561/fronteers-2013

[10] Web Standards Days: http://dev.by/blogs/main/web-standards-days-nezhnyy-css-poyuschie-kubiki-i-skripuchie-stulya

[11] Web Audio API – новые возможности генерации, обработки и объемного распределения звука в браузере.: http://html5.by/blog/audio/

[12] Доклад Артёма Кошелева: http://tech.yandex.ru/events/yasubbotnik/riga-apr-2013/talks/696/

[13] Fontello: прошлое и будущее сервиса иконочных шрифтов: http://css-tricks.com/fontello-past-future-icon-font-service/

[14] Разделенный на две части лейаут: реализация и эффекты : http://tympanus.net/codrops/2013/10/25/split-layout/

[15] simurai о синтаксисе БЭМ : http://montagejs.org/blog/2013/10/24/BEM-syntax-with-ux-in-mind/

[16] Sample Debugging Protocol Clients : https://developers.google.com/chrome-developer-tools/docs/debugging-clients

[17] Поддержка Retina-дисплеев в темах WordPress: http://oddstyle.ru/wordpress-2/stati-wordpress/podderzhka-retina-displeev-v-temax-wordpress.html

[18] Делаем 3D MMO с использованием WebSockets: http://davidwalsh.name/3d-websockets

[19] Предотвращаем ненужную отрисовку анимированными GIF : http://www.html5rocks.com/en/tutorials/speed/animated-gifs/

[20] 7 советов по ускорению вашего WP блога : http://www.catswhocode.com/blog/speeding-up-your-wordpress-blog-7-effective-solutions

[21] Поддержка Web Audio API браузерами: http://blog.teamtreehouse.com/building-a-synthesizer-with-the-web-audio-api

[22] Создание HTML5 аудиоплеера с плейлистом: http://www.script-tutorials.com/html5-audio-player-with-playlist/

[23] Концепт перемещения placeholder-текста при заполнении пользователем полей: http://codepen.io/aaronbarker/pen/tIprm

[24] Automating Front-end Workflow: https://speakerdeck.com/addyosmani/automating-front-end-workflow

[25] Введение в Event-Focused JS и CSS (EFJAC): https://medium.com/objects-in-space/9b8a9dd7bfe3

[26] CSScv: http://csswizardry.com/csscv/

[27] интерактивное резюме: http://www.rleonardi.com/interactive-resume/

[28] Идеальный css-framework. Maxmertkit widget manager – build your own framework: http://habrahabr.ru/post/197834/

[29] AutoclassCSS — быстрый каркас на основе HTML: http://habrahabr.ru/post/198420/

[30] Несколько советов less-разработчику: http://habrahabr.ru/post/196190/

[31] 12 клевых возможностей CSS3, которые можно наконец-то использовать: http://tutorialzine.com/2013/10/12-awesome-css3-features-you-can-finally-use/

[32] Как отобразить и стилизовать полосу прокрутки в OS X (webkit): http://davidwalsh.name/osx-overflow

[33] Objects in Space: https://medium.com/objects-in-space/f6f404727

[34] Использование CSS Shapes для усиления визуальной привлекательности повествования (демо «Алиса в стране чудес»): http://blogs.adobe.com/webplatform/2013/10/23/css-shapes-visual-storytelling/

[35] Крутые фишки из IE10/11 (CSS Scrolling Snap Points) могут попасть в спецификации: http://blogs.msdn.com/b/ie/archive/2013/10/22/enabling-new-interoperable-panning-experiences-through-the-css-scrolling-snap-points-specification.aspx

[36] Испытываем лучше CSS техники : http://coding.smashingmagazine.com/2013/10/21/challenging-css-best-practices-atomic-approach/

[37] Карго культ CSS : http://www.kapowaz.net/articles/cargo-cult-css

[38] Идеи по наименованию классов: http://adactio.com/journal/6537/

[39] Специфичность CSS: http://cssspecificity.com/

[40] SassBites — 15тиминутные видео по тематике Sass : http://www.youtube.com/SassBites

[41] Navicon Transformicons: Анимация навигационных иконок с помощью CSS Transforms : http://sarasoueidan.com/blog/navicon-transformicons/

[42] Анимация для Thumbnail Grids: http://tympanus.net/codrops/2013/10/23/animations-for-thumbnail-grids/

[43] Стереоскопический CSS: http://hop.ie/blog/stereoscopic/

[44] Нестандартный CSS: расширяем границы с Adobe: http://www.webdesignerdepot.com/2013/10/not-your-standard-css-pushing-the-boundaries-with-adobe/

[45] CSS трюк: Windows 8 метро плитка: http://www.webtechgadgetry.com/2013/10/css-tip-windows-8-metro-tile/

[46] Как создавать иконки для iOS 7 на CSS: http://www.webtechgadgetry.com/2013/10/css-tip-ios-7-icons/

[47] iOS7 иконки: http://codepen.io/tessat/pen/dqcCo

[48] Oh No! Spaghetti Code!: https://speakerdeck.com/mobywhale/oh-no-spaghetti-code

[49] Красочная цветовая палитра с растяжками: http://codepen.io/zessx/pen/rDEAl

[50] API консоли Javascript: http://habrahabr.ru/post/198372/

[51] Познакомимся с Mutation Observers: http://frontender.info/mutation-observers-tutorial/

[52] Snap.svg: http://web-standards.ru/news/799/

[53] Обзорная статья: http://www.raymondcamden.com/index.cfm/2013/10/23/Introducing-Snapsvg

[54] JSComplexity.org: http://jscomplexity.org/

[55] JavaScript имеет проблемы с Unicode: http://mathiasbynens.be/notes/javascript-unicode

[56] Handpicked jQuery Plugins: http://repo.jque.re/browse/

[57] Создаем Parallax Scrolling страницу с помощью Jarallax.js : http://www.onextrapixel.com/2013/10/24/creating-a-parallax-scrolling-webpage-using-jarallax-js/

[58] Сколько пользователей без включенного JavaScript: http://digital.cabinetoffice.gov.uk/2013/10/21/how-many-people-are-missing-out-on-javascript-enhancement/

[59] Grunt Boilerplate: http://www.integralist.co.uk/posts/grunt-boilerplate/

[60] Работа с IndexedDB – часть 2: http://net.tutsplus.com/tutorials/javascript-ajax/working-with-indexeddb-part-2/

[61] часть 1: http://net.tutsplus.com/tutorials/javascript-ajax/working-with-indexeddb/

[62] Good evening. I'm Sir Trevor.: http://madebymany.github.io/sir-trevor-js/

[63] dolly.js: http://lunarlogic.github.io/dolly.js/

[64] Rimg: http://joeyvandijk.github.io/rimg/

[65] Автоматизируйте отзывчивость ваших изображений с помощью Mobify.js : http://mobile.smashingmagazine.com/2013/10/24/automate-your-responsive-images-with-mobify-js/

[66] frame-player: http://vagnervjs.github.io/frame-player/

[67] Socialite: http://socialitejs.com/

[68] oboe.js: https://github.com/jimhigson/oboe.js

[69] Device.js: http://matthewhudson.me/projects/device.js/

[70] alpacajs: http://www.alpacajs.org/

[71] Offline.js: http://github.hubspot.com/offline/docs/welcome/

[72] Getting touchy: http://de.slideshare.net/redux/getting-touchy-an-introduction-to-touch-and-pointer-events-future-of-web-apps-london-24102013

[73] Как создать событие в JavaScript, срабатывающее только один раз: http://www.sitepoint.com/create-one-time-events-javascript/

[74] Эпилог Оперы: http://habrahabr.ru/post/198914/

[75] Aura может появиться в Google Chrome 32: http://my-chrome.ru/2013/10/aura-mozhet-poyavitsya-v-google-chrome-32/

[76] Контролируемые профили (бета) в Google Chrome: http://my-chrome.ru/2013/10/kontroliruemye-profili-beta-v-google-chrome/

[77] Индикаторы звука, веб-камеры и захвата экрана в Google Chrome 32: http://my-chrome.ru/2013/10/indikatory-zvuka-veb-kamery-i-zaxvata-ekrana-v-google-chrome-32/

[78] Разработчики Mozilla намереваются увеличить интервал между выпусками Firefox с 6 до 9 недель: http://www.opennet.ru/opennews/art.shtml?num=38218

[79] В Firefox заблокирован по умолчанию Java-плагин: http://www.opennet.ru/opennews/art.shtml?num=38228

[80] Content Snippets: http://www.contentsnippets.com/

[81] speedof.me: http://speedof.me/

[82] placebeard.it: http://www.placebeard.it/

[83] iPad Air(5), iPad Mini Retina, OS X, iLife, iWorks: http://habrahabr.ru/post/198616/

[84] 22 октября: новые iPad и не только!: http://www.mobile-review.com/apple/articles/apple-press-late2013.shtml

[85] Записки маковода: обзор OS X Mavericks.: http://gagadget.com/software/2013-10-22-zapiski-makovoda-obzor-os-x-mavericks/

[86] OS X Mavericks за первые сутки была установлена на 5,5% компьютеров Apple: http://itc.ua/news/os-x-mavericks-za-pervyie-sutki-byila-ustanovlena-na-5-5-kompyuterov-apple/

[87] Яндекс запускает Метрику для приложений: http://habrahabr.ru/company/yandex/blog/198386/

[88] Новая версия Яндекс.Браузера: поиск по странице с учетом морфологии и поддержка жестов: http://habrahabr.ru/company/yandex/blog/198866/

[89] Будущее поиска по картинкам уже сейчас. Яндекс научился распознавать и объединять серии изображений: http://habrahabr.ru/company/yandex/blog/198830/

[90] Защита оригинальных текстов в Яндексе теперь доступна всем: http://www.searchengines.ru/news/archives/zashchita_origi.html

[91] Самые полезные обновления Google Analytics в 2013 году: http://habrahabr.ru/company/iseo/blog/198730/

[92] Google запускает интерактивную карту DDoS-атак и сервис защиты от них: http://ain.ua/2013/10/22/499096

[93] В Gmail и Google Docs появилось распознавание рукописного текста: http://habrahabr.ru/post/198860/

[94] Чистая прибыль Яндекса в III квартале 2013 года составила 5,0 млрд рублей: http://www.searchengines.ru/news/archives/chistaya_pribyl_yand.html

[95] Совокупная выручка Mail.ru Group за III квартал 2013 г. выросла за счет контекстной рекламы: http://www.searchengines.ru/news/archives/sovokupnaya_seg.html

[96] Квартальная прибыль Microsoft составила $18,5 млрд: http://itstrateg.net/news/kvartalnaya-pribyl-microsoft-sostavila-185-mlrd-2729

[97] Samsung Electronics получила рекордную прибыль по итогам третьего квартала: http://itc.ua/news/samsung-electronics-poluchila-rekordnuyu-pribyil-po-itogam-tretego-kvartala/

[98] День рождения Ubuntu: http://habrahabr.ru/post/198490/

[99] Новинки Nokia World: http://habrahabr.ru/company/Nokia/blog/198558/

[100] раз: http://keddr.com/2013/10/nokia-world-2013/

[101] два: http://mobile-review.com/articles/2013/nokia-world.shtml

[102] Выступление Павла Дурова на конференции GMIC в Сан-Франциско: http://habrahabr.ru/company/ambar/blog/198680/

[103] Вышел WordPress 3.7 “Basie”: http://habrahabr.ru/post/199146/

[104] ФСБ хочет получить полный доступ к данным пользователей интернета: http://kommersant.ru/doc/2324684

[105] На Coursera появились русскоязычные курсы: http://lenta.ru/news/2013/10/24/coursera/

[106] Bing представил поисковое приложение для Windows 8.1: http://www.searchengines.ru/news/archives/bing_predstavil_new_app_wind.html

[107] Планшеты есть у трети взрослых американцев: http://www.3dnews.ru/770727/

[108] LG Fireweb — первый смартфон компании LG на Firefox OS: http://www.3dnews.ru/771549/

[109] Twitter обогнал Facebook по популярности среди подростков: http://www.searchengines.ru/news/archives/twitter_obognal.html

[110] Добро пожаловать в будущее!: http://futurenow.ru/

[111] bjoernmeier.com: http://bjoernmeier.com/

[112] andremaurice.it: http://www.andremaurice.it/

[113] The Walking Dead — Zombiefied. We're all infected. Spread the word.: http://www.cabletv.com/the-walking-dead

[114] Потрясающий пример использования WebGL на реальном сайте: http://onemillionreasons.audi.de/index.html

[115] Коллекция современных сайтов в темном стиле: http://www.splashnology.com/article/dark-style-websites/10276/

[116] Сайты дизайнерских креативных агенств: http://www.designerledger.com/creative-design-agency-websites/

[117] Примеры креативных сайтов, в которых используется дизайн с двумя боковыми панелями: http://spyrestudios.com/27-website-layouts-using-two-sidebars/

[118] Свежие сайты с современным, ясным и лаконичным дизайном: http://vandelaydesign.com/blog/css/30-fresh-websites-with-modern-clean-design/

[119] Примеры прекрасных монохроматических сайтов: http://www.webdesignerdepot.com/2013/10/20-beautiful-monochromatic-sites/

[120] Тёмные паттерны: интерфейсы, предназначенные для обмана: http://habrahabr.ru/post/198044/

[121] Правильный инструмент для создания прототипов в веб-дизайне: http://habrahabr.ru/post/198798/

[122] Анимация в интерфейсах: http://habrahabr.ru/post/198826/

[123] Алексом Бендером: http://www.dejurka.ru/articless/alex-bender/

[124] Александром Лагутой: http://www.dejurka.ru/articless/alexandr-laguta/

[125] Marc O’Brien: http://designmodo.com/interview-marc-obrien/

[126] Три способа создания длинных теней в Adobe Illustrator: http://www.dejurka.ru/tutorial/techniques-to-create-a-trendy-long-shadow-effect/

[127] тюльпаны: http://www.dejurka.ru/tutorial/beautiful-tulips-in-illustrator/

[128] 20 примеров «детского веб-дизайна» : http://www.dejurka.ru/web-design/web-design-for-kids/

[129] Web Graphics Trends in 2013: http://html5hub.com/web-graphics-trends-in-2013/#i.ix7xprbqkd3yuy

[130] Продуманные анимационные переходы в дизайне UI: http://uxdesign.smashingmagazine.com/2013/10/23/smart-transitions-in-user-experience-design/

[131] Погружаемся в детство – веб-дизайн в мультяшном стиле: http://designmodo.com/cartoon-website-designs/

[132] Пять социальных сетей для графических дизайнеров: http://www.orphicpixel.com/5-social-networks-for-graphic-designers/

[133] Ключевые элементы, которые помогут сделать успешной вашу посадочную страницу: http://www.webdesignviews.com/2013/10/landing-page-successful/

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

[135] Как восстановить в Photoshop-е фотографию имеющую значительные повреждения: http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-restore-a-heavily-damaged-photo-with-photoshop/

[136] Как создать тему для WordPress в PSD с плоским дизайном, как это делают профессионалы: http://ewebdesign.com/create-wordpress-theme/

[137] Примеры современной айдентики: http://www.andysowards.com/blog/2013/identity-design/

[138] Примеры невероятно креативной рекламы пищевых продуктов: http://www.coalesceideas.com/creative-food-advertising-designs/

[139] Редизайн плоских иконок iOS 7: http://ewebdesign.com/ios7-flat-icons/

[140] Вдохновляющие примеры использования иллюстраций в веб-дизайне: http://www.designerledger.com/illustration-in-web-design/

[141] Примеры дизайна креативных страниц «О компании»: http://line25.com/articles/showcase-of-creative-meet-the-team-about-pages

[142] Впечатляющие примеры дизайнов сайтов-портфолио: http://www.designerledger.com/design-portfolio-websites/

[143] Два десятка шаблонов PSD для создания дизайна печатной продукции: http://blog.spoongraphics.co.uk/articles/25-free-psd-templates-to-mockup-your-print-designs

[144] Два десятка шаблонов PSD с формами авторизации: http://www.webdesigntunes.com/graphic-design/free-signup-forms-psd/#.Umn6KRAg1co

[145] Плоский набор UI для создания скетчей: http://ui-cloud.com/flat-ui-kit-for-sketch/

[146] Наборы элементов UI для вашего следующего дизайна веб-приложения: http://www.onextrapixel.com/2013/10/22/free-beautiful-ui-elements-for-your-next-web-application-design/

[147] PSD с растяжками и цветами UI новой iOS7: http://freebiesbug.com/psd-freebies/ios7-gradients-colours/

[148] iOS 7 UI (PSD): http://dribbble.com/shots/1272383-iOS-7-UI-free-PSD

[149] Четыре десятка шаблонов сверхестественных флаеров, посвященных дню Всех Святых: http://www.coalesceideas.com/40-uncanny-halloween-flyer-templates/

[150] PSD с круглыми иконками: http://freebiesbug.com/psd-freebies/thin-rounded-icons-psd-2/

[151] PSD с заготовками логотипов: http://freepsdfiles.net/logo-templates/psd-logo-design-templates-pack-3/

[152] абстрактные: http://www.dejurka.ru/graphics/free-abstract-photoshop-brushes/

[153] ретро и винтажные: http://designm.ag/resources/retro-vintage-brushes/

[154] тонкие в стиле гранж: http://wefunction.com/shop/subtle-grunge-brushes/

[155] просто два десятка бесплатных наборов: http://www.ozoneeleven.com/freebies/photoshop-free-brushes/

[156] AC Brodie: http://freebiesbug.com/free-fonts/ac-brodie-free-font/

[157] Dyspepsia: http://freebiesbug.com/free-fonts/dyspepsia-free-font/

[158] Salomé Regular: http://salomefont.com/

[159] Sifonn: http://freebiesbug.com/free-fonts/sifonn-free-font/

[160] Три с половиной десятка рукописных шрифтов: http://www.webdesignviews.com/2013/10/free-handwriting-fonts/

[161] Простые и четкие шрифты: http://speckyboy.com/2013/10/23/free-clean-crisp-fonts/

[162] 106 бесплатных плоских UI-элементов для дизайнеров: http://www.dejurka.ru/web-design/free-flat-ui-kits-to-boost-your-designs-in-no-time-part-1/

[163] Эмулятор x86 на JavaScript: http://habrahabr.ru/post/198192/

[164] Мяу на CSS3: http://liveweave.com/xLZkcH

[165] Анимируем чекбоксы и радиобатоны с помощью SVG : http://tympanus.net/Development/AnimatedCheckboxes/

[166] История эволюции маковской мышки с помощью CSS transitions: http://codepen.io/joshbader/details/fKjra?preview_height=600

[167] The Zoomquilt: http://zoomquilt.org/

[168] Generators Redux: https://www.shadertoy.com/view/lsXGWl

[169] Интерактивная книга на jQuery и HTML5: http://fliphtml5.com/

[170] TouchType: http://games.djordjeungar.com/touchtype

[171] Клевый эффект анимированного трафарета на CSS : http://codepen.io/diegopardo/pen/GqEho

[172] Эмулятор JSMESS позволит запустить классику видеоигр прямо в браузере: http://4pda.ru/2013/10/26/121301/

[173] Metaballs Soup: http://oos.moxiecode.com/js_webgl/metaballs_soup/

[174] История дизайна мыши для компьютеров Apple: http://codepen.io/joshbader/full/fKjra

[175] Seene: http://seene.co/

[176] digitalattackmap.com: http://www.digitalattackmap.com

[177] Круговая анимация: http://codepen.io/lukerichardville/pen/CAnGy

[178] Неигровое применение Unity3D и Oculus Rift: http://habrahabr.ru/company/kelnik/blog/198572/

[179] Парень из Чехии повторил дизайн iOS7 в Wordе: http://habrahabr.ru/post/198636/

[180] История ошибок: как мы построили и потеряли бизнес с оборотом 500 000 долларов в год: http://habrahabr.ru/post/198868/

[181] Хакеры на экране — 2: http://habrahabr.ru/company/mailru/blog/199078/

[182] Краткий гид по патентному троллингу: http://pravo.ru/interpravo/practice/view/89645/

[183] ЖиЗЛ # 12: Стивен Хокинг: http://kanobu.ru/articles/zhizl--12-stiven-hoking-367319/

[184] О будущем, которое наступило уже сегодня: http://www.searchengines.ru/articles/optimization_ua.html

[185] искреннее продвижение товаров, борьба с негативом и торжество mobile: http://www.searchengines.ru/articles/optimization_com.html

[186] Как компании обманывают друг друга и пользователей: http://www.lookatme.ru/mag/industry/industry-lists/197267-cheating

[187] 7 ошибок компаний при переходе в мобайл: http://www.cossa.ru/articles/152/53353/

[188] Павел Дуров: «Цукерберг недооценивает ВКонтакте»: http://www.siliconrus.com/2013/10/pavel-durov-tsukerberg-nedootsenivaet-vkontakte/

[189] Депутат потребовал привлечь Павла Дурова за экстремизм: http://www.siliconrus.com/2013/10/deputat-potreboval-privlech-pavla-durova-za-ekstremizm/

[190] Юрий Мильнер: «У миллиардов людей нет навыков повышения эффективности»: http://www.forbes.ru/milliardery/246560-yurii-milner-u-milliardov-lyudei-net-navykov-povysheniya-effektivnosti

[191] Вице-президент Microsoft публично наезжает на Apple: http://www.siliconrus.com/2013/10/surface-vs-ipad/

[192] NASA создала высокоскоростное соединение с Луной: http://www.3dnews.ru/772006/

[193] Тестирование Leap Motion — бесконтактного сенсора для управления компьютером: http://www.siliconrus.com/2013/10/leap-motion/

[194] betteremailbraulio.com: http://www.betteremailbraulio.com/

[195] Видео года — YouTube Music Awards: http://www.youtube.com/watch?v=zv7ANggFrnc&list=PL_Bh9dvMw1uMM0JlOP4Zb_p1U5PSJP4Kz&index=1

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

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

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

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

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