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

---

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

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

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

[1] Лекции Технопарка. 1 семестр. Web-технологии: http://habrahabr.ru/company/mailru/blog/248745/

[2] Игровой мир WebGL или Three.js vs Babylon.js: http://habrahabr.ru/post/246259/

[3] Идеи для HTML6 или HTML.next: http://habrahabr.ru/post/249207/

[4] Введение в HTML импорты: http://habrahabr.ru/post/241135/

[5] Секреты браузерных инструментов разработчика (часть 1): http://css-live.ru/faq/sekrety-brauzernyx-instrumentov-razrabotchika-chast-1.html

[6] Почему мы не можем делать по-настоящему адаптивные изображения при помощи CSS или JavaScript: http://css-live.ru/articles/pochemu-my-ne-mozhem-delat-po-nastoyashhemu-adaptivnye-izobrazheniya-pri-pomoshhi-css-ili-javascript.html

[7] «Today I Learned»: https://github.com/thoughtbot/til

[8] Полное руководство по SVG: http://www.webdesignerdepot.com/2015/01/the-ultimate-guide-to-svg/

[9] Основы SVG — создание отрезков с помощью линейных команд: http://www.vanseodesign.com/web-design/svg-paths-line-commands/

[10] Взвешивание техник анимации SVG: http://css-tricks.com/weighing-svg-animation-techniques-benchmarks/

[11] Анимации для мобильного веба: http://engineeringblog.yelp.com/2015/01/animating-the-mobile-web.html

[12] Идея о динамических шрифтах для адаптивного дизайна: http://alistapart.com/blog/post/variable-fonts-for-responsive-design

[13] Автоматизируйте ваши задачи с помощью Gulp.js: https://scotch.io/tutorials/automate-your-tasks-easily-with-gulp-js

[14] Сервис по оптимизации SVG-изображений: https://jakearchibald.github.io/svgomg/

[15] Useful SVGO[ptimization] Tools: http://sarasoueidan.com/blog/svgo-tools/

[16] Yellow Lab Tools: http://yellowlab.tools/

[17] Доклад по CSS за 2014 год: Проверка использования CSS в «полевых условиях»: http://habrahabr.ru/company/paysto/blog/248911/

[18] Проведение аудита CSS: Таблицы стилей не должны быть ужасными: http://habrahabr.ru/company/paysto/blog/248985/

[19] CSS Units: Angles, Time and Frequency: http://demosthenes.info/blog/980/CSS-Units-Angles-Time-and-Frequency

[20] Центрирование и обрезка изображения с одной строчкой CSS: http://forwebdev.ru/css/object-fit/

[21] Стилизация номеров строк (цифр) в упорядоченных списках ol>: http://html5.by/blog/ol-numbers-css-counter-styling/

[22] Смешивание и наложение цветов в CSS: http://sarasoueidan.com/blog/compositing-and-blending-in-css/

[23] Забавы с line-height: http://css-tricks.com/fun-line-height/

[24] CSS селекторы 4-го уровня из будущего: http://webdesign.tutsplus.com/articles/css-level-4-selectors-to-watch-out-for--cms-23117

[25] Функция динамической цветовой растяжки на тексте в Sass: http://www.sitepoint.com/dynamic-gradient-text-function-sass/

[26] criticalCSS: https://github.com/filamentgroup/criticalcss

[27] Варианты анимации иконки-гамбургера в крестик: http://lukyvj.github.io/menu-to-cross-icon/

[28] Сайт, сделанный из одного тэга link со ссылкой на стили: http://cj-johnson.github.io/Single-Tag_Website/

[29] Простая подсветка рядов и колонок в таблице на чистом CSS: http://css-tricks.com/simple-css-row-column-highlighting/

[30] Основы Sass: The Function Directive: http://www.sitepoint.com/sass-basics-function-directive/

[31] Materialize: http://materializecss.com/

[32] spaceBase: http://spacebase.space150.com/

[33] extractCSS: http://extractcss.com/

[34] Aurelia — новый современный JS-фреймворк: http://habrahabr.ru/post/248955/

[35] Aurelia.io: http://aurelia.io/

[36] Делаем игру 2048 на AngularJS: http://habrahabr.ru/post/249371/t

[37] Краткое руководство по React JS: http://habrahabr.ru/post/248799/

[38] Генерирование фейковых данных для вашего JavaScript-приложения с помощью Faker: http://habrahabr.ru/post/248999/

