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

---

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

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

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

[1] Оценка популярности открытых лицензий на GitHub: http://www.opennet.ru/opennews/art.shtml?num=41812

[2] Самые нужные плагины для Gulp: http://habrahabr.ru/post/252745/

[3] Добавление аудио в веб-приложения : http://developer.telerik.com/featured/adding-audio-to-web-apps/

[4] Создание семантических сайтов с веб-компонентами и JSON-LD: http://updates.html5rocks.com/2015/03/creating-semantic-sites-with-web-components-and-jsonld

[5] Использование сплэш-окна в веб-приложениях: http://updates.html5rocks.com/2015/03/increasing-engagement-with-app-install-banners-in-chrome-for-android

[6] Пуш-нотификации в открытом вебе: http://updates.html5rocks.com/2015/03/push-notificatons-on-the-open-web

[7] Что такое WebComponent-ы и почему они так важны?: http://www.revillweb.com/articles/why-web-components-are-important/

[8] localFont — реализация кеширования в localStorage за секунды: http://jaicab.com/localFont/

[9] Кеширование SVG спрайта в localStorage: http://osvaldas.info/caching-svg-sprite-in-localstorage

[10] Преобразование вашей иллюстрации в интерактивный SVG: https://medium.com @benev/transform-your-illustration-into-smart-svg-51b505f908f0

[11] Эффектная физика в визуализациях данных: http://www.smashingmagazine.com/2015/03/09/fun-with-physics-in-data-visualization/

[12] ArchieML: http://archieml.org/

[13] Доступная функциональность Drag and Drop для множественных элементов: http://www.sitepoint.com/accessible-drag-drop/

[14] Улучшаем отзывчивость изображений с помощью элемента picture: http://www.sitepoint.com/improving-responsive-images-picture-element/

[15] Оптимизация SVG изображений: https://hacks.mozilla.org/2015/03/optimising-svg-images/

[16] Как определить знания разработчика перед наемом: http://www.instantshift.com/2015/03/11/how-to-test-skills-of-web-developer-before-hiring/

[17] Бычтрое руководство по использованию LiveReload с Gulp: https://scotch.io/tutorials/a-quick-guide-to-using-livereload-with-gulp

[18] Как составить график работы с помощью APIs, JavaScript и SVG: http://www.developerdrive.com/2015/03/how-to-chart-your-hours-with-apis-javascript-and-svg/

[19] Подборка инструментов и ресурсов для работы с SVG : http://www.designyourway.net/blog/resources/svg-tools-and-resources-you-might-want-to-see/

[20] API Driven Development A.D.D: http://ilikekillnerds.com/2015/03/api-driven-development-a-d-d/

[21] Google Fonts Files: https://github.com/google/fonts

[22] App Store Screenshot Builder: https://launchkit.io/screenshots

[23] skalacolor экстраординарная цветовая пипетка: http://bjango.com/mac/skalacolor/

[24] shade — генератор градиентов с акцентом на математике: http://jxnblk.com/shade/

[25] Пол-пикселя?: http://habrahabr.ru/post/252395/

[26] Лучшая практика для создания пользовательских элементов: http://css-live.ru/articles/luchshaya-praktika-dlya-sozdaniya-polzovatelskix-elementov.html

[27] Использование селектора CSS :target для создания UI-эффектов без применения JavaScript: http://css-live.ru/articles/ispolzovanie-selektora-css-target-dlya-sozdaniya-ui-effektov-bez-primeneniya-javascript.html

[28] Интервенция inline-block: https://medium.com/@drewisthe/an-inline-block-intervention-6ce18a3f7edf

[29] Неизменяемый CSS: http://csswizardry.com/2015/03/immutable-css/

[30] Правда о !important: http://meiert.com/en/blog/20150310/important/

[31] Каким начальным размером определяются медиа-выражения, основанные на em?: http://blog.w3conversions.com/2015/03/all-your-base-are-belong-to-us-%E2%80%94-or-what-base-size-do-em-based-media-queries-use/

[32] Atomic CSS on Steroids: http://cssmojo.com/atomic-css-on-steroids/

[33] Может ли быть CSS слишком модульным?: http://csswizardry.com/2015/03/can-css-be-too-modular/

[34] Градиентная обводка с CSS3: http://css3files.com/2015/03/09/creating-gradient-borders-using-css3/

