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

---

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

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

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

[1] Использование Audio API для создания вокодера: http://habrahabr.ru/post/211905/

[2] Создаем тег Markdown с помощью Polymer/Web Components: http://habrahabr.ru/post/212015/

[3] хаки и клавиатурные сокращения: http://habrahabr.ru/post/212077/

[4] плагины и темы оформления: http://habrahabr.ru/post/212153/

[5] Создание простого Chrome приложения: http://habrahabr.ru/company/google/blog/212107/

[6] Проверка поддержки браузером SVG в img: http://css-tricks.com/test-support-svg-img/

[7] Наглядная демонстрация принципов работы адаптивного, респонсивного, резинового и статического дизайнов: http://liquidapsive.com/

[8] Как использовать Instagram API : http://www.developerdrive.com/2014/02/how-to-use-the-instagram-api/

[9] Какой из языков программирования подходит именно вам?: http://readwrite.com/2014/02/11/coding-language-learn-to-code-ios-android-web#awesm=~ovAExgnnwPiNk6

[10] Четыре пути для создания мобильного приложения, часть 3: PhoneGap: http://mobile.smashingmagazine.com/2014/02/11/four-ways-to-build-a-mobile-app-part3-phonegap/

[11] DevCasts: http://www.devcasts.io/

[12] Gibbon: https://gibbon.co/

[13] Образовательные и обучающие ресурсы для веб-разработчиков и веб-дизайнеров: http://www.smashingmagazine.com/2014/02/14/learning-resources-roundup/

[14] Codewars: http://www.codewars.com/

[15] w3schools: Хороший, плохой, злой (в обратном порядке).: http://www.impressivewebs.com/w3schools-ugly-bad-good/

[16] Букмарклет, «потрясший» веб год назад: https://hacks.mozilla.org/2014/02/html5-css3-and-the-bookmarklet-that-shook-the-web/

[17] Перегружаем Grunt-файл: http://www.html5rocks.com/en/tutorials/tooling/supercharging-your-gruntfile/

[18] Веб-анимация в работе: http://alistapart.com/article/web-animation-at-work

[19] Как дизайн Envato Marketplaces делался адаптивным: http://webuild.envato.com/blog/making-the-envato-marketplaces-responsive/

[20] Создание корзины с покупками на клиентской стороне: http://coding.smashingmagazine.com/2014/02/13/create-client-side-shopping-cart/

[21] Как ускорить ваш сайт с помощью AJAX и jQuery: http://www.webdesignerdepot.com/2014/02/how-to-supercharge-your-sites-speed-with-ajax-and-jquery/

[22] Три решения для поддержки Internet Explorer: http://davidwalsh.name/supporting-internet-explorer

[23] Воссоздание эффекта, замеченного на Medium — скролл-эффект размытия изображений: http://www.pencilscoop.com/2014/02/recreating-mediums-parallax-blur-effect/

[24] Off-canvas: http://philipprappold.com/text/off-canvas-like-the-pros

[25] Синхронизируйте настройки Sublime между всеми вашими устройствами: http://sublimall.org/

[26] Что такое Flexbox? Описание всех css свойств, основные принципы, приимущества и недостатки.: http://html5.by/blog/flexbox/

[27] CSS-переменные временно уйдут из Blink: http://web-standards.ru/news/839/

[28] После… или нет, перед… что-то я запутался (о псевдоэлементах CSS): https://frontender.info/after-no-no-before-wait/

[29] Каким быть родительскому селектору в CSS?: http://web-standards.ru/news/840/

[30] Хитрости CSS и функция calc : http://hugogiraudel.com/2014/02/06/calc-css-riddle/

[31] progre©ss — полосы прогресса на чистом css : http://jh3y.github.io/progre-c-ss/

[32] Интересный шаблон поведения для плейсхолдеров в текстовых полях : http://snook.ca/archives/html_and_css/floated-label-pattern-css

[33] Трюки с Flexbox для улучшения CSS шаблонов : http://webdesign.tutsplus.com/tutorials/tricks-with-flexbox-for-better-css-patterns--cms-19449

[34] Отличный пример стайлгайда сайта от Yelp : http://www.yelp.com/styleguide

[35] Sass компонент за 10 минут : http://www.sitepoint.com/sass-component-10-minutes/