[39] Кривые Безье-де Кастельжо. Canvas HTML5: http://habrahabr.ru/post/249103/

[40] ReactJS для глупых людей: http://habrahabr.ru/post/249107/

[41] Flux для глупых людей: http://habrahabr.ru/post/249279/

[42] Подкаст RadioJS: http://radiojs.ru/2015/01/radiojs-16/

[43] Боремся с проблемой this в конструкторах: http://forwebdev.ru/javascript/dealing-with-this/

[44] Релиз PhantomJS 2.0: http://phantomjs.org/release-2.0.html

[45] Деструктурирование и параметры обработки в ECMAScript 6: http://www.2ality.com/2015/01/es6-destructuring.html

[46] ES6 в io.js: http://davidwalsh.name/es6-io

[47] Замените CoffeeScript на ES6: http://robots.thoughtbot.com/replace-coffeescript-with-es6

[48] Новые возможности при работе со строками в ECMAScript 6: http://www.2ality.com/2015/01/es6-strings.html

[49] Написание приложений на AngularJS используя ES6: http://www.sitepoint.com/writing-angularjs-apps-using-es6/

[50] Используем новые штуки из JavaScript в мире ES3 ентерпрайза: http://developer.telerik.com/featured/using-javascript-next-features-es3-enterprise-world/

[51] Лучший способ создания новых элементов: http://www.broken-links.com/2015/01/27/best-practice-creating-custom-elements/

[52] Создание синхронных и асинхронных функций в JavaScript: http://blog.carbonfive.com/2015/01/29/composing-synchronous-and-asynchronous-functions-in-javascript/

[53] Создание браузерных аудио-приложений, поддерживающих MIDI-устройства: http://www.toptal.com/web/creating-browser-based-audio-applications-controlled-by-midi-hardware

[54] Обработка тач-событий в JavaScript: http://blog.mrroa.com/2015/01/25/handling-touch-input-with-javascript/

[55] webrtc-ips: https://github.com/diafygi/webrtc-ips

[56] Mozilla — Canvas 2D: новая документация, Path2D объекты, области нажатия: https://hacks.mozilla.org/2015/01/canvas-2d-new-docs-path2d-hit-regions/

[57] Приложение на React за семь минут: https://egghead.io/lessons/react-react-in-7-minutes

[58] Начинаем разбираться с Meteor.js: http://joshowens.me/getting-started-with-meteor-js/

[59] Шесть полезных пакетов для приложений на Meteor почти для любого проекта: http://www.sitepoint.com/6-must-use-meteor-packages-almost-every-project/

[60] Hjson, человеческий JSON: http://hjson.org/

[61] Создание приложений с Google Maps: http://www.sitepoint.com/video-create-amazing-applications-google-maps/

[62] Туториалы и плагины для создания экранов предзагрузки: http://www.webresourcesdepot.com/tutorials-and-plugins-for-website-preloading-screens/

[63] От Map/Reduce до функционального программирования на JavaScript: http://hacks.mozilla.org/2015/01/from-mapreduce-to-javascript-functional-programming/

[64] texgen.js: https://github.com/mrdoob/texgen.js

[65] Браузер Vivaldi — первая тестовая версия: http://habrahabr.ru/post/248941/

[66] Интервью с Йоном Течнером о новом браузере Vivaldi: http://www.computerra.ru/113980/vivaldi_browser/

[67] Vivaldi — в чём особенности нового браузера: http://habrahabr.ru/post/248961/

[68] Браузер Vivaldi — свежие новости и анонсы: http://habrahabr.ru/post/249407/

[69] Подробности о новом движке рендеринга Microsoft для “Project Spartan”: http://habrahabr.ru/company/microsoft/blog/248997/

[70] В движке EdgeHTML нового браузера Spartan во многих свойствах убрана поддержка префиксов ms: https://twitter.com/IEDevChat/status/560190161976180737

[71] Microsoft Spartan и будущее для Internet Explorer: http://www.sitepoint.com/microsoft-spartan-future-internet-explorer/

[72] Microsoft Spartan может поддерживать расширения Google Chrome: http://www.3dnews.ru/908814/

[73] Включаем новый движок рендеринга в IE11: http://microsoftportal.net/windows-9/4674-vklyuchaem-novyy-dvizhok-redringa-v-ie11.html

