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

---

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

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

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

[1] Работа с уведомлениями с помощью потоков данных PubNub: http://frontender.info/web-notifications-pubnub/

[2] Представлен libraries.io, каталог открытых библиотек и фреймворков: http://www.opennet.ru/opennews/art.shtml?num=41854

[3] Google: Неадаптированные картинки – основная причина проблем со скоростью сайта на мобильных устройствах: http://www.searchengines.ru/news/archives/google_neoptimi.html

[4] часть 1: Definitions: http://blog.cloudfour.com/responsive-images-101-definitions/

[5] часть 2: Img Required: http://blog.cloudfour.com/responsive-images-101-part-2-img-required/

[6] часть 3: Srcset Display Density: http://blog.cloudfour.com/responsive-images-101-part-3-srcset-display-density/

[7] часть 4: Srcset Width Descriptors: http://blog.cloudfour.com/responsive-images-101-part-4-srcset-width-descriptors/

[8] В W3C предлагают делать SPA с помощью HTML6 и без JS: http://sdtimes.com/w3c-member-proposes-single-page-apps-without-javascript-in-html6/

[9] Зачем делать веб-сайты доступными?: http://www.sitepoint.com/why-make-websites-accessible/

[10] Браузерные события: можем ли мы делать лучше, чем клик?: http://www.smashingmagazine.com/2015/03/20/better-browser-input-events/

[11] Несколько разных способов использования SVG-спрайтов в анимации: http://www.smashingmagazine.com/2015/03/17/different-ways-to-use-svg-sprites-in-animation/

[12] Создание простых сравнительных столбиков с помощью JS и CSS: http://www.raymondcamden.com/2015/03/19/creating-simple-comparative-bars-with-javascript-and-css

[13] Руководство для начинающих по npm — Node Package Manager: http://www.sitepoint.com/beginners-guide-node-package-manager/

[14] Распространенные ошибки, которых следует избегать при использовании HTML5 Application Cache: http://www.sitepoint.com/common-pitfalls-avoid-using-html5-application-cache/

[15] Шесть генераторов статических сайтов на Node.js: http://www.sitepoint.com/6-nodejs-static-site-generators/

[16] Стратегии сохранения вершины производительности в вебе: https://css-tricks.com/strategies-for-staying-on-top-of-web-performance/

[17] Начинаем работать с Jekyll : http://developer.telerik.com/featured/getting-started-with-jekyll/

[18] Возможность использования initial-scale=1: https://css-tricks.com/probably-use-initial-scale1/

[19] Командная строка в веб-дизайне: http://webdesign.tutsplus.com/tutorials/the-command-line-for-web-design-powering-up-front-end-code--cms-23453

[20] Bower Beginner’s Guide: http://sixrevisions.com/tutorials/bower/

[21] Автоматизация оптимизаций с помощью Gulp: https://steveedson.co.uk/gulp/advanced-tasks/

[22] Подборка ресурсов с таблицами совместимости: http://www.zachleat.com/web/compatibility/

[23] DevTools: State Of The Union 2015: https://speakerdeck.com/addyosmani/devtools-state-of-the-union-2015

[24] countries: https://github.com/mledoze/countries

[25] pdftotext.org: http://pdftotext.org/

[26] Epic Favicon Generator: https://epicfavicongenerator.com/

[27] Часы (на CSS-анимации и JavaScript): http://css-live.ru/tricks/chasy-na-css-animacii-i-javascript.html

[28] In Pieces: http://www.species-in-pieces.com/#

[29] Стилевой гид HerokuApp: http://purple.herokuapp.com/

[30] SC5 Style Guide Generator: http://styleguide.sc5.io/

[31] Вдохновляющие эффекты для текстовых полей: http://tympanus.net/codrops/2015/03/18/inspiration-text-input-effects-2/

[32] AniCollection: http://anicollection.github.io/#/

[33] Media Queries: Width vs. Device Width: http://www.sitepoint.com/media-queries-width-vs-device-width/

[34] Более умные CSS-сборки с помощью Webpac: http://bensmithett.com/smarter-css-builds-with-webpack/

[35] Oxygen — объектно-ориентированная методология для таблиц стилей: http://www.oxygencss.com/

[36] STRUCTURE: http://kenwheeler.github.io/structure/

[37] 5 отличных вариантов использования карт Sass: http://www.sitepoint.com/5-great-uses-sass-maps/

[38] Структурированная типографига с помощью карт Sass Maps: http://cognition.happycog.com/article/structured-typography-with-sass-maps

[39] Использование Sass для “количественных запросов”: http://www.sitepoint.com/using-sass-quantity-queries/

[40] DataURI vs CSS Sprites – разбираемся, у кого производительность лучше: http://www.onextrapixel.com/2015/03/21/datauri-vs-css-sprites-understanding-which-one-performs-better/

[41] LostGrid: https://github.com/corysimmons/lost

[42] mdo-ular CSS: http://jqueryuk.com/2015/videos.php?s=mdo-ular-css

[43] Angular 2.0.0-alpha для тех, кто не в силах ждать : http://habrahabr.ru/post/253469/

[44] Как отобразить количество оповещений в названии вкладки браузера : http://habrahabr.ru/post/253449/

[45] Справочник методов console в JS : http://habrahabr.ru/post/253359/

[46] JavaScript-линтинг: http://forwebdev.ru/javascript/linting/

[47] В Chromium добавили две новые технологии ускорения работы с Javascript: http://my-chrome.ru/2015/03/script-streaming/

[48] Новый способ обработки Javascript в Chrome увеличивает скорость загрузки сайтов и продлевает автономность ноутбуков: http://itc.ua/blogs/novyiy-sposob-obrabotki-javascript-v-chrome-uvelichivaet-skorost-zagruzki-saytov-prodlevaet-avtonomnost-noutbukov/

[49] Алгоритм деструктуризации в ES6: http://www.2ality.com/2015/03/destructuring-algorithm.html

[50] Регулярные выражения для остальных: http://davidwalsh.name/regular-expressions-rest

[51] О соревновании js1k 2015: http://www.michalpaszkiewicz.co.uk/about-js1k2015.html

[52] Создание реал-тайм приборной панели на SignalR и AngularJS: http://www.sitepoint.com/build-real-time-signalr-dashboard-angularjs/

[53] Использование введения зависимостей в юнит-тестирование с Rewire: https://strongloop.com/strongblog/javascript-unit-testing-using-dependency-injection/

[54] Понимание коллизий и физики с Babylon.js и Oimo.js: http://www.sitepoint.com/understanding-collisions-physics-babylon-js-oimo-js/

[55] Создание игры Pacman с помощью Bacon.js: http://www.sitepoint.com/building-pacman-with-bacon-js/

[56] Создание аудио-плеера с поддержкой мобильных устройств: http://www.sitepoint.com/building-mobile-javascript-powered-audio-player/

[57] logdown — утилита для отладки вывода консольных сообщений с поддержкой markdown: https://github.com/caiogondim/logdown

[58] type.js — улучшает поддержку веб-типографики за счет добавления новых css свойств: http://typejs.org/

[59] Plumin.js: http://www.pluminjs.com/

[60] Textures.js — SVG паттерны для визуализации данных: http://riccardoscalco.github.io/textures/

[61] jsGrid — легковесный jQuery-плагин для создания таблиц с элементами управления: http://js-grid.com/

[62] payform — библиотека для создания форм для ввода данных кредитных карточек: http://jondavidjohn.github.io/payform/

[63] stringformatter — форматирование строк с поддержкой объектов, валют, дат, времени и цифр: https://github.com/anywhichway/stringformatter

[64] Accessibility APIs: A Key To Web Accessibility: http://www.smashingmagazine.com/2015/03/16/web-accessibility-with-accessibility-api/

[65] jQuery During Scroll: https://github.com/jacopotarantino/jquery-during-scroll

[66] ANGULAR BASICS: http://www.angularjsbook.com/

[67] Презентации с ng-conf 2015: http://www.ng-conf.org/

[68] 10 относительно малоизвестных фактов о K-Meleon: http://habrahabr.ru/company/kmeleon_rus/blog/253631/

[69] Кому может быть нужен K-Meleon?: http://habrahabr.ru/company/kmeleon_rus/blog/253671/

[70] Мартовские новинки движка EdgeHTML для Windows 10: http://web-standards.ru/news/964/

[71] Google очень навязчиво рекомендует пользователям Firefox изменить настройки поиска: http://geektimes.ru/post/247276/

[72] Microsoft откажется от бренда Internet Explorer в названии своего нового браузера: http://itc.ua/news/microsoft-otkazhetsya-ot-brenda-internet-explorer-v-nazvanii-svoego-novogo-brauzera/

[73] Пользователи Chrome и Firefox считаются более работоспособными: http://4pda.ru/2015/03/18/209178/

[74] comScore: Доля Yahoo на рынке поиска США сократилась за счёт возврата пользователей Firefox к Google: http://www.searchengines.ru/news/archives/comscore_yahoo_teryaet.html

[75] Браузер Spartan: Режим чтения и Список для чтения: http://microsoftportal.net/internet-explorer/5052-brauzer-spartan-rezhim-chteniya-i-spisok-dlya-chteniya.html

[76] В новой версии Chrome реализовано кеширование скомпиленного JS кода, позволяющее ускорить загрузку страниц: http://blog.chromium.org/2015/03/new-javascript-techniques-for-rapid.html

[77] Animation Timeline in Chrome DevTools — coming soon: https://www.youtube.com/watch?v=U9xfYbKxosI

[78] Отладка мобильных веб-сайтов с Firefox: http://www.sitepoint.com/debugging-mobile-websites-firefox/

[79] Как тестировать адаптивный дизайн: http://sixrevisions.com/tutorials/test-responsive-designs/

[80] 7 потрясающих интерактивных сайтов о природе: http://ain.ua/2015/03/20/570742

[81] Сайты, которые хочется съесть: http://www.dejurka.ru/web-design/food-web-desgin/

[82] www.klassegrafik.de/en/portfolio: http://www.klassegrafik.de/en/portfolio

[83] http://ericlesch.com/?homepage: http://ericlesch.com/?homepage

[84] Line25: http://line25.com/inspiration/line25-sites-of-the-week-for-march-20th-2015

[85] sozodesign.co.uk: http://sozodesign.co.uk/

[86] whitefrontier.ch: http://www.whitefrontier.ch/

[87] Новый дизайн сайта formula1: http://www.formula1.com/content/fom-website/en.html#

[88] melaniedaveid.com: http://melaniedaveid.com/

[89] boligreisen.no: http://boligreisen.no/lete

[90] Дайджест продуктового дизайна, февраль 2015: http://habrahabr.ru/company/mailru/blog/253473/

[91] Специалисты «Яндекса» бесплатно обучат дизайну: http://www.cossa.ru/news/242/99106/

[92] Matte-painting от наших дизайнеров: http://www.dejurka.ru/inspiration/sng-matte-painting/

[93] Сочные цвета в веб-дизайне: http://www.dejurka.ru/web-design/saturated-colors-web-design/

[94] Продуктовый дизайн: 19 самых важных материалов за месяц: http://siliconrus.com/2015/03/vetrov-4/

[95] Добавляем фейерверк на фото в Adobe Photoshop: http://www.dejurka.ru/tutorial/add-fireworks-in-photoshop/

[96] Текст из зубной пасты в Adobe Illustrator: http://www.dejurka.ru/tutorial/sparkle-toothpaste-text/

[97] Интервью с иллюстратором Ioana Șopov: http://design.tutsplus.com/articles/to-the-point-interview-with-ioana-opov--cms-23293

[98] Как Sticker Mule привлекает новых пользователей: http://www.useronboard.com/how-stickermule-onboards-new-users/

[99] 30 Hotel Website Layouts for Design Inspiration: http://webdesignledger.com/inspiration/30-hotel-websites-for-design-inspiration

[100] Лучшие тренды веб-дизайна в 2015: http://webdesignledger.com/trends-2/web-design-trends

[101] Редизайн окна авторизации: https://www.gosquared.com/blog/login-screen-design-flow

[102] Инфографика: Sketch против Photoshop: http://www.webdesignerdepot.com/2015/03/infographic-sketch-vs-photoshop/

[103] Три хороших причины для использования Sketch: http://www.sitepoint.com/3-reasons-use-sketch-app/

[104] Создание мобильных и веб прототипов со Sketch!: https://marvelapp.com/prototype-with-sketch/

[105] Быстрый совет: как создать изображение объемного курсора в Adobe Illustrator: http://design.tutsplus.com/tutorials/quick-tip-how-to-create-a-3d-cursor-in-adobe-illustrator--cms-23338

[106] Быстрый совет: как создать кисть с карандашным паттерном в Adobe Illustrator: http://design.tutsplus.com/tutorials/quick-tip-how-to-create-a-pencil-pattern-brush-in-adobe-illustrator--cms-23387

[107] Как задавать цену дизайну лого: полное руководство: http://thenuschool.com/price-logo-design/

[108] Val Head — Designer, Consultant and Speaker.: http://valhead.com/2015/03/10/screencast-ui-animation-reviews-web-navigation/

[109] Пасхальный клипарт для вашего дизайна: http://www.dejurka.ru/graphics/free-easter-vector-eggs/

[110] Новая подборка шрифтов для вашей коллекции: http://www.dejurka.ru/graphics/free-fonts-march/

[111] Откуда брать стоковые фото: http://www.designyourway.net/blog/resources/free-stock-photos-where-to-get-them-from/

[112] Текстуры с водяными красками: http://webuilddesign.com/12-watercolor-textures-freebie-jpgpat/

[113] Verdant — набор с UI элементами : http://webuilddesign.com/verdant-ui-kit-freebie-psd/

[114] Набор UI от TeslaThemes с плоским дизайном: http://www.evolutionarydesigns.net/blog/2015/03/19/freebie-flat-design-ui-kit-teslathemes/

[115] Три десятка иконок с изображением пищевых продуктов: http://tympanus.net/codrops/2015/03/19/freebie-organic-food-icon-set/

[116] Шесть отборных наборов контурных иконок: http://justcreative.com/2015/03/18/six-free-icon-packs/

[117] Набор иконок Swifticons на темы науки, медицины, техники, кухни, погоды, маркетинга и прочего: http://www.smashingmagazine.com/2015/03/18/freebie-swifticons-icon-set/

[118] Набор векторных иконок Mega Flagship: http://webuilddesign.com/mega-flagship-icon-set-freebie-psd-ai-svg-eps-sketch/

[119] Velodroma — широченный шрифт без засечек: https://www.behance.net/gallery/24426699/Velodroma

[120] Шесть десятков шрифтов весны 2015: http://www.webdesignerdepot.com/2015/03/65-best-free-fonts-spring-2015/

[121] Доменной зоне .com исполнилось 30 лет: http://habrahabr.ru/company/ua-hosting/blog/253501/

[122] #HappyBirthdayTwitter: http://geektimes.ru/post/247628/

[123] В Сеть просочилась новая сборка Windows 10 с рядом новшеств: http://www.3dnews.ru/910942/

[124] Обновление до Windows 10 будет бесплатным даже для пиратов: http://geektimes.ru/post/247478/

[125] Microsoft уточняет: бесплатная Windows 10 для пиратов останется нелицензионной: http://geektimes.ru/post/247554/

[126] Объявлены системные требования для Windows 10: http://naked-science.ru/article/media/obyavleny-sistemnye-trebovaniy

[127] Windows RT мертва, но Microsoft так и не извлекла уроки: http://inoblogger.ru/2015/03/20/windows-rt-dead/

[128] Microsoft предпринимает попытки привязки оборудования к Windows 10: http://www.opennet.ru/opennews/art.shtml?num=41881

[129] Смартфоны с Windows 10 смогут вести замедленную съёмку видео: http://www.3dnews.ru/911246/

[130] Windows 10: улучшения в графике: http://microsoftportal.net/windows-9/5061-windows-10-uluchsheniya-v-grafike.html

[131] В YouTube внедряются описания-карточки, которые со временем заменят существующие аннотации: http://itc.ua/news/v-youtube-vnedryayutsya-opisaniya-kartochki-kotoryie-vremenem-zamenyat-sushhestvuyushhie-annotatsii/

[132] Alibaba инвестирует $200 млн в Snapchat: http://www.3dnews.ru/910783/

[133] Pinterest привлек 367 млн долларов инвестиций: http://www.searchengines.ru/news/archives/pinterest_privl.html

[134] «Налог на Google» в Великобритании вступит в силу 1 апреля: http://www.searchengines.ru/news/archives/nalog_na_google.html

[135] Google: наша система распознавания лиц самая точная: https://xakep.ru/2015/03/20/google-facenet/

[136] Google уличили в шантаже, нечестной конкуренции и манипулировании результатами поиска: http://itc.ua/news/google-ulichili-v-shantazhe-nechestnoy-konkurentsii-manipulirovanii-rezultatami-poiska/

[137] NASA представило открытое приложение для поиска астероидов: http://www.opennet.ru/opennews/art.shtml?num=41868

[138] Ведущие зарубежные издания создали диджитал-альянс: http://www.cossa.ru/news/244/99127/

[139] Новый метод 3D печати в 25-100 раз быстрее традиционного: http://geektimes.ru/post/247400/

[140] ЭкспериментТест: какой из похожих логотипов — настоящий: http://www.lookatme.ru/mag/live/experience-experiments/212897-logo-test

[141] Как работает блокировка интернет-рекламы: интервью с операционным директором Adblock Plus Беном Вильямсом: http://ain.ua/2015/03/17/568803

[142] Как Facebook изменил «железо», на котором держится интернет: http://ain.ua/2015/03/16/570025

[143] Лучшее на Medium: История падения издания Gigaom: http://siliconrus.com/2015/03/gigaom-death/

[144] Вредные советы: как выжить в IТ-компании: http://dou.ua/lenta/articles/survive-your-job/

[145] Почему от 3D болит голова. Часть 1 «Недостатки оборудования»: http://geektimes.ru/post/247422/

[146] Стильно, модно, молодежно: фотографии 12 лучших в мире IT-офисов: http://ain.ua/2015/03/22/570870

[147] 7 причин отказаться от Facebook по Ричарду Столлману: http://www.furfur.me/furfur/freedom/freedom/179831-7-prichin-ne-polzovatsya-facebook-po-richardu-stollmanu

[148] Полураспад Google+ или Как соцсеть от Google не оправдала надежд: http://internetno.net/category/analitika/googleplus/

[149] Криптозаваруха: По просьбе «Медузы» Александр Уржанов попытался жить, не оставляя никаких следов в интернете: https://meduza.io/feature/2015/03/20/kriptozavaruha

[150] Демо на WebGL: http://www.accdemos.com/sxsw/index.html

[151] Интерактивное представление мира и биткоинов: https://changemoney.org/

[152] Модный секвенсер: http://www.madeon.fr/adventuremachine/?t=14,15,22

[153] ENERGY KITES: http://www.google.com/makani/

[154] Универсальная сворачиваемая клавиатура от Microsoft: http://blogs.microsoft.com/firehose/2015/03/02/get-more-done-anywhere-anytime-on-virtually-any-device-with-the-new-universal-foldable-keyboard/

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

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

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

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

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