Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №201 (1 — 6 марта 2016)

---

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

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

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

[1] Веб-разработка: #webdev

[2] CSS: #css

[3] Javascript: #js

[4] Браузеры: #browser

[5] Дизайн: #design

[6] Новости: #news

[7] Занимательное: #intresting

[8] HTTP/2: готовимся к переходу: https://habrahabr.ru/company/selectel/blog/278167/

[9] Туториал по Jade для начинающих: https://habrahabr.ru/post/278109/

[10] Почему npm-скрипты?: http://prgssr.ru/development/pochemu-npm-skripty.html

[11] Текстовый лог трансляции: https://github.com/web-standards-ru/web-standards-up/blob/master/2016-02-27_ya-subbotnik.md

[12] Frontflip Podcast №15: http://frontflip.me/2016/03/02/graphql-relay.html

[13] Несколько свежих видео с FrontendFellows #2, Ижевск : https://www.youtube.com/watch?v=ylDc_Vh8v-0&list=PLG1DOGQr6w-PfLtBQ3KJnyOH3SpIT_ETR

[14] Google собирается ускорить веб. Хорошо ли это?: https://backchannel.com/google-is-going-to-speed-up-the-web-is-this-good-a92a6043598b

[15] Погружение в Google AMP: https://www.keycdn.com/blog/accelerated-mobile-pages/

[16] Проект AMP: сделает ли он ваши сайты быстрее?: http://webdesign.tutsplus.com/articles/amp-project-will-it-make-your-sites-faster--cms-25853

[17] Performance is a feature: https://peterchamberlin.com/fast.php

[18] Введение в Web Bluetooth API: https://dev.opera.com/articles/web-bluetooth-intro/

[19] Introducing the WebVR 1.0 API Proposal: https://hacks.mozilla.org/2016/03/introducing-the-webvr-1-0-api-proposal/

[20] Добавление API в статический сайт: http://www.raymondcamden.com/2016/03/01/adding-an-api-to-a-static-site/

[21] SVG в вебе: Практическое руководство : https://svgontheweb.com/ru/

[22] Наследование стилей SVG и ‘Flash Of Unstyled SVG’: https://sarasoueidan.com/blog/svg-style-inheritance-and-FOUSVG/

[23] Креативная анимация SVG букв: http://tympanus.net/codrops/2016/03/02/creative-svg-letter-animations/

[24] Может ли SVG спасти вас от жирных PNG-32?: http://www.sitepoint.com/can-svg-save-fat-png-32s/

[25] “Lost”: An SVG Compass Rose Generator: http://thenewcode.com/524/Lost-An-SVG-Compass-Rose-Generator

[26] Заставляем простой сайт работать оффлайн с помощью ServiceWorker: https://ponyfoo.com/articles/simple-offline-site-serviceworker

[27] Дизайн FINANCIAL TIMES для огромных экранов и видео-стен: http://labs.ft.com/2016/01/big-ft/

[28] High-performance Web Worker messages: http://nolanlawson.com/2016/02/29/high-performance-web-worker-messages/

[29] Как выглядит веб глазами больного дислексией: http://geon.github.io/programming/2016/03/03/dsxyliea

[30] Знаете ли вы эти 8 HTML5 тегов?: http://www.sitepoint.com/eight-html5-tags-you-might-not-know/

[31] Представление MJML: языка разметки для отзывчивых писем: http://webuilddesign.com/introducing-mjml-first-open-source-markup-language-for-responsive-email/

[32] 7 изменений Google, которые сломают веше SEO: http://thenextweb.com/insider/2016/02/29/7-google-changes-that-will-make-or-break-your-seo/

[33] Real-Time, Bi-Directional, Compiler-Free Sass Editing with Emmet Livestyle : http://forumone.com/blog/real-time-bi-directional-compiler-free-sass-editing-with-emmet-livestyle/

[34] Как работает веб: HTTP и веб сервер: http://code.tutsplus.com/tutorials/how-the-web-works-http-and-the-web-server--cms-25971

[35] fetch-it: https://github.com/tryolabs/fetch-it