[74] Браузер Project Spartan демонстрирует в тестах лучшие результаты, чем Internet Explorer: http://itc.ua/news/brauzer-project-spartan-demonstriruet-v-testah-luchshie-rezultatyi-chem-internet-explorer/

[75] В ночные сборки Firefox добавлен API для 3D-шлемов и изоляция NPAPI-плагинов: http://www.opennet.ru/opennews/art.shtml?num=41544

[76] Как просматривать сайты в Google Chrome без подключения к Сети: http://lifehacker.ru/2015/01/31/google-chrome-bez-seti/

[77] Обновление панели для разработчиков (F12) в Windows 10 January Technical Preview: http://blogs.msdn.com/b/ie/archive/2015/01/27/updates-for-the-f12-developer-tools-in-the-windows-10-january-technical-preview.aspx

[78] hellomonday.com: http://hellomonday.com/

[79] Trippeo: https://www.trippeo.com/

[80] Word Map: http://wordmap.co/

[81] beta.rallyinteractive.com: http://beta.rallyinteractive.com/

[82] hexagone-paris.fr: http://hexagone-paris.fr/

[83] boda.sensors.jp: https://boda.sensors.jp/

[84] thiswasmybest.com: http://thiswasmybest.com/

[85] Позиционирование в веб-дизайне: http://forwebdev.ru/design/positioning/

[86] 14 советов дизайнеру: Как подготовить макет для верстки: http://siliconrus.com/2015/01/14-design-to-code/

[87] Что такое material design?: http://darksiteofmarketing.com/stati/chto-takoe-material-design.html

[88] 10 иллюстраторов, умеющих передать настроение: http://www.dejurka.ru/inspiration/moody-illustrators/

[89] Многоугольный объем в веб-дизайне: http://www.dejurka.ru/web-design/polygonal-volume-web-design/

[90] Как стать успешным веб-дизайнером?: http://www.dejurka.ru/articless/successful-web-designer/

[91] Отображение паролей в окнах авторизации: http://www.lukew.com/ff/entry.asp?1941

[92] Интерактивный дизайн мобильных приложений: https://www.behance.net/gallery/22981559/Mobile-Interaction-Design

[93] Представление Guardian beta: http://next.theguardian.com/blog/responsive-takeover/

[94] Дизайн завтрашнего: образовательные программы Физика и не только: https://medium.com/@kskiviolin/designing-tomorrows-physics-education-9cf92091a030

[95] Чему бы я хотел быть обучен в университете как дизайнер: https://medium.com/@kieranpblack/what-i-wish-i-learned-at-university-as-a-designer-753cbc2dfc83

[96] Когда, почему и как делать дизайн в браузере: https://medium.com/philosophie-is-thinking/the-when-why-and-how-of-designing-in-browser-3c7fa2ebcb94

[97] Как сделать реалистичные отражения в каплях дождя в Adobe Photoshop: http://design.tutsplus.com/tutorials/how-to-create-realistic-water-drop-reflections-in-adobe-photoshop--cms-23135

[98] Как нарисовать инфографику с соединительными линиями в CorelDRAW: http://design.tutsplus.com/tutorials/how-to-create-infographics-with-connector-tools-in-coreldraw--cms-22944

[99] Пять плагинов к Adobe Illustrator повышающих вашу продуктивность: http://www.sitepoint.com/plugins-for-adobe-illustrator/

[100] TypeHunting: http://typehunting.com/

[101] 15 бесплатных ресурсов для Google Material Designers: http://www.webresourcesdepot.com/15-resources-google-material-design/

[102] Бесплатные векторные ресурсы для милого и романтичного дизайна: http://www.dejurka.ru/graphics/lovely-romatic-vector-clipart/

[103] Бесплатный клипарт: векторные карты: http://www.dejurka.ru/graphics/free-vector-maps/

[104] Фото-текстуры деревянных поверхностей, а так же стен: http://www.fusionplate.com/4387/27-free-wood-wall-texture-packs/

[105] Шаблон интернет-магазина с двенадцати-колоночной сеткой в формате PSD: http://webdesignfm.com/2015/01/bootstrap-fashion-store-psd-template-free-download/

[106] Десять шаблонов мокапов визиток в PSDs: http://webdesignledger.com/freebies/10-freebie-business-card-mockups

[107] Две дюжины мокапов для демонстрации дизайна визиток, издание 2015-го: http://www.fusionplate.com/4463/24-free-high-quality-psd-business-card-mockups-january-2015-edition/