[35] Креативные эффекты гойе: http://tympanus.net/codrops/2015/03/10/creative-gooey-effects/

[36] Как начать с CSS Shapes: http://www.webdesignerdepot.com/2015/03/how-to-get-started-with-css-shapes/

[37] grunt-sassyclean — сканирует проект на части, которые никогда не импортируются: https://github.com/ryanburgess/grunt-sassyclean

[38] Blackhole — минималистичный но гибкий и мощный фреймворк на SCSS / CSS: http://www.html5depot.com/blackhole/

[39] CSS SANS: http://yusugomori.com/projects/css-sans/fonts

[40] Семантическая разметка с помощью Foundation 5 и Sass: http://www.sitepoint.com/semantic-markup-foundation-5-sass/

[41] SassyFlags: http://www.dthms.com/sassy-flags.php

[42] flipside: http://lab.hakim.se/flipside/

[43] Колонки с одинаковой высотой с Flexbox: http://mattlambert.ca/blog/equal-height-columns-using-flexbox/

[44] Реализация турнирной сетки, реализованной с помощью flexbox: http://codepen.io/jbeason/full/Wbaedb/

[45] Анимация против лагов или лучшая битва та, которой не было: http://habrahabr.ru/post/252637/

[46] Перевод книги «Выразительный Javascript» в pdf : http://habrahabr.ru/post/253101/

[47] V8 экспериментирует над режимами JavaScript: http://web-standards.ru/news/963/

[48] Пишешь говнокод на JavaScript? Пройди тест и узнай свой скилл!: http://bakhirev.biz/demo/fdconf/

[49] Современные инструменты JS-разработчиков: http://www.infoq.com/articles/modern-javascript-toolbox

[50] Продвинутый JavaScript, не разрушающий веб: http://christianheilmann.com/2015/03/09/advancing-javascript-without-breaking-the-web/

[51] Эксперименты с укреплением JavaScript: https://developers.google.com/v8/experiments

[52] Объединяя вместе живое редактирование и тестирование JavaScript: http://dm.gl/2015/03/05/JavaScript-live-editing-and-testing/

[53] Введение в fetch(): http://updates.html5rocks.com/2015/03/introduction-to-fetch

[54] HTML5 Local Storage Revisited: http://www.sitepoint.com/html5-local-storage-revisited/

[55] Укрощение чудовища асинхронности с ES7: http://pouchdb.com/2015/03/05/taming-the-async-beast-with-es7.html

[56] Создание земного шара на WebGL и JavaScript: http://www.sitepoint.com/building-earth-with-webgl-javascript/

[57] Тестирование HTTP моков в NodeJS: http://code.tutsplus.com/tutorials/http-mock-testing-in-nodejs--cms-22836

[58] Node.js кратко: базовое программирование Node.js: http://code.tutsplus.com/tutorials/nodejs-succinctly-basic-nodejs-programming--cms-23284

[59] essential-react — минимальный скелетон для создания приложений на React с использованием ES6, которые можно оттестировать : https://github.com/pheuter/essential-react

[60] Почему я рекомендую EmberJS относительно AngularJS: http://blog.yodersolutions.com/why-i-recommend-emberjs-over-angularjs/

[61] Создай свою упрощенную версию AngularJS в двести строчек: http://blog.mgechev.com/2015/03/09/build-learn-your-own-light-lightweight-angularjs/

[62] Iframe-resizer — автоматическое изменение размеров iframe-ов: http://davidjbradshaw.github.io/iframe-resizer/

[63] datakit — легковесный фреймворк для анализа данных: https://github.com/nathanepstein/datakit

[64] Определение движения используя эффект Допплера: http://danielrapp.github.io/doppler/

[65] rmodal.js — простой модальный диалог без зависимостей: https://github.com/zewish/rmodal.js

[66] sapo.js — интерактивный процедурный генератор текстур: http://doup.github.io/sapo.js/

[67] Javascript Learning Tracks: http://js.startrack.io/

[68] Ваше первое приложение на Meteor: http://meteortips.com/

[69] Открытие EmberConf 2015: https://www.youtube.com/watch?&v=o12-90Dm-Qs

[70] Видео с конференции EmberConf 2015: https://www.youtube.com/playlist?list=PLE7tQUdRKcyacwiUPs0CjPYt6tJub4xXU#emberconf

[71] Браузеры от российских ИТ-компаний: попытка непредвзятого обзора: http://habrahabr.ru/post/252219/