[36] Еженедельная подборка красивых эффектов на CSS/SVG/JS #27: http://css-live.ru/cssjssvg-s-podvypodvertom/ezhenedelnaya-podborka-krasivyx-effektov-na-csssvgjs-27.html

[37] Анимация обратного отсчета: http://codepen.io/balapa/pen/NNqJKV

[38] Web Audio Arpeggiato: http://arpeggiator.desandro.com/

[39] Организация кода для CSS препроцессоров: http://frontender.info/organizing-your-css-code-for-preprocessors/

[40] Если вы знаете Sass — вы знаете и ES2015: http://css-live.ru/articles/esli-vy-znaete-sass-vy-znaete-i-es2015.html

[41] If You Know Sass, You Know ES2015: http://una.im/sass-es2015

[42] css-live.ru: http://css-live.ru/

[43] Повышение производительности CSS анимации с помощью библиотеки Repaintless.css: http://blog.lunarlogic.io/2016/boost-your-css-animation-performance-with-repaintless-css/

[44] Введение в CSS Scroll Snap Points: https://css-tricks.com/introducing-css-scroll-snap-points/

[45] Модули PostCSS: вернем былое величие CSS!: https://evilmartians.com/chronicles/postcss-modules-make-css-great-again

[46] Что вам нужно знать о CSS переменных: http://tutorialzine.com/2016/03/what-you-need-to-know-about-css-variables/

[47] Отзывчивые таблицы на чистом CSS: http://dbushell.com/2016/03/04/css-only-responsive-tables/

[48] Решаем проблему отзывчивых таблиц с помощью гридов: https://www.rachelandrew.co.uk/archives/2016/03/02/a-grid-solution-for-the-responsive-tables-problem/

[49] Введение в CSS Grid Layout Module: http://www.sitepoint.com/introduction-css-grid-layout-module/

[50] Sass: когда использовать mixin, а когда extend: http://vanseodesign.com/css/sass-mixin-or-extend/

[51] Flexbox Defense: http://www.flexboxdefense.com/

[52] Использование нескольких шрифтов на одном элементе: http://codepen.io/jeffpowrs/pen/twzlu

[53] Анимации для иконки-гамбургера: https://jonsuh.com/hamburgers/

[54] Записи докладов с MelbCSS February 2016 meetup: https://www.youtube.com/channel/UCIpyTmd8_cCk26yzBaTIhUQ

[55] Лучшие инструменты для JavaScript-разработчика: https://habrahabr.ru/company/nixsolutions/blog/277869/

[56] Компания Oracle открыла исходные тексты JavaScript Extension Toolkit 2.0: http://www.opennet.ru/opennews/art.shtml?num=43973

[57] RadioJS №36: последние релизы, методики и, мельком, критика TypeScript и Angular: https://radiojs.ru/2016/03/radiojs-36/

[58] Объектно-ориентированный JavaScript: наследование на практике: http://jsraccoon.ru/oop-inheritance-practice

[59] Объектно-ориентированный JavaScript: дескрипторы: http://jsraccoon.ru/oop-descriptors

[60] Любовное письмо к jQuery: http://css-live.ru/articles/lyubovnoe-pismo-k-jquery.html

[61] A love letter to jQuery: http://madebymike.com.au/writing/love-letter-to-jquery/

[62] Год без jQuery: http://blog.wearecolony.com/a-year-without-jquery/

[63] Что нового в jQuery 3: http://developer.telerik.com/featured/whats-new-in-jquery-3/

[64] Порог вхождения в Angular 2 — теория и практика: https://habrahabr.ru/post/278523/

[65] Управление приватными данными классов ES6: https://habrahabr.ru/company/plarium/blog/278377/

[66] JavaScript фреймворки в 2016-м: http://www.clock.co.uk/blog/javascript-frameworks-in-2016

[67] Google готовит Angular 2 для финального релиза: http://thenewstack.io/google-preps-angular-2-final-release/

[68] React.js Fundamentals: http://courses.reactjsprogram.com/courses/reactjsfundamentals

[69] Rebass — библиотека React UI компонентов: http://jxnblk.com/rebass/

[70] Почему мы переключились на Redux (и так же используем React): https://blog.redradix.com/why-we-are-switching-to-redux-and-sticking-with-react-too/