[36] Modular Scale: https://github.com/Team-Sass/modular-scale

[37] Новый синтаксис для CSS Shapes : http://blogs.adobe.com/webplatform/2014/02/11/new-css-shapes-syntax/

[38] Hover-эффекты для кнопок на CSS: http://www.inserthtml.com/demos/css/button-styles/

[39] grid: http://www.adamkaplan.me/grid/

[40] Sache: http://www.sache.in/

[41] CSS осциллограф: http://christian-fei.com/css-oscilloscope/

[42] CSS3 Keyframes Animation Generator: http://cssanimate.com/

[43] Стильный плиточный шаблон с помощью SCSS: http://codepen.io/jeradg/pen/rFqat

[44] LocalForage: кроссбраузерное локальное хранилище от Mozilla: http://habrahabr.ru/company/nordavind/blog/212709/

[45] Анатомия Ember.js (часть первая, теоретическая): http://habrahabr.ru/post/212441/

[46] Разрабатываем более качественные API на JavaScript: http://frontender.info/designing-javascript-apis-usability/

[47] 20 jQuery плагинов для работы с типографикой: http://speckyboy.com/2014/02/10/jquery-typography-plugins/

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

[49] Множественные одновременные Ajax-запросы (с коллбеком) на jQuery: http://css-tricks.com/multiple-simultaneous-ajax-requests-one-callback-jquery/

[50] Повторное введение в JS: https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript

[51] tagtree.tv: http://tagtree.tv/

[52] Небольшой урок по Angular.js: http://html5hub.com/angular-js-tutorial/#i.f46ocdnpmep3v9

[53] localForage: улучшенное офф-лайн хранилище: https://hacks.mozilla.org/2014/02/localforage-offline-storage-improved/

[54] Коллекция однострочных фрагментов кода ES6: http://h3manth.com/new/blog/2014/es6-one-liners-to-show-off/

[55] Играем с итераторами и генераторами в ECMAScript 6: http://macr.ae/article/iterators-and-generators.html

[56] JavaScript промисы… с занятными деталями: http://mattgreer.org/articles/promises-in-wicked-detail/

[57] Замена коллбэков с помощью ES6 генераторов: http://flippinawesome.org/2014/02/10/replacing-callbacks-with-es6-generators/

[58] Как сделать CLI утилиту с помощью Node.js и PhantomJS: http://coding.smashingmagazine.com/2014/02/12/build-cli-tool-nodejs-phantomjs/

[59] Начинаем разбираться с D3, нарисовав простейшую графику: http://thinkingonthinking.com/Getting-Started-With-D3/

[60] kettle.js: http://smelnikov.github.io/kettle/

[61] jide.js: http://js.jidesoft.com/

[62] Fluidbox: http://terrymun.github.io/Fluidbox/

[63] InstantClick: http://instantclick.io/

[64] Создаем разворачивающиеся карточки с помощью FlipOut_Cards.js : http://www.onextrapixel.com/2014/02/12/create-a-dynamic-flip-out-card-with-flipout_cards-js/

[65] jquery.wanker.js : http://mig.io/makes/wanker/

[66] jquery.floatThead: http://mkoryak.github.io/floatThead/

[67] WOW.js: http://mynameismatthieu.com/WOW/

[68] mem.js: https://github.com/artyomtrityak/mem.js

[69] Placeholdem: http://placeholdem.jackrugile.com/

[70] Dug.js: http://rog.ie/blog/dugjs-a-jsonp-to-html-script

[71] Решение самой большой проблемы в веб-разработке: http://habrahabr.ru/company/trackduck/blog/211675/

[72] 10 бесплатных инструментов, чтобы подобрать цветовую гамму для стартапа: http://www.siliconrus.com/2014/02/colorise-it/

[73] Онлайн-ресурсы для поиска повторяющегося фона : http://www.webresourcesdepot.com/repeating-web-backgrounds-resources/

[74] Бесплатный онлайн-инструмент для определения шрифта по изображению : http://www.whatfontis.com/

[75] Page Layers: http://www.pagelayers.com/

[76] Бесплатный сервис для определения шрифта по изображению: http://davidwalsh.name/what-font-is

[77] Pageres: https://github.com/sindresorhus/pageres

[78] Classnamer: http://classnamer.com/

[79] Cody: http://codyhouse.co/