[72] Выпуск браузера Opera 28: http://www.opennet.ru/opennews/art.shtml?num=41819

[73] Псевдоэлементы, просмотр промисов, «сырые» заголовки и многое другое – Firefox 36. Версия для разработчиков: http://css-live.ru/articles/psevdoelementy-prosmotr-promisov-syrye-zagolovki-i-mnogoe-drugoe-firefox-36-versiya-dlya-razrabotchikov.html

[74] Рвем отношения с Internet Explorer 8: http://breakupwithie8.com/

[75] Крутое интерактивное портфолио французского фронтэндера: http://vaalentin.github.io/2015/

[76] Сайты для вашего вдохновения: http://www.dejurka.ru/web-design/web-design-inspiration/

[77] stupid-studio.com: https://stupid-studio.com/

[78] extraordinary.pwc.com: http://extraordinary.pwc.com/#airline

[79] Часы Wrist: http://www.wrist.im/

[80] connectpaste.com: http://connectpaste.com/

[81] Пять плагинов для улучшения работы в Adobe Illustrator: http://www.dejurka.ru/articless/five-best-productivity-plugins-adobe-illustrator/

[82] Увлекательная типографика в веб-дизайне: http://www.dejurka.ru/web-design/interesting-typography-in-web-design/

[83] Как работать дизайнером-фрилансером и путешествовать: http://designmodo.com/freelance-travel/

[84] Думаю об интерфейсах как о наборах работ: https://medium.com @rjs./thinking-of-interfaces-as-sets-of-jobs-7d72f22948c3?s=13-thinking-of-interfaces-as-sets-of-jobs

[85] Новый дизайн spotify: http://www.fastcodesign.com/3043547/spotifys-new-look-signals-its-identity-shift

[86] Скринкаст: обзор UI анимации — веб-навигация: http://valhead.com/2015/03/10/screencast-ui-animation-reviews-web-navigation/

[87] Новые логотип и айдентика для Fugue: http://www.underconsideration.com/brandnew/archives/new_logo_and_identity_for_fugue_by_sagmeister_walsh.php#.VQMrKI6sUnc

[88] Делая дизайн для медицины: http://www.tedgoas.com/blog/designing-for-medical/

[89] Эволюция приложения Alfred: http://thisiscapra.com/blog/the-evolution-of-alfred-app/

[90] Как уменьшить размеры ваших PSD-шек: http://designinstruct.com/tutorial/reduce-file-size-photoshop-psd-files/

[91] Быстрый совет: улучшите свои цифровые рисунки с помощью корректирующих слоев в фотошопе: http://design.tutsplus.com/articles/quick-tip-improve-your-digital-paintings-with-adjustment-layers-in-adobe-photoshop--cms-23437

[92] Создание фантастического ландшафта в фотошопе: http://design.tutsplus.com/tutorials/create-a-fantasy-landscape-matte-painting-in-adobe-photoshop--cms-23400

[93] Как нарисовать инфографику с Blender и Inkscape: http://design.tutsplus.com/tutorials/how-to-create-a-saturn-infographic-with-blender-and-inkscape--cms-23257

[94] Три эксперта высказывают мнение о буме рукописной типографики: http://eyeondesign.aiga.org/3-typography-experts-on-how-to-tell-good-hand-lettering-from-the-wannabes/

[95] “What is kerning, mother fonter?”: http://fontyou.com/blog/kerning-mother-fonter/

[96] Бесплатные текстуры из нотных тетрадей: http://www.dejurka.ru/graphics/free-music-background-and-textures/

[97] Текстуры бумаги в стиле гранж: http://www.bittbox.com/freebies/free-high-res-grungy-paper-textures

[98] Геометрические фото-маски: http://www.dreamstale.com/freebie-4-geometric-photo-masks/

[99] Два десятка высококачественных шаблонов сайтов: http://webdesignledger.com/freebies/20-free-high-quality-website-template-psds-to-download

[100] Семнадцать мокапов футболок: http://www.fusionplate.com/4958/17-awesome-free-psd-t-shirt-mock-ups/

[101] Десять винтажных ретро-бейджиков в PSD формате: http://webdesignledger.com/freebies/10-free-vintage-retro-badges

[102] Бумажные вайрфреймы для Apple Watch: https://www.behance.net/gallery/24327319/Apple-Watch-Paper-Wireframes-Free