[71] Видео: Angular2 Beta, RxJS, TypeScript: https://www.youtube.com/watch?v=R62iQvZ0bdQ

[72] Enzyme: JavaScript утилиты для тестирования React: https://medium.com/airbnb-engineering/enzyme-javascript-testing-utilities-for-react-a417e5e5090f

[73] “Exploring ES6” — обстоятельная книга о ES6/ES2015, бесплатная для чтения онлайн: http://exploringjs.com/es6/

[74] Creating React NPM packages with ES2015: http://julian.io/creating-react-npm-packages-with-es2015/

[75] 5 советов по улучшению JS c помощью ES2015: http://derickbailey.com/2016/03/02/5-tips-to-improve-your-javascript-w-es2015-es6/

[76] List.js v1.2.0: http://www.listjs.com/

[77] jqGifPreview — jQuery плагин для предосмотра GIF изображений, как на Facebook: https://github.com/SodhanaLibrary/jqGifPreview

[78] snapGallery.js: http://neerajdelima.ga/snapGallery/

[79] superplaceholder.js: http://kushagragour.in/lab/superplaceholderjs/

[80] Состояние JavaScript в 2016-м: https://medium.com/@fward/state-of-the-art-javascript-in-2016-ab67fc68eb0b

[81] Функциональное программирование для JS-людей: https://medium.com/@chetcorcos/functional-programming-for-javascript-people-1915d8775504

[82] Алгоритм последовательности Фибоначчи на Javascript: https://medium.com/@devlucky/fibonacci-sequence-algorithm-in-javascript-b253dc7e320e

[83] Модуляризация клиентских зависимостей с пмощью jspm: http://blog.scottlogic.com/2016/03/03/modularizing-client-side-dependencies-with-jspm.html

[84] Создание расширения для Chrome с функцией преобразования текста в речь: http://www.sitepoint.com/create-text-to-speech-chrome-extension/

[85] Как создать интерактивные графики с ui-grid и Angular Chart: https://medium.com/algotech-solutions/create-interactive-charts-with-ui-grid-and-angular-chart-8e0c436cc0ec

[86] Интерактивные JavaScript графики, использующие данные из Google Sheets: http://www.sitepoint.com/interactive-javascript-charts-using-data-from-google-sheets/

[87] Видео с конференции NG-NL 2016: https://www.youtube.com/channel/UCBLyK9z883f-nr_4KW6gngw

[88] Chrome может обогнать IE и стать самым популярным браузером уже в мае: http://itc.ua/blogs/chrome-mozhet-obognat-ie-stat-samyim-populyarnyim-brauzerom-uzhe-v-mae/

[89] Браузер Microsoft Edge получил немного доли рынка в феврале: http://microsoftportal.net/windows-9/6912-brauzer-microsoft-edge-poluchil-nemnogo-doli-rynka-v-fevrale.html

[90] Релиз web-браузера Chrome 49, прекративший поддержку 32-разрядных систем Linux: http://www.opennet.ru/opennews/art.shtml?num=43977

[91] Object.values(), Object.entries() и Object.getOwnPropertyDescriptors() появились в Chrome.: https://twitter.com/malyw/status/704972953029623808

[92] WebAssembly может быть добавлено в поддержку браузерами в этом году: http://www.infoworld.com/article/3040037/javascript/webassembly-may-go-live-in-browsers-this-year.html

[93] Тренды браузеров март 2016: сюрпризы операционной системы: http://www.sitepoint.com/browser-trends-march-2016-operating-system-surprises/

[94] Анимация интерфейсов. Микровзаимодействие для макрорезультата: http://sketchapp.me/animaciya-interfejsov-mikrovzaimodejstviya-dlya-makrorezultata/

[95] Как избежать распространенных UX ловушек: http://www.webdesignerdepot.com/2016/03/how-to-avoid-common-ux-traps/

[96] Дурацкие аналогии UI и UX: http://shittyuiuxanalogies.tumblr.com/

[97] Tilt Brush: http://www.tiltbrush.com/

[98] Концепт дизайна для Google: https://www.behance.net/gallery/34066452/Re-imagine-Google-

[99] Айдентика для ТВ-канала Viceland: http://gretelny.com/work/viceland/

[100] Микровзаимодействия: секрет дизайна прекрасных приложений: https://medium.com/ux-planet/microinteractions-the-secret-to-great-app-design-4cfe70fbaccf

[101] Руководство для дизайнеров по DPI: http://sebastien-gabriel.com/designers-guide-to-dpi/

[102] Бесконечная прокрутка, разбиение на страницы или кнопки “загрузить еще”? Результаты исследований юзабилити интернет-магазинов: https://www.smashingmagazine.com/2016/03/pagination-infinite-scrolling-load-more-buttons/

[103] Десять главных подсказок по созданию иллюстраций на тему моды: http://design.tutsplus.com/articles/10-top-tips-for-fashion-illustration--cms-25881

[104] Как предлагать прекрасный UX при использовании видео: http://www.sitepoint.com/how-to-offer-great-video-ux/

[105] Делая дизайн для жестов: https://medium.com/@WebdesignerDepot/designing-for-gestures-2a34ccea73de

[106] Uber перезапускается с новой айдентикой: https://medium.com/@WebdesignerDepot/uber-relaunches-with-a-new-brand-identity-ef10572dea9b

[107] Плоский дизайн 2.0: https://medium.com/@WebdesignerDepot/flat-design-2-0-d2c4224fda68

[108] Быстрое начало работы с наборами UI: http://www.onextrapixel.com/2016/03/01/getting-started-with-ui-kits-fast/

[109] Редизайн Univision.com: http://blog.invisionapp.com/redesigning-univision/

[110] Частые заблуждения об UX: http://blog.invisionapp.com/common-ux-misconceptions/

[111] Дизайн изнутри: Capital One: http://blog.invisionapp.com/inside-design-capital-one/

[112] Не делайте дизайн того, чего просят пользователи: http://blog.invisionapp.com/dont-design-what-users-want/

[113] Простой способ для быстрого создания цветовой палитры: https://medium.com/sketch-tricks/a-simple-trick-for-creating-color-palettes-quickly-8ba0fcbb7023

[114] Photoshop за 60 секунд: что такое гистограммы?: http://design.tutsplus.com/tutorials/photoshop-in-60-seconds-what-are-histograms--cms-25874

[115] Вдохновляющие логотипы, посвященные пище: http://www.vandelaydesign.com/food-logo-design-inspiration/

[116] Новый логотип и айдентика для Бутана от FutureBrand: http://www.underconsideration.com/brandnew/archives/new_logo_and_identity_for_bhutan_by_futurebrand.php

[117] Настройки шрифта в Sketch: https://medium.com/@sketchapp/typesetting-in-sketch-dc870fc334fc

[118] Релиз Sketch 3.6: https://medium.com/@sketchapp/sketch-3-6-cfe049992e11

[119] Шоткаты в Sketch, о которых вы не знаете: https://medium.com/sketch-app-sources/the-sketch-shortcuts-you-didn-t-know-about-910af95c75ed

[120] Готовы прототипировать прямо из Sketch? Поприветствуем Silver: http://sketchapp.me/gotovy-prototipirovat-pryamo-iz-sketch-poprivetstvuem-silver/

[121] Исследуем последние тренды в веб-типографике: http://speckyboy.com/2016/03/02/exploring-latest-trends-web-typography/

[122] Почему вертикальный ритм — это важная типографическая практика?: http://zellwk.com/blog/why-vertical-rhythms/

[123] Недорогие новые шрифты, которые вы, возможно, не думали использовать (…а должны бы): http://www.sitepoint.com/7-new-fonts-you-probably-havent-considered-using-but-should/

[124] Топ инструментов для спаривания и комбинирования шрифтов: http://line25.com/articles/top-font-pairing-tools-font-combinations

[125] Как создать шрифт с использованием Fontself и FontForge: http://design.tutsplus.com/tutorials/how-to-create-a-font-using-fontself-and-fontforge--cms-25923

[126] Бесплатные текстуры булыжников и мостовых: http://www.dejurka.ru/graphics/free-cobble-pavement-textures/

[127] getWi.Fi: https://meshable.io/map

[128] Текстуры бумаги: http://www.evolutionarydesigns.net/blog/2016/03/04/70-free-paper-textures/

[129] Кисти для фотошопа: http://www.hongkiat.com/blog/free-photoshop-brush-sets/

[130] Мокапы для демонстрации дизайна в Apple Watch в PSD формате: http://webresourcesdepot.com/apple-watch-psd-mockups/

[131] sketchsheets — готовые для печати шаблоны с изображением мобильных устройств: http://sketchsheets.com/

[132] PSD шаблоны с мокапами марок: https://www.webresourcesfree.com/postcard-mockup-psd-templates/

[133] PSD шаблоны пригласительных карточек: https://www.webresourcesfree.com/greeting-card-mockups/

[134] Лучшие наборы UI, которые просто необходимы: http://www.webdesignerhub.com/15-best-free-ui-kits-you-need-to-have/

[135] Сетки для Bootstrap в PSD: http://designmodo.com/bootstrap-grid/

[136] Иконки для интернет-магазинов: http://webresourcesdepot.com/free-icons-ecommerce-websites/

[137] Два десятка прекрасных геометрических шрифта: http://webdesignledger.com/gorgeous-free-geometric-fonts-to-download/

[138] Два десятка супер четких шрифтов для минималистичных дизайнов: http://webdesignledger.com/20-super-clean-fonts-perfect-for-minimal-style-design/

[139] Elrotex — декоративный кистевой шрифт: https://pixelbuddha.net/freebie/elrotex-brush-font

[140] Karmina Bold: рукописный шрифт: http://freebiesbug.com/free-fonts/karmina-bold-free-handwritten-font/

[141] Microsoft объединяет PC и Xbox One: http://4pda.ru/2016/03/02/281179/

[142] Slack запустит голосовые и видеочаты: https://vc.ru/n/slack-voice

[143] Председатель ​совета директоров Alphabet Эрик Шмидт возглавил совет по инновациям при Минобороны США: https://vc.ru/n/eric-schmidt-pentagon

[144] Разработчики запустили поисковик для детей Kiddle, основанный на технологиях Google: http://itc.ua/news/google-zapuskaet-kiddle-poiskovik-dlya-detey/

[145] Билл Гейтс снова признан богатейшим человеком в мире: http://www.3dnews.ru/929272/

[146] Появился язык программирования с операторами-смайликами: http://ain.ua/2016/03/05/636507

[147] Google позволит брендам и знаменитостям добавлять информацию о себе прямо в поисковую выдачу: https://vc.ru/n/brands-celebs-in-google-search

[148] Разработан первый «живой» компьютер из белков: http://naked-science.ru/article/sci/razrabotan-pervyi-zhivoi-kompy

[149] Intel готовит свои очки дополненной реальности: http://gagadget.com/20978-intel-gotovit-svoi-ochki-dopolnennoj-realnosti/

[150] В Bing появилась интерактивная карта солнечной системы: http://www.searchengines.ru/news/archives/v_bing_poyavila.html

[151] Новые проекты Mozilla для умного дома и сетевых потребительских устройств: http://www.opennet.ru/opennews/art.shtml?num=43972

[152] MWC 2016 как индикатор трендов: http://keddr.com/2016/02/mwc-2016-kak-indikator-trendov/

[153] Учебные курсы MIT теперь доступны для всех совершенно бесплатно: http://lifehacker.ru/2016/02/28/mit-courses/

[154] Будущее за HTML5 или Прощай Flash! : http://www.searchengines.ru/articles/budushchee_za_h.html

[155] Одни! Как компьютерная модель поставила крест на поиске братьев по разуму: http://www.computerra.ru/141200/alone/

[156] «Самый интересный из всех скучных людей»: Как Марк Цукерберг стал эталоном саморазвития: https://vc.ru/p/zuck-lifestyle

[157] Кого считают своими наставниками Билл Гейтс, Джефф Безос, Марк Цукерберг и другие предприниматели: https://vc.ru/p/entrepreneurs-mentors

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

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

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

[161] Источник: https://habrahabr.ru/post/278711/

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