[80] «Яндекс» научился искать музыку по мотивчику типа «пу пу пиду»: http://habrahabr.ru/post/212403/

[81] Летсплеи рулят – Twitch обогнал Facebook по пиковому трафику: http://www.siliconrus.com/2014/02/twitch/

[82] Twitter тестирует радикально новый дизайн, напоминающий Facebook и Google+: http://internetno.net/category/novosti/twitter_testiruet_radikalno_novyj_dizajn_napominayuwij_facebook_i_google_skrinshot_i_podrobnosti/

[83] OneDrive — не только новое имя, но и значительный шаг вперёд для Microsoft: http://viennaos.net/articles/5384-onedrive-ne-tolko-novoe-imya-no-i-znachitelnyy-shag-vpered-dlya-microsoft.html

[84] Японская компания Rakuten купила Viber за 900 миллионов долларов: http://www.siliconrus.com/2014/02/viber-900/

[85] В течение трех лет Google представит интернет-сети нового поколения со скоростью передачи данных до 10 Гбит/с: http://itc.ua/news/v-techenie-treh-let-google-predstavit-internet-seti-novogo-pokoleniya-so-skorostyu-peredachi-dannyih-do-10-gbit-s/

[86] Яндекс подготовился к Олимпиаде оперативными ответами на вопросы в саджестах: http://www.searchengines.ru/news/archives/yandeks_podgoto.html

[87] За две недели Apple приобрела собственные акции на $14 млрд: http://www.3dnews.ru/802245/

[88] прекращает выпуск планшета iPad 2: http://www.3dnews.ru/803946/

[89] Компании «Бука» исполнилось 20 лет: http://www.3dnews.ru/804058/

[90] Продажи лицензий Microsoft Windows 8 превысили 200 млн штук: http://www.3dnews.ru/803951/

[91] Google проектирует интернет-сети со скоростью передачи данных до 10 Гбит/с: http://www.3dnews.ru/803869/

[92] У пользователей Silk Road украли биткоинов на 2,5 миллиона долларов: http://lenta.ru/news/2014/02/14/silkroad2/

[93] Народ против: жители Сиэтла заблокировали автобусы Microsoft: http://www.siliconrus.com/2014/02/shut-down-ms-shuttles/

[94] Shazam уже стоит полмиллиарда и привлек еще $20 млн: http://www.siliconrus.com/2014/02/shazam-500/

[95] Firefox вводит общий аккаунт и обновляет систему синхронизации: http://habrahabr.ru/post/212513/

[96] Выход Firefox 28-beta и Firefox 29-aurora. Запущен сервис Firefox Accounts: http://www.opennet.ru/opennews/art.shtml?num=39045

[97] Mozilla Firefox будет показывать сторонние сайты при открытии новой вкладки: http://www.3dnews.ru/803526/

[98] Вышла бета-версия Firefox for Windows 8 Touch: http://www.3dnews.ru/802200/

[99] Новые функции в Firefox Developer Tools: https://hacks.mozilla.org/2014/02/css-source-map-support-network-performance-analysis-more-firefox-developer-tools-episode-29/

[100] Обновленный «Яндекс.Браузер» получил каталог дополнений: http://itc.ua/news/obnovlennyiy-yandeks-brauzer-poluchil-katalog-dopolneniy/

[101] Компания Jolla открыла исходные тексты браузера Sailfish: http://www.opennet.ru/opennews/art.shtml?num=39076

[102] Facebook экспериментирует с блокировкой DevTools в Google Chrome: http://my-chrome.ru/2014/02/facebook-vs-devtools/

[103] В Chrome появилась поддержка фоновой компиляции JavaScript: http://www.opennet.ru/opennews/art.shtml?num=39084

[104] Включаем режим Enterprise Mode в IE11: http://microsoftportal.net/internet-explorer/3293-vklyuchaem-rezhim-enterprise-mode-v-ie11.html

[105] Музыкальный веб-дизайн : http://www.dejurka.ru/web-design/music-web-design/

[106] Классные сайты-портфолио : http://www.dejurka.ru/web-design/cool-portfolio-websites/

[107] Три десятка темных сайтов: http://www.splashnology.com/article/dark-websites/11624/

[108] celebratedesign.org: http://celebratedesign.org/