[103] Наборы UI: http://speckyboy.com/2015/03/12/a-roundup-of-free-beautifully-designed-ui-kits/

[104] Dream Icons: http://www.dreamicons.net/

[105] Мокапы устройств в форматах PSD, AI, SVG — плоские и реальные: http://dtailstudio.com/mobile-devices

[106] Шесть десятков круглых иконок с плоским дизайном на бытовую тематику: http://webuilddesign.com/60-free-round-flat-iconsai-svg-png/

[107] Адаптивные контурные иконки: http://pixelbuddha.net/freebie/100-free-responsive-line-icons

[108] Набор UI с дизайном в стиле Metro: http://webuilddesign.com/metro-flat-ui-kit-freebie/

[109] Перфорированная карта мира: http://webuilddesign.com/dotter-world-map-vector-freebie/

[110] Шаблон сайта-казино: http://webdesignfm.com/2015/03/online-casino-psd-template-free-download/

[111] Иконки на тему продуктов питания и напитков: http://webuilddesign.com/food-drink-icons-freebie/

[112] Набор иконок на контурных иконок на тему мультимедиа: http://www.onepagemania.com/blog/free-icon-set-linear-multimedia-icons-by-freevectors/

[113] Kanji — декоративный шрифт без засечек: https://www.behance.net/gallery/24166551/Kanji-Free-Font

[114] Diaria Pro — шрифт с засечками: http://www.myfonts.com/fonts/konstantynov/diaria-pro/

[115] Текстовая трансляция Apple Spring Forward : http://geektimes.ru/post/246968/

[116] Apple Watch, отказ от USB и новый MacBook: итоги презентации Apple: http://ain.ua/2015/03/09/568637

[117] ASUS: «Хотите купить Apple Watch? А не сошли ли вы с ума?»: http://www.3dnews.ru/910758/

[118] Батарея может стать «ахиллесовой пятой» Apple Watch: http://www.3dnews.ru/910682/

[119] Apple Watch для бизнеса: Смогут ли «умные» часы завоевать корпоративный сегмент: http://siliconrus.com/2015/03/apple-watch-business/

[120] Одна проблема с Apple Watch: http://inoblogger.ru/2015/03/11/apple-watch-2/

[121] Google Code закрывается и предлагает всем перейти на GitHub: http://habrahabr.ru/post/252949/

[122] Apple Medical Research Kit: http://keddr.com/2015/03/apple-medical-research-kit/

[123] Google облегчил разработку сайтов с веб-компонентами и JSON-LD: http://www.searchengines.ru/news/archives/google_oblegchi_razrab.html

[124] Почему USB Type-C — это очень круто: http://keddr.com/2015/03/pochemu-usb-type-c-eto-ochen-kruto/

[125] YouTube запустил поддержку 360-градусного видео: http://naked-science.ru/article/hi-tech/youtube-zapustil-podderzhku-36

[126] Лидером рынка «умных» часов по итогам 2014 года стала компания Samsung: http://www.3dnews.ru/910710/

[127] Google объявила о выходе обновления Android 5.1: http://itc.ua/news/google-obyavila-o-vyihode-obnovleniya-android-5-1/

[128] Из-за сильного доллара мировые продажи ПК упадут на 5 %: http://www.3dnews.ru/910879/

[129] Неделя в истории IT — 9–15 марта: http://keddr.com/2015/03/nedelya-v-istorii-it-9-15-marta/

[130] История взлёта и падения Fab.com — интернет-магазина стоимостью в $1 млрд, проданного за $15 млн: http://siliconrus.com/2015/03/fab/

[131] Четыре знаменитых IT-продукта, которые возненавидели их создатели: http://ain.ua/2015/03/11/568918

[132] 8 фотографов попытались работать в Photoshop 1.0: http://www.lookatme.ru/mag/live/experience-news/212717-photoshop

[133] 16 необычных фактов про Google: http://ain.ua/2015/03/14/569744

[134] BAFTA наградила лучшие игры прошлого года: http://keddr.com/2015/03/bafta-nagradila-luchshie-igryi-proshlogo-goda/

[135] Роберт Дауни мл. вручил 7-летнему ребенку бионический протез в виде перчатки «Железного человека»: http://geektimes.ru/post/247220/

[136] Опубликована подробная карта подводных межконтинентальных интернет-магистралей: http://www.imena.ua/blog/web-ocean/

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

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

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

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

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