- PVSM.RU - https://www.pvsm.ru -

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

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №130 (12 — 19 октября 2014)

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №130 (12 — 19 октября 2014) Веб-разработка

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №130 (12 — 19 октября 2014) CSS

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №130 (12 — 19 октября 2014) JavaScript

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №130 (12 — 19 октября 2014) Веб-инструменты

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №130 (12 — 19 октября 2014) Новости

Браузеры

Сайты с интересным дизайном и функциональностью

Дизайн

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №130 (12 — 19 октября 2014) Подборка бесплатных дизайнерских печенек

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №130 (12 — 19 октября 2014) Демо

Дайджест интересных материалов из мира веб разработки и IT за последнюю неделю №130 (12 — 19 октября 2014) Занимательное

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю [145].
Материал подготовили dersmoll [146] и alekskorovin [147].

Автор: alexzfort

Источник [148]


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

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

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

[1] Погружаясь в производительность: http://habrahabr.ru/company/airbnb/blog/239829/

[2] Duo.js — новое поколение пакетного менеджера для фронтэнда: http://habrahabr.ru/post/240539/

[3] Обзор текстовых редакторов для кода: http://xakep.ru/texteditor-for-coding/

[4] Прототипирование рабочего процесса: http://frontender.info/prototyping-your-workflow/

[5] Руководство по SVG анимациям (SMIL): http://css-tricks.com/guide-svg-animations-smil/

[6] Responsive-изображения: полное руководство: http://davidwalsh.name/responsive-images

[7] Название должности: это сложно: http://bradfrostweb.com/blog/post/job-title-its-complicated/

[8] Обучение CMS: http://alistapart.com/article/training-the-cms

[9] Как рисовать прекрасные вещи в браузере: http://www.webdesignerdepot.com/2014/10/how-to-draw-beautiful-things-in-the-browser/

[10] Персонализация Git с помощью alias-ов: http://alistapart.com/blog/post/personalizing-git-with-aliases

[11] Загрузка веб-шрифтов с более высокой производительностью в responsive-сайтах: http://bdadam.com/blog/loading-webfonts-with-high-performance.html

[12] Чтение данных изображений с помощью JavaScript и html5 canvas: http://www.sitepoint.com/reading-images-data-using-canvas-javascript/

[13] Создание мобильного приложения из простого сайта : https://hacks.mozilla.org/2014/10/creating-a-mobile-app-from-a-simple-html-site/

[14] Подборка случайных полезных советов по Sublime Text, Sass, CSS, Terminal и аналогичным технологиям и инструментам : http://benfrain.com/top-tips-selection-unrelated-front-end-developer-tips/

[15] Доклад Patty Toland на тему «Design Consistency For The Responsive Web»: http://vimeo.com/108331967

[16] Эмуляция фильтра для инвертирования цвета с помощью Sass: http://davidwalsh.name/invert-color-sass

[17] Решение для сбора статистики взаимодействия пользователя с UI сайта с помощью CSS: http://www.smashingmagazine.com/2014/10/16/css-only-solution-for-ui-tracking/

[18] Как использовать CSS3 трансформации: http://www.developerdrive.com/2014/10/how-to-use-css3-transforms/

[19] Взгляд на поддержку модуля речи в CSS3: http://www.developer.com/lang/css/a-look-into-speech-support-in-css3.html

[20] Последние фишки CSS, которые вы можете использовать уже сегодня: http://blog.teamtreehouse.com/cutting-edge-css-features-can-use-today

[21] Шпаргалка по шпаргалке по Flexbox: http://css-live.ru/articles-css/shpargalka-po-shpargalke-po-flexbox.html

[22] «Getting Started with SASS» — подробное руководство с интерактивными примерами : http://scotch.io/tutorials/css/getting-started-with-sass

[23] Детальный разбор производительности веб-шрифтов : http://artequalswork.com/posts/adventures-in-dynamic-subsetting/

[24] Сервис, демонстрирующий преимущества оптимизации шрифтов путем исключения ненужных начертаний и символов: http://fontsubsetter.com/

[25] schema: http://danmalarkey.github.io/schema/

[26] Еще раз о CSS Box Shadow: http://sixrevisions.com/css/css-box-shadow/

[27] Берем лучшее из BEM в Sass : http://mindtheshift.wordpress.com/2014/10/15/getting-the-best-out-of-bem-with-sass/

[28] Удачная реализация iPhone 6 на чистом CSS: http://codepen.io/fbrz/pen/vlrnd/

[29] JavaScript: проверьте свою интуицию: http://habrahabr.ru/post/225405/

[30] Введение: http://habrahabr.ru/post/240219/

[31] Величины, типы и операторы: http://habrahabr.ru/post/240223/

[32] Структура программ: http://habrahabr.ru/post/240225/

[33] Функции: http://habrahabr.ru/post/240349/

[34] Структуры данных: объекты и массивы: http://habrahabr.ru/post/240813/

[35] 5 популярных JavaScript-хаков: http://habrahabr.ru/post/240357/

[36] Версия для печати — делаем красиво с помощью canvas и javascript: http://habrahabr.ru/post/240729/

[37] Эквалайзер на JavaScript: http://habrahabr.ru/post/240819/

[38] JavaScript архитектура для 23-го века: http://modernweb.com/2014/10/15/javascript-architecture-23rd-century/

[39] Как писать масштабируемый и удобный в поддержке JavaScript: Coupling: http://www.innoarchitech.com/scalable-maintainable-javascript-coupling/

[40] Улучшение производительности сайта с помощью Navigation Timing API: http://developer.telerik.com/featured/introduction-navigation-timing-api/

[41] Введение в HTML5 History API: http://code.tutsplus.com/tutorials/an-introduction-to-the-html5-history-api--cms-22160

[42] Создание виджета, оповещающего о времени чтения материала с помощью React и jQuery: http://biesnecker.com/2014/10/15/building-a-reading-time-widget-with-react-and-jquery/

[43] Анонс ключевых улучшений производительности JavaScript в Windows 10 Technical Preview: http://blogs.msdn.com/b/ie/archive/2014/10/09/announcing-key-advances-to-javascript-performance-in-windows-10-technical-preview.aspx

[44] Введение в WebGL с Three.js: http://davidscottlyons.com/threejs/presentations/frontporch14/#slide-0

[45] Введение в D3.js: http://square.github.io/intro-to-d3/

[46] Backbone vs. Knockout: http://speckyboy.com/2014/10/14/backbone-vs-knockout/

[47] Определение позиции скролла: http://blog.grayghostvisuals.com/js/detecting-scroll-position/

[48] Построение приложений на Angular используя архитектуру Flux: http://victorsavkin.com/post/99998937651/building-angular-apps-using-flux-architecture

[49] Введение в юнит-тестирование в AngularJS приложениях: http://www.smashingmagazine.com/2014/10/07/introduction-to-unit-testing-in-angularjs/

[50] Что не так с Angular.js: https://medium.com/este-js-framework/whats-wrong-with-angular-js-97b0a787f903

[51] Семь JavaScript-библиотек для специфических визуализаций: http://www.sitepoint.com/7-javascript-libraries-specific-visualizations/

[52] Аналоговые SVG часы в 6 строчек JavaScript кода: http://demosthenes.info/blog/943/An-SVG-Analog-Clock-In-6-Lines-of-JavaScript

[53] Утилита Node.js для перезаписывания URL-ов в CSS-коде: https://github.com/nzakas/cssurl

[54] franc: https://github.com/wooorm/franc

[55] ineed: https://github.com/inikulin/ineed

[56] floatlabels.js: http://clubdesign.github.io/floatlabels.js/

[57] lazysizes: https://github.com/aFarkas/lazysizes

[58] Определение инверсии цвета с помощью CSS и JavaScript: http://davidwalsh.name/detect-invert-color

[59] Создание трендовых наборов иконок с FreeIconMaker: http://www.webappers.com/2014/10/16/create-free-trendy-icon-sets-freeiconmaker/

[60] Pixate: http://blog.pixate.com/post/99987871843/hello-pixate

[61] PaletTab: http://palettab.com/

[62] Raw: http://raw.densitydesign.org/

[63] Визуализация git-команд c помощью d3.js : http://onlywei.github.io/explain-git-with-d3/#

[64] Генератор фигур для свойства clip-path: http://bennettfeely.com/clippy/

[65] Google I/O 2014: онлайн-трансляция на русском языке: http://habrahabr.ru/company/mailru/blog/227603/

[66] ОС на палочке: Google официально представил Android 5.0 Lollipop: http://geektimes.ru/post/240306/

[67] Анонс новых аппаратов в линейке Google Nexus: http://mobile-review.com/articles/2014/google-nexus-2014.shtml

[68] Google Nexus Player: первая телевизионная приставка на базе Android TV: http://www.3dnews.ru/903674/

[69] Nexus 6 — первый эталонный планшетофон Google: http://www.3dnews.ru/903660/

[70] Октябрьские премьеры Apple: iMac с ретиной, Mac mini, два айпада и другие: http://geektimes.ru/post/240358/

[71] iPad Air 2, iPad mini 3, Mac mini и новый iMac Retina— главные анонсы Apple 16 октября: http://siliconrus.com/2014/10/new-ipad/

[72] Записки маковода: обзор OS X 10.10 Yosemite: http://gagadget.com/mac-os/2014-10-17-zapiski-makovoda-obzor-os-x-1010-yosemite/

[73] Новый 27" Apple iMac получил экран Retina и стоимость $2500: http://www.3dnews.ru/903735/

[74] Реакция журналистов, блогеров и экспертов на презентацию новых iPad, iMac Retina и Mac Mini: http://siliconrus.com/2014/10/ipads/

[75] Представлен формат анимированных изображений XNG, совместимый с существующими браузерами: http://www.opennet.ru/opennews/art.shtml?num=40861

[76] Twitter отключил поддержку SSL 3.0: http://www.searchengines.ru/news/archives/twitter_otklyuch.html

[77] Google отказывается от поддержки SSL 3.0: http://www.searchengines.ru/news/archives/google_otkazyva.html

[78] «Ростелеком» намерена создать российский аналог Steam и Battle.net: http://itc.ua/news/rostelekom-namerena-sozdat-svoy-analog-steam-i-battle-net/

[79] Samsung продемонстрировала скоростные возможности мобильной связи 5G: http://itc.ua/news/samsung-prodemonstrirovala-skorostnyie-vozmozhnosti-mobilnoy-svyazi-5g/

[80] Facebook внедрила функцию Safety Check для уведомления друзей о своем благополучии в случае стихийного бедствия: http://itc.ua/news/facebook-vnedrila-funktsiyu-safety-check-dlya-uvedomleniya-druzey-o-svoem-blagopoluchii-v-sluchae-stihiynogo-bedstviya/

[81] Motorola начнёт производство планшетов после завершения слияния с Lenovo: http://www.3dnews.ru/903605/

[82] Lockheed Martin заявляет о прорыве в области термоядерного синтеза: http://geektimes.ru/post/240326/

[83] Российские учёные о прорыве Lockheed Martin: их достижение — это фикция: http://www.3dnews.ru/903790/

[84] Неделя прорывов в термоядерной энергетике продолжается: реактор dynomak от Вашингтонского университета: http://geektimes.ru/post/240408/

[85] MasterCard представила первую карту с дактилоскопическим датчиком: http://www.3dnews.ru/903813/

[86] Релиз Firefox 33: http://www.opennet.ru/opennews/art.shtml?num=40824

[87] Выход Firefox 35-aurora и Firefox 34-beta со встроенным коммуникационным клиентом: http://www.opennet.ru/opennews/art.shtml?num=40864

[88] В Firefox beta появилась возможность совершать видеозвонки без установки дополнительного ПО и регистрации: http://habrahabr.ru/post/240723/

[89] Визуальные закладки в Opera 25 для компьютеров: http://habrahabr.ru/company/opera/blog/240531/

[90] Выпуск Tor Browser 4.0 и дистрибутива Tails 1.2: http://www.opennet.ru/opennews/art.shtml?num=40852

[91] nicalis.com: http://www.nicalis.com/

[92] SoundCityProject: http://soundcityproject.com/#/

[93] Startup Notes: http://startupnotes.org/#page/1

[94] woodsly.com/lookbooks/summer-2014: http://woodsly.com/lookbooks/summer-2014

[95] academy.degordian.com: http://academy.degordian.com/

[96] agigen.se: http://agigen.se/

[97] thecreativeclass.tv: http://thecreativeclass.tv/#intro

[98] heforshe.org: http://www.heforshe.org/

[99] hixsnedeker.com: http://hixsnedeker.com/

[100] 35 чистых и минималистичных сайтов: http://mag.splashnology.com/article/clean-minimalist-websites/13146/

[101] 20 автомобильных промо-сайтов: http://line25.com/articles/20-car-promo-websites-from-the-automotive-industry

[102] Размер имеет значение: Каким должен быть текст на сайтах с адаптивной версткой (перевод) : http://siliconrus.com/2014/10/size-matters/

[103] Потерянная прибыль: Как интерфейс страницы оплаты может повлиять на доходы магазина: http://siliconrus.com/2014/10/optimize-checkout-page-conversions/

[104] Текстуры и паттерны в веб-дизайне: http://www.dejurka.ru/web-design/textures-in-web-design/

[105] Apple не делает дизайн для вчерашнего дня: http://www.erickarjaluoto.com/blog/apple-doesnt-design-for-yesterday/

[106] Подготовка к Retina HD: создание Pixel-Perfect наборов для разных масштабов: http://www.smashingmagazine.com/2014/10/15/create-assets-for-multiple-scale-factors/

[107] Концепты iWatch приложений: http://watch.janlosert.com/

[108] Концепт редизайна UI и UX для Google News: http://googlenews.gkvasnikov.com/

[109] Указатели для мобильного веба: http://www.smashingmagazine.com/2014/10/13/wayfinding-for-the-mobile-web/

[110] Редизайн норвежской денежной валюты вдохновил создать концепт дизайна для долларов: http://www.psfk.com/2014/10/reddit-user-kroner-dollar-redesign.html

[111] Дизайн посадочных талонов Virgin America: http://www.subtraction.com/2014/10/13/virgin-america-boarding-pass/

[112] MapDesign: http://mapsdesign.tumblr.com/

[113] Преобразовываем стоковое фото в иллюстрацию, нарисованную с помощью карандаша и аэрографа в Adobe Photoshop: http://design.tutsplus.com/tutorials/transform-a-stock-photo-into-an-airbrushed-and-stenciled-illustration-in-adobe-photoshop--cms-22271

[114] Создание дизайна коробки попкорна с ужастиками в Adobe Illustrator: http://design.tutsplus.com/tutorials/create-your-own-popcorn-horror-box-in-adobe-illustrator--cms-22173

[115] Прототипирование анимации с помощью Keynote: http://robots.thoughtbot.com/animating-with-keynote

[116] Логотипы с плоским дизайном: http://webdesignledger.com/inspiration/25-flat-logo-designs

[117] Меню на доске вашего ресторанчика с классной типографикой за порцию обеда: http://willletterforlunch.com/

[118] Mockup-файлы для демонстрации логотипов: http://www.dejurka.ru/graphics/free-mockups-for-logo/

[119] Бесплатные элементы цветочного орнамента для вашего дизайна: http://www.dejurka.ru/graphics/free-floral-ornament-elements/

[120] iOS 8 GUI PSD (iPhone 6): http://www.teehanlax.com/tools/iphone/

[121] Шаблон приложения для iPhone6 OptimaSales: http://ortheme.com/optimasales-iphone-app-freebie/

[122] Два десятка мокапов мобильных устройств для демонстрации приложений и веб-сайтов: http://designm.ag/resources/20-free-device-psd-mockups/

[123] Шаблон PSD посадочной страницы Arcadia: http://www.dreamstale.com/freebie-arcadia-psd-landing-page-template/

[124] Набор UI: Icarus: http://sixrevisions.com/freebies/ui/free-ui-kit-icarus/

[125] Три набора UI от Matthew Skiles: http://www.webdesignfreebies.net/ui-kits/3-free-ui-kits-by-matthew-skiles/

[126] Дизайн ресторанного мобильного приложения: http://ortheme.com/freebie-restaurant-app/

[127] Десять векторных фонов: http://www.dreamstale.com/freebie-vector-pattern-bacgkrounds/

[128] Векторные кнопки: http://www.dreamstale.com/freebie-responsive-vector-web-buttons/

[129] Набор из четырех десятков иконок с длинными тенями: http://www.webdesignfreebies.net/icons/40-free-flat-long-shadow-icons/

[130] Набор иконок на тему путешествия и экологии в форматах AI, SVG, PSD, PNG: http://tympanus.net/codrops/2014/10/17/freebie-travel-ecology-icon-set/

[131] Сотня туристических иконок в форматах PNG, SVG: http://www.smashingmagazine.com/2014/10/17/freebie-touristic-icons-png-svg/

[132] Коллекция шрифтов этой недели: от Vinta до Atvice: http://www.webdesignfreebies.net/fonts/weekly-collection-of-free-fonts/

[133] Top 10 Codepens of the Week: http://scotch.io/bar-talk/top-10-codepens-of-the-week-10

[134] Много эффектных демок на canvas: http://www.acnplwgl.com/

[135] Apple iMac скролл-эффект: http://codepen.io/mariusbalaj/pen/qcfox

[136] Забавные 2-х секундные анимации: http://toolstools.tools/

[137] Птица в клетку от yoksel: http://codepen.io/yoksel/full/JnALF

[138] Как Apple заставляет вас постоянно покупать новые «Айфоны»: http://inoblogger.ru/2014/10/16/new-iphones/

[139] Какой формат резюме наиболее эффективен — обсуждение на Quora: http://siliconrus.com/2014/10/best-resume-formats/

[140] 10 самых успешных женщин в IT-мире : http://keddr.com/2014/10/10-samyih-uspeshnyih-zhenshhin-v-it-mire/

[141] Кто на самом деле создал Tesla Motors: краткая история компании в картинках: http://ain.ua/2014/10/13/544552

[142] Сравнение Siri, Cortana и Google Now: http://keddr.com/2014/10/siri-cortana-google-now-ne-ledi/

[143] Гики в России: Как стать свободным в стране, которой ты не нужен: http://www.lookatme.ru/mag/live/experience-reports/208453-russian-geeks

[144] New York Comic Con 2014 Epic Cosplay Music Video: https://www.youtube.com/watch?v=OWmDPAHrtvI

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

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

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

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