[109] henrysaiz.com: http://www.henrysaiz.com/

[110] everywhere.is: http://everywhere.is/

[111] Kévin Lagier: http://lagier-kevin.com/

[112] melanie-f.com: http://melanie-f.com/

[113] SpaceX Dragon: http://www.spacex.com/dragon

[114] rareview.com: http://rareview.com/

[115] whyilovejason.com: http://whyilovejason.com/index.html

[116] http://www.soleilnoir.net/dreamon: http://www.soleilnoir.net/dreamon/#/dreams

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

[118] Забавная 404-я страница: http://focuslabllc.com/404

[119] Designmodo: «Мы устали смотреть на задницы впереди стоящих дизайнеров»: http://www.siliconrus.com/2014/02/designmodo-startup/

[120] Интервью с digital-художником Никитой Пилюкшиным: http://www.dejurka.ru/articless/nikita-pilyukshin/

[121] Рисуем пушистый текст в Adobe Photoshop: http://www.dejurka.ru/tutorial/fuzzy/

[122] 45 олимпийских логотипов и символов с 1924 по 2020: http://colorlib.com/wp/all-olympic-logos-1924-2016/

[123] Более трех десятков качественно оформленных вдохновляющих цитат для дизайнеров: http://www.webdesignerdepot.com/2014/02/35-inspiring-quotes-for-designers/

[124] Секрет успешного редизайна: что было сделано для сайта TED верно и что было сделано не так с Twitter: http://www.webdesignerdepot.com/2014/02/the-secret-of-successful-redesigns-what-ted-got-right-and-what-twitter-got-wrong/

[125] Пользовательская интерфейсная библиотека: http://useyourinterface.com/

[126] Представление Iconfinder 5-й версии: http://blog.iconfinder.com/introducing-version-5-prepare-to-be-inspired/

[127] Simple Valentines: http://simplevalentines.com/#s-end

[128] Random User Generator: http://randomuser.me/extension/

[129] Pixelwood: http://www.behance.net/gallery/Pixelwood/12753749

[130] SHAPE / FORM: http://shape-form.com/

[131] Mobile bookof trends 2014: http://mobiledesigntrends.com/2014.html

[132] Цветовая история дня Святого Валентина: http://blog.brandisty.com/brand-management-blog/The-evolution-of-Valentines-Day-color/

[133] Советы и техники для создания дизайна веб-сайтов музыкальных групп: http://designm.ag/design/tips-for-band-web-design/

[134] Создание дизайна мобильного приложения-магазина в Photoshop: http://design.tutsplus.com/tutorials/create-a-mobile-shopping-app-design-in-photoshop--psd-32372

[135] Избранные работы конкурса анимированных гифок на Tuts+: http://design.tutsplus.com/articles/featured-art-from-design-challenge-9--psd-36960

[136] Как создать в фотошопе волшебную фото-манипуляцию: пост-обработка: http://design.tutsplus.com/tutorials/how-to-create-a-magical-photo-manipulation-post-production--psd-36407

[137] Создание анимации падающего снега в Photoshop: http://design.tutsplus.com/articles/create-animated-falling-snow-in-photoshop--psd-36702

[138] Полное руководство по работе с корректирующими цветами — цветовой баланс и выборочный цвет: http://design.tutsplus.com/tutorials/the-ultimate-guide-to-adjustment-layers-color-balance-and-selective-color--psd-36561

[139] Устаревшие UX паттерны и альтернативы им: http://sideproject.io/outdated-ux-patterns/

[140] Редизайн интерфейса поиска авиа-рейсов Unightdd Flight в Photoshop: http://nathanbarry.com/redesigning-united-flight-search-ui-photoshop/

[141] Одиннадцать минималистичных веб-сайтов: http://webdesignledger.com/inspiration/11-clean-minimalist-websites-for-your-inspiration

[142] Использование анимации для установления эмоциональной связи с вашей аудиторией: http://www.webdesignerdepot.com/2014/02/using-animation-to-create-an-emotional-connection-with-your-audience/

[143] Креативные лого стартапов: http://webdesignledger.com/inspiration/a-showcase-of-creative-startup-logos

[144] Лучшие бесплатные плагины для Photoshop-а для веб-дизайнеров: http://www.singsys.com/blog/best-free-photoshop-plugins-for-web-designers/

[145] Пять фоновых текстур с абстрактной геометрией: http://www.orphicpixel.com/5-high-resolution-geometric-backgrounds/

[146] Пять пиксельных фонов: http://designshack.net/design/5-pixel-backgrounds

[147] Более шести десятков текстур для дизайнеров: http://www.gomediazine.com/insights/textures/

[148] Более четырех десятков упаковок с векторной графикой посвященной весенним праздникам: http://www.noupe.com/freebie/get-prepared-40-top-free-vectors-for-spring-holidays-80990.html

[149] Упаковка с векторными полигональными сердечками: http://www.youthedesigner.com/2014/02/08/free-vector-pack-polygonal-hearts/

[150] Четыре десятка мокапол для презентации вашего дизайна на экранах различных устройств: http://line25.com/articles/40-free-mockup-templates-to-present-your-ui-designs

[151] Десять нужных наборов с плоскими иконками: http://inspiredm.com/10-must-free-flat-icon-sets/

[152] FF Chartwell: http://www.behance.net/gallery/FF-Chartwell/4001387

[153] Tesla: http://www.behance.net/gallery/Tesla-Font-Free-Download/14228781

[154] Пятничные шрифты #9: от Unique до Triumph Tippa: http://www.webdesignerhub.com/free-font-friday-9/

[155] Иван и Чудо-Юдо: игра на вышивание.: http://yudogame.com/

[156] Bouncy Balls: http://bouncyballs.org/

[157] WebSID: http://www.igorski.nl/experiment/websid

[158] Тестовая лаборатория с устройствами в чемодане: https://medium.com/p/122f87dac737

[159] Авто-генерация изображения розы: http://www.dllu.net/rose/

[160] VAL: http://marksteve.com/val/

[161] Гик-королева Yahoo: противоречивые результаты первых полутора лет: http://habrahabr.ru/post/212003/

[162] Freaks and Geeks: главные чудаки мира IT: http://habrahabr.ru/company/xakep/blog/212127/

[163] История умных часов: http://habrahabr.ru/post/212483/

[164] Лучшая научная визуализация-2013: http://compulenta.computerra.ru/chelovek/culture/10011367/

[165] Обзор Steam Machine: идеальная игровая система по версии Valve: http://itc.ua/articles/obzor-steam-machine-idealnaya-igrovaya-sistema-po-versii-valve/

[166] Пять самых необычных изобретателей в мире: http://www.computerra.ru/93895/pyatero-samyih-neobyichnyih-izobretateley-v-mire/

[167] В Белоруссии возбудили уголовное дело за угон танка из World of Tanks: http://ain.ua/2014/02/12/512754

[168] Железный Человек: настоящее и будущее экзоскелетов: http://naked-science.ru/article/tech/zheleznyi-chelovek-nastoyashch

[169] Американские военные в июне начнут тестировать прототип костюма «Железного Человека»: http://www.siliconrus.com/2014/02/kostyum-zheleznogo-cheloveka/

[170] ФРИИ нарисовали «Карту холдингов рунета» : http://roem.ru/2014/02/12/friirunet92356/

[171] В Москве пройдет Comic Con Russia: http://gmbox.ru/news/comic-con-russia-oficialno-na-igromire-2014

[172] «Вы будете жить внутри компьютера, и все вокруг будет его интерфейсом»: http://vozduh.afisha.ru/technology/vy-budete-zhit-vnutri-kompyutera-i-vse-vokrug-budet-ego-interfeysom/

[173] Секрет успеха Flappy Bird: http://www.siliconrus.com/2014/02/flappy-bird-case/

[174] Валентинки, от которых не тошнит: Grumpy Cat, Мастер Йода, Гитлер и генератор любви от Google: http://ain.ua/2014/02/14/513000

[175] Интернет-тролли склонны к садизму и психопатии: http://naked-science.ru/article/psy/internet-trolli-sklonny-k-sadi

[176] История Bitcoin – в одной инфографике: http://www.siliconrus.com/2014/02/bitcoin-history/

[177] Показывайте с помощью анимированных gif-ок, а не рассказывайте: http://insideintercom.io/show-dont-tell-gifs/

[178] 5 приложений для IT-гиков ко Дню Святого Валентина: http://ain.ua/2014/02/13/512770

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

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

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

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

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