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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

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

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

[8] Первая версия Visual Studio Code 1.0 — путь от простого редактора до мощного инструмента: https://habrahabr.ru/company/microsoft/blog/281667/

[9] JSCS, CST и новое начало: https://habrahabr.ru/post/281635/

[10] JSCS объединяется с ESLint : http://eslint.org/blog/2016/04/welcoming-jscs-to-eslint

[11] Эффективные HTML-формы. Часть 1: http://e-planet.ru/company/blog/effektivnye-html-formy-chast-1.html

[12] Offline badging, DevTools, Testing, Travis, Web Storage, Service Worker Scopes, Data-driven Development, Compute Engine: https://medium.com/totally-tooling-tears/issue-4-offline-badging-testing-travis-devtools-issues-web-storage-data-driven-development-8dd1cfbc410a

[13] : Web Page Test (S3 Mini Tip #3): https://www.youtube.com/watch?v=pOynMwTyRgQ

[14] PPK о путанице в работе с отзывчивыми изображениями из-за неоднозначного поведения devicePixelRatio : http://www.quirksmode.org/blog/archives/2016/04/responsive_imag.html

[15] Ссылки и доступность: http://dev.edenspiekermann.com/2016/04/14/links-and-accessibility/

[16] Процесс создания шаблонов HTML писем с помощью Gulp: http://bitsofco.de/a-gulp-workflow-for-building-html-email/

[17] Создание шаблонов писем, как это делается в 2016-м: https://medium.com/digital-times/building-email-newsletters-like-it-s-2016-da234a5e0689

[18] Инструмент для сборки с простейшей конфигурацией: https://medium.com/@adrianli/the-zero-config-javascript-build-tool-1914d71d749c

[19] Паттерны загрузки веб-шрифтов: https://www.bramstein.com/writing/web-font-loading-patterns.html

[20] Эстетика невидимого: https://francescoschwarz.de/en/blog/aesthetics-of-the-invisible/

[21] phenomic: https://phenomic.io/

[22] Создание нейросети прямо в браузере: http://playground.tensorflow.org/#activation=tanh&batchSize=10&dataset=circle&regDataset=reg-plane&learningRate=0.03&regularizationRate=0&noise=0&networkShape=8,2&seed=0.80686&showTestData=false&discretize=false&percTrainData=50&x=true&y=true&xTimesY=false&xSquared=false&ySquared=false&cosX=false&sinX=false&cosY=false&sinY=false&collectStats=false&problem=classification

[23] Создание просмотрщика продуктов с поворотом на 360 градусов: https://codyhouse.co/gem/360-degrees-product-viewer/

[24] flickr выложил свой лейаут с упорядоченными изображениями в open source: http://code.flickr.net/2016/04/05/our-justified-layout-goes-open-source/

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

[26] Interactive 3D Mall Map : http://tympanus.net/codrops/2016/04/13/interactive-3d-mall-map/

[27] Создание динамического SVG таймера: http://stylecampaign.com/blog/2016/04/building-a-dynamic-svg-timer/

[28] Креативный лоадер: http://codepen.io/vinsongrant/pen/pydLGX

[29] Креативные эффекты для текста с помощью three.js: http://codepen.io/zadvorsky/pens/tags/?selected_tag=three.js

[30] Видео со встречи PiterCSS №2, которая прошла 22 марта 2016 в Петербурге. : https://www.youtube.com/playlist?list=PLMBnwIwFEFHd07IVX530mqmygDo30UD_U

[31] Правильно @apply в CSS (нативные CSS-миксины): https://blog.gospodarets.com/css_apply_rule

[32] Webflow: Новый визуальный конструктор сайтов и модулей с помощью flexbox: https://flexbox.webflow.com/

[33] Интерактивный игровой туториал по flexbox: https://preview.webflow.com/preview/flexbox-game?preview=d1a26b027c4803817087a91c651e321f&m=1

[34] Как начать работу с CSS Modules: https://css-tricks.com/css-modules-part-2-getting-started/

[35] Гриды с гибкими размерами с помощью auto-fill и minmax: https://rachelandrew.co.uk/archives/2016/04/12/flexible-sized-grids-with-auto-fill-and-minmax/

[36] CSS из будущего: когда вальный CSS будет достаточно хорошим для замены препроцессоров?: http://zeke.sikelianos.com/css-from-the-future/

[37] imagehover.css: http://imagehover.io/

[38] Интервью с Håkon Wium Lie (создателем CSS): https://medium.com/net-magazine/interview-with-h%C3%A5kon-wium-lie-f3328aeca8ed

[39] Эволюция асинхронного JavaScript: http://frontender.info/asynchronous-javascript/

[40] 3D в браузере с помощью Three.JS: http://blogs.adobe.com/dreamweaver/2016/04/3d-in-the-browser-with-three-js.html

[41] Другой вид усталости от Javascript: http://chrismm.com/blog/the-other-kind-of-javascript-fatigue/

[42] Почему разработка JS — это сумасшествие: http://www.planningforaliens.com/blog/2016/04/11/why-js-development-is-crazy/

[43] Руководство по качественной обработке ошибок в JavaScript: http://www.sitepoint.com/proper-error-handling-javascript/

[44] Добавление JavaScript модулей в веб-платформу: https://blog.whatwg.org/js-modules

[45] Понимание свойства prototype в JavaScript: http://bytearcher.com/articles/understanding-prototype-property-in-javascript/

[46] Понимание JavaScript модулей: пакетирование и преобразование: http://www.sitepoint.com/javascript-modules-bundling-transpiling/

[47] Service Worker-ы заменяют AppCache: кувалда для раскалывания орешка: https://medium.com/@firt/service-workers-replacing-appcache-a-sledgehammer-to-crack-a-nut-5db6f473cc9b

[48] Коллбеки JavaScript, объясненные с помощью минионов: https://medium.com/@kevink/javascript-callbacks-explained-using-minions-da272f4d9bcd

[49] Webpack —  смущающие стороны: https://medium.com/@rajaraodv/webpack-the-confusing-parts-58712f8fcad9

[50] Рассмотрение Salsa – нового сервиса для работы с JavaScript в Visual Studio 15: https://blogs.msdn.microsoft.com/visualstudio/2016/04/08/previewing-salsa-javascript-language-service-visual-studio-15/

[51] Процесс TC39 для внесения новых возможностей языка в спецификацию ECMAScript: http://frontender.info/tc39-process/

[52] ES6: ловушки прокси изнутри: http://css-live.ru/articles/es6-lovushki-proksi-iznutri.html

[53] Лучший Node с помощью ES6, ч.1: https://scotch.io/tutorials/better-node-with-es6-pt-i

[54] Новые стрелочные функции в ES6: http://blog.carbonfive.com/2016/04/13/new-arrow-functions-in-es6/

[55] ES6 символы: барабанную дробь пожалуйста!: https://www.sitepen.com/blog/2016/04/13/es6-symbols-drumroll-please/

[56] Деструктурирование и параметры по умолчанию в ES6: https://www.redfin.com/blog/2016/04/destructuring-and-default-parameters-in-es6.html

[57] Деревья промисов в ES6: http://www.2ality.com/2016/04/promise-trees.html

[58] Angular 2 Beta, обучающий курс «Тур героев» часть 2: https://habrahabr.ru/post/281727/

[59] React на практике: приложение с сортировкой и поиском данных: http://jsraccoon.ru/react-sort-and-search

[60] Angular vs React, some surprising trends: https://medium.com/the-bleeding-edge/angular-vs-react-some-surprising-trends-fcec3e602f50

[61] Оптимизация производительности для React-приложений: https://medium.com/@alexandereardon/performance-optimisations-for-react-applications-b453c597b191

[62] Начинаем работать с Rx.js: введение: http://www.barbarianmeetscoding.com/blog/2016/04/11/getting-started-with-rx-dot-js/

[63] React за 15 минут — [часть 1 из 3]: https://www.youtube.com/watch?v=PGUMRVowdv8

[64] Начало работы с React и JSX: http://www.sitepoint.com/getting-started-react-jsx/

[65] Урок: давайте создадим React приложение с Redux-ом: https://stormpath.com/blog/build-a-redux-powered-react-application/

[66] Красота React Native: создание вашего первого iOS приложения с JavaScript (часть 1): https://www.smashingmagazine.com/2016/04/the-beauty-of-react-native-building-your-first-ios-app-with-javascript-part-1/

[67] Скажите привет React CDK (Component Development Kit): https://voice.kadira.io/say-hello-to-react-cdk-97cff692e798

[68] Создание одностраничного приложения «список дел» с Node и Angular: https://scotch.io/tutorials/creating-a-single-page-todo-app-with-node-and-angular

[69] JavaScript Entity Graph (Базы данных графа в памяти для данных JavaScript): https://github.com/brandonbloom/jseg

[70] Сравнительная таблица доступности для медиа-плееров: http://kensgists.github.io/apt/

[71] FapfapJS — ручной JS-феймворк для энтузиастов DIY : http://www.fapfapjs.io/

[72] webpack-validator: https://github.com/jonathanewerner/webpack-validator

[73] Iframify: https://github.com/edenspiekermann/iframify

[74] Project Tofino — новый браузер от Mozilla: https://habrahabr.ru/company/ua-hosting/blog/281501/

[75] Выпуск web-браузера Chrome 50: http://www.opennet.ru/opennews/art.shtml?num=44241

[76] Пользователи Windows XP и Vista лишились обновлений Google Chrome: https://tjournal.ru/26515-polzovateli-windows-xp-i-vista-lishilis-obnovlenii-google-chrome

[77] Мир без паролей: Windows Hello в Microsoft Edge: https://blogs.windows.com/msedgedev/2016/04/12/a-world-without-passwords-windows-hello-in-microsoft-edge/

[78] Skype работает в вебе без плагинов, но только если используется браузер Edge: http://thenextweb.com/apps/2016/04/15/skype-now-works-web-without-plugins-use-edge/

[79] plane-site.com: http://plane-site.com/

[80] andy-hook.co.uk: http://andy-hook.co.uk/

[81] austin-weight.com: http://austin-weight.com/

[82] nurturedigital: http://www.nurturedigital.com/

[83] Все броски, совершенные легендарным игроком NBA Kobe Bryant, все 30,699: http://graphics.latimes.com/kobe-every-shot-ever/

[84] Сайты, сделанные в Польше: http://www.dejurka.ru/web-design/sites-made-in-poland/

[85] 9 популярных ошибок в мобильном UX-дизайне: http://sketchapp.me/9-populyarnyx-oshibok-v-mobilnom-ux-dizajne/

[86] Об анимации в мобильных UX дизайнах: http://sketchapp.me/ob-animacii-v-mobilnyx-ux-dizajnax/

[87] Git для новичков и дизайнеров интерфейсов: http://sketchapp.me/git-dlya-novichkov-i-dizajnerov-interfejsov/

[88] Интервью с Томом Крча, Adobe XD: http://sketchapp.me/intervyu-s-tomom-krcha-adobe-xd/

[89] Неправильные, но популярные решения в мобильном UX-дизайне: http://sketchapp.me/nepravilnye-no-populyarnye-resheniya-v-mobilnom-ux-dizajne/

[90] Открытое письмо начинающим дизайнерам: http://www.dejurka.ru/articless/letter-to-designer/

[91] Хватит чувствовать себя глупыми по поводу комбинирования шрифтов: http://typeburrito.com/2016/03/18/stop-feeling-dumb-about-pairing-fonts.html

[92] Психология цвета в веб-дизайне: http://www.vandelaydesign.com/the-psychology-of-color-in-web-design/

[93] Кот-ниндзя: новый Emoji для Windows: http://blog.emojipedia.org/ninja-cat-the-windows-only-emoji/

[94] Концепт интеграции магазина в Instagram: https://medium.com/@connorhasson/what-if-you-could-purchase-products-on-instagram-7683b52ca4cc

[95] Ты дерешься, как дизайнер: http://www.developertown.com/fight-like-a-designer/

[96] Факты о дизайне: http://www.designfacts.org/fact/

[97] Лучшие советы по дизайну классных упаковок и наклеек: http://design.tutsplus.com/articles/10-top-tips-for-designing-awesome-packaging-and-labels--cms-26231

[98] Шесть практических хаков по снятию креативных фотографий используя ваш смартфон: http://www.sitepoint.com/6-practical-hacks-for-taking-creative-photos-with-your-smartphone/

[99] Как привлечь внимание пользователя (и другие жестокие ловушки): http://www.sitepoint.com/how-to-direct-the-eye/

[100] Sketch 3.7 и новые Symbol-ы: https://blog.sketchapp.com/sketch-3-7-and-new-symbols-d833a5be4027

[101] Онлайн альтернативы фотошопу: http://blogsizzle.com/technology/best-free-photoshop-alternatives-online/

[102] Adobe Photoshop Actions, объяснение за 60 секунд: http://photography.tutsplus.com/tutorials/adobe-photoshop-actions-explained-in-60-seconds--cms-25639

[103] Дизайн 2016: год иллюстрации?: http://www.sitepoint.com/design-trend-2016-year-illustration/

[104] Вы можете делать почти все что угодно (часть I): http://www.elischiff.com/blog/2016/4/12/do-almost-anything

[105] Оптические исправления в дизайне логотипа: https://medium.com/@LogoGeek/optical-corrections-in-logo-design-8010cc234e2c

[106] Дизайн логотипов для адаптивных веб-сайтов: https://www.smashingmagazine.com/2016/04/logo-design-responsive-websites/

[107] Короткий список логотипов-финалистов для Tokyo 2020: https://medium.com/@WebdesignerDepot/tokyo-2020-logo-shortlist-revealed-e3531f48aa9f

[108] Генератор логотипов по заданному имени компании: http://emblemmatic.org/markmaker/#/

[109] Mark Simonson, живая легенда создавшая Proxima Nova: http://blog.youworkforthem.com/2016/04/13/mark-simonson-the-living-legend-behind-proxima-nova/

[110] PS Fournier: трибьют французской современной эре типографики от Stéphane Elbaz: https://medium.com/@jfporchez/ps-fournier-a-tribute-to-the-french-modern-typography-era-by-st%C3%A9phane-elbaz-7bdd9ebb451d

[111] Charlie Rose — типографическая айдентика для теле-шоу: http://fontsinuse.com/uses/12506/charlie-rose

[112] Комбинации подходящих Google шрифтов: https://www.behance.net/gallery/35768979/Typography-Google-Fonts-Combinations

[113] Action к фотошопу для создания эффекта отсортированных пикселей — Glitch Art: http://blog.spoongraphics.co.uk/freebies/free-pixel-sorting-photoshop-action-for-creating-glitch-art

[114] Шаблон посадочной страницы (с iPhone мокапами): http://webresourcesdepot.com/free-landing-page-template-iphone-mockups/

[115] Мокап Samsung Galaxy S7 (PSD): http://webresourcesdepot.com/samsung-galaxy-s7-mockup/

[116] Векторные монограммы: https://pixelbuddha.net/freebie/56-awesome-vector-monograms

[117] Цветочная векторная графика: http://webresourcesdepot.com/60-awesome-resources-floral-freebie/

[118] Бесплатный вектор на природную тематику: http://www.dejurka.ru/graphics/nature-vector-free/

[119] Наборы иконок на тему фотографий.: http://www.vandelaydesign.com/free-photography-icons/

[120] Более двух сотен наборов с иконками: http://www.fusionplate.com/2459/free-icon-sets/

[121] Набор с тысячей иконок для веб-дизайнeров: http://webuilddesign.com/1000-squid-ink-mini-icons/

[122] Иконки Google Play приложений для Sketch: http://webresourcesdepot.com/google-play-icons-sketch/

[123] Адаптивные офисные иконки (EPS, PDF, SVG, PNG): http://tympanus.net/codrops/2016/04/15/freebie-responsive-office-icons/

[124] Красивые шрифты с засечками: http://www.noupe.com/essentials/43-free-serif-fonts-96980.html

[125] Exan-3 — футуристический миниммалистический шрифт без засечек: https://www.behance.net/gallery/36169711/Exan-3-Free-Font

[126] Day Drunk: рукописный шрифт: https://www.behance.net/gallery/36006591/Day-Drunk-A-Handwritten-Font

[127] Google индексирует атрибут title у изображений: http://www.searchengines.ru/news/archives/google_indeksiruet_title.html

[128] Telegram объявил о первом масштабном обновлении бот-платформы: https://vc.ru/n/telegram-bots-2

[129] Facebook запустила платформу чат-ботов для Messenger: http://itc.ua/news/facebook-zapustila-platformu-chat-botov-dlya-messenger/

[130] Microsoft запустила сервис, автоматически генерирующий подписи к фото: https://tjournal.ru/26480-microsoft-zapustila-servis-avtomaticheski-generiruushii-podpisi-k-foto

[131] На синих экранах смерти Windows 10 появятся QR-коды для быстрого поиска причины ошибки: http://itc.ua/blogs/na-sinih-ekranah-smerti-windows-10-poyavyatsya-qr-kodyi-dlya-byistrogo-poiska-prichinyi-oshibki/

[132] В Bash для Windows 10 запущены и графические программы для Linux: http://www.wincore.ru/windows-news/4124-v-bash-dlya-windows-10-zapuscheny-i-graficheskie-programmy-dlya-linux.html

[133] Google поможет найти время на жизненные цели с помощью автоматического планировщика в «Календаре»: https://vc.ru/n/google-calendar-goals

[134] Летнее обновление Windows 10: список ожидаемых изменений: http://keddr.com/2016/04/letnee-obnovlenie-windows-10-spisok-ozhidaemyih-izmeneniy/

[135] Марк Цукерберг показал внутреннюю версию Facebook с дополнительной функциональностью: https://vc.ru/n/yellow-facebook

[136] Facebook представила камеру Surround 360 для создания виртуального контента: http://gagadget.com/announce/21627-facebook-predstavila-kameru-surround-360-dlya-sozdaniya-virtualnogo-kontenta/

[137] IAB разработало механизм проверки оптимальности HTML5-рекламы: http://www.cossa.ru/news/244/126312/

[138] «Панамский архив» могли украсть через дыры в WordPress и Drupal: https://xakep.ru/2016/04/12/panama-papers-2/

[139] Нейросеть научилась додумывать изображение: https://tjournal.ru/26552-neiroset-nauchilas-dodumivat-izobrazhenie

[140] CNN, Poncho, Spring: Боты для Facebook Messenger, которые доступны уже сейчас: https://vc.ru/p/fb-bots

[141] Apple vs ФБР: 146-я серия: http://alexmak.net/blog/2016/04/14/apple-fbi-next/

[142] Oculus Rift против HTC Vive: http://kanobu.ru/articles/oculus-rift-protiv-htc-vive-369402/

[143] Стивен Хокинг, Юрий Мильнер и Марк Цукерберг отправят мини-корабли к альфе Центавра на скорости 161 млн км/ч: http://ain.ua/2016/04/13/643497

[144] Графен и мировая техническая революция: http://naked-science.ru/article/interview/grafen-i-mirovaya-tehnicheskaya-revolyuciya

[145] Как знаменитые IT-гиганты получили свои названия: http://naked-science.ru/article/top/kak-znamenitye-it-giganty-poluchili-svoi-nazvaniya

[146] Ошибка в bash-скрипте привела к полной очистке всех серверов хостинг-провайдера: http://www.opennet.ru/opennews/art.shtml?num=44247

[147] Чем занимаются жёны западных ИТ-предпринимателей — Элона Маска, Эрика Шмидта, Кевина Систрома и других: https://vc.ru/p/entrepreneurs-wives

[148] 12 книг с историями великих IT-компаний: http://gagadget.com/21592-12-knig-s-istoriyami-velikih-it-kompanij/

[149] Вам не нужно строить масштабируемый стартап: http://ain.ua/2016/04/10/642745

[150] Как культовые экзоскелеты вторглись в нашу реальность: http://disgustingmen.com/tehno/exoskeletons-in-videogames

[151] Илон Маск: 15 цитат последователя Стива Джобса и Леонардо да Винчи: http://lifehacker.ru/2016/04/13/15-quotes-elon-musk/

[152] https://www.google.com/killer-robots.txt: https://www.google.com/killer-robots.txt

[153] Классические картины и программисты: http://classicprogrammerpaintings.tumblr.com/

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

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

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

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

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