[108] Векторный мокап смарт-часов: http://www.dreamstale.com/freebie-flat-smartwatch-mockup/

[109] Полтора десятка векторных изображений посвященных дню Святого Валентина: http://webdesignledger.com/freebies/15-free-valentine-vectors-youre-gonna-love

[110] Шесть заготовок винтажных логотипов в форматах AI, ABR: http://pixelbuddha.net/freebie/free-logo-insignias-kit

[111] Набор иконок посвященных дню Святого Валентина: https://dribbble.com/shots/1892322-Free-Valentine-s-Day-icon-set

[112] Три десятка наборов с иконками, с плоским, контурным и дизайном с длинными тенями: http://www.fusionplate.com/4422/34-amazing-free-icons-sets-january-2015-edition/

[113] Сотня иконок посвященных кухне: https://www.behance.net/gallery/22869307/100-FREE-ICONS-KITCHEN-

[114] D Hanna Soft Free Regular: http://www.myfonts.com/fonts/diego-aravena/d-hanna-soft/free-regular/

[115] Kontanter: https://www.behance.net/gallery/17725611/Kontanter-FREE-FONT

[116] YouTube отказался от Flash в пользу HTML5 по умолчанию: http://habrahabr.ru/company/eset/blog/249041/

[117] Facebook укрепляет позицию лидера по количеству авторизаций на других сайтах: http://www.cossa.ru/news/244/95541/

[118] Проект Mozilla экспериментирует с развёртыванием узлов Tor: http://www.opennet.ru/opennews/art.shtml?num=41559

[119] Apple озвучила сроки начала продаж «умных» часов Apple Watch: http://gagadget.com/apple-watch/16306-apple-ozvuchila-sroki-nachala-prodazh-umnyih-chasov-apple-watch/

[120] Акции Microsoft падают, несмотря на анонс Windows 10: http://keddr.com/2015/01/aktsii-microsoft-padayut-nesmotrya-na-anons-windows-10/

[121] Microsoft умножила на ноль Windows RT: http://keddr.com/2015/01/microsoft-umnozhila-na-nol-windows-rt/

[122] В апреле Sony проведёт первую онлайн-трансляцию концерта с качеством DSD: http://www.3dnews.ru/908490/

[123] Стоимость акций Apple достигла рекордного значения: http://www.3dnews.ru/908874/

[124] Разработчик альтернативной Android-системы Cyanogen привлечет $70 млн от Microsoft и других инвесторов: http://siliconrus.com/2015/01/cyanogen/

[125] Google: проект Glass нуждается в перезапуске: http://www.3dnews.ru/908831/

[126] Apple обогнала Samsung и стала крупнейшим мировым вендором смартфонов: http://ain.ua/2015/01/30/561424

[127] Интернет в закрытой стране: Опыт Северной Кореи: http://habrahabr.ru/company/ua-hosting/blog/247395/

[128] Очки HoloLens от Microsoft будут использовать для изучения Марса: http://www.computerra.ru/114051/ochki-hololens-ot-microsoft-budut-ispolzovat-dlya-izucheniya-marsa/

[129] Почему Surface Hub интереснее, чем HoloLens: http://inoblogger.ru/2015/01/31/surface-hub/

[130] Учёный лаборатории Google: «Через несколько лет чип для синхронного перевода можно будет встраивать в ухо»: http://tjournal.ru/paper/babel-fish

[131] Разбираемся в новой версии Windows 10 Technical Preview: http://itc.ua/articles/razbiraemsya-v-novoy-versii-windows-10-technical-preview/

[132] Взлетит или не взлетит: Бывший сотрудник Intel разработал алгоритм для предсказания успеха стартапов: http://siliconrus.com/2015/01/growth-science/

[133] Новые откровения Билла Гейтса: о боязни умных роботов, незнании языков, недосыпе и многом другом: http://ain.ua/2015/01/30/561484

[134] 15 причин не работать в компании Facebook: http://siliconrus.com/2015/01/facebook-not-good/

[135] О строительстве, 3D-печати и клинопанке: http://www.computerra.ru/113856/o-stroitelstve-3d-pechati-i-klinopanke/

[136] Depthy: http://depthy.me/#/

[137] Визуальные эффекты в canvas: http://www.shanemielke.com/archives/usopen-sessions/

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

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

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

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

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