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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

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

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

[8] Один разработчик чуть не «сломал» пакетный менеджер NPM: https://habrahabr.ru/post/280039/

[9] NPM и left-pad: мы разучились программировать?: https://habrahabr.ru/post/280099/

[10] Незащищённость NPM к атакам по внедрению вредоносных модулей-червей: http://www.opennet.ru/opennews/art.shtml?num=44111

[11] Как не сломать интернет одним странным действием: https://medium.com/@Rich_Harris/how-to-not-break-the-internet-with-this-one-weird-trick-e3e2d57fee28

[12] Является ли left-pad индикатором хрупкости экосистемы JavaScript?: http://developer.telerik.com/featured/left-pad-indicative-fragile-javascript-ecosystem/

[13] The npm Blog: http://blog.npmjs.org/post/141577284765/kik-left-pad-and-npm

[14] Дискуссия по поводу разрушения интернета: https://medium.com/@mproberts/a-discussion-about-the-breaking-of-the-internet-3d4d2a83aa4d

[15] Подкаст «Веб-стандарты», 8-й выпуск: единицы измерения, движок Servo, голый CSS, критика React : https://soundcloud.com/web-standards/episode-8

[16] Адаптивные изображения: переключение разрешений: http://webtackles.ru/css/responsive-images-resolution-switching/

[17] Технический подход к SEO (Часть 1): http://e-planet.ru/company/blog/tehnicheskij-podhod-seo.html

[18] Прогрессивное улучшение меня расстраивает: https://medium.com/@pepelsbey/%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B5%D1%81%D1%81%D0%B8%D0%B2%D0%BD%D0%BE%D0%B5-%D1%83%D0%BB%D1%83%D1%87%D1%88%D0%B5%D0%BD%D0%B8%D0%B5-%D0%BC%D0%B5%D0%BD%D1%8F-%D1%80%D0%B0%D1%81%D1%81%D1%82%D1%80%D0%B0%D0%B8%D0%B2%D0%B0%D0%B5%D1%82-7084fa62d967

[19] «Progressive Enhancement Makes Me Sad»: http://www.heydonworks.com/article/progressive-enhancement-makes-me-sad

[20] Как оптимизировать изображения на сайтах для улучшения производительности и UX: https://speckyboy.com/2016/03/25/optimize-images-websites-improve-performance-ux/

[21] Последствия мобилгеддона от Google через 8 месяцев: https://www.smashingmagazine.com/2016/03/googles-mobilegeddon-aftermath-eight-months-better-mobile-web/

[22] Issue 2: Electron.js, Add to Homescreen on Desktop, Server Side Rendering & Ember, DevTools Dimensions and PWA Roadshow: https://medium.com/totally-tooling-tears/issue-2-electron-js-c85aa018323f

[23] Подборка регулярных рассылок на тему фронтенд разработки: https://medium.com/@sapegin/development-mail-lists-bc55cf894b1e

[24] Как использовать BrowserSync для ускорения разработки: https://scotch.io/tutorials/how-to-use-browsersync-for-faster-development

[25] Руководство по вашему первому Service Worker в стиле «скопируй и вставь». : https://remysharp.com/2016/03/22/the-copy--paste-guide-to-your-first-service-worker

[26] Релиз Foundation for Emails 2: http://zurb.com/article/1432/foundation-for-emails-2-is-here

[27] Canvas или SVG: выбираем подходящий инструмент: http://www.sitepoint.com/canvas-vs-svg-choosing-the-right-tool-for-the-job/

[28] Насколько хороши твои комментарии в HTML и CSS?: http://www.sitepoint.com/how-good-are-your-html-and-css-comments/

[29] Грязные трюки из закоулков Front-End: https://www.smashingmagazine.com/2016/03/dirty-tricks-dark-corners-front-end-slides-pdf/

[30] Веб-анимация, прошлое, настоящее, и будущее: http://alistapart.com/article/web-animation-past-present-and-future

[31] Наиболее быстрая загрузка SPA (и как в этом может помочь Webpack): http://rosenfeld.herokuapp.com/en/articles/2016-02-29-getting-an-spa-to-load-the-fastest-possible-way-and-how-webpack-can-help-you

[32] Apple — плохая новость для будущего веба: https://medium.com/@richtr/apple-is-bad-news-for-the-future-of-the-web-6027b000b0c4

[33] Totally Tooling Tips: введение в Gulp 4: https://www.youtube.com/watch?v=N42LQ2dLoA8

[34] Новый режим эмуляции устройств в Google DevTools: https://developers.google.com/web/updates/2016/03/device-mode-v2

[35] Детали для разработчиков в Safari на iOS 9.3: отзывчивые изображения, iPhone SE, shrink-to-fit и другие новые APIs: http://www.mobilexweb.com/blog/safari-on-ios-9-3-picture-shrink-fit-iphone-se

[36] Chrome Developer Tools: лучшие видео, курсы и расширения: http://www.vandelaydesign.com/chrome-developer-tools-basics/

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

[38] Эффект залития чернилами: https://codyhouse.co/gem/ink-transition-effect

[39] Анимированные с помощью CSS и SVG животные: http://tympanus.net/codrops/2016/03/21/animated-animals-css-svg/

[40] REM vs EM – Великий спор: https://habrahabr.ru/post/280125/

[41] BEM с человеческим лицом: https://habrahabr.ru/post/279953/

[42] Использование viewport-единиц в типографике: http://webbeaver.ru/future/viewport-unit/

[43] Очистка кодовой базы CSS: http://prgssr.ru/development/ochistka-kodovoj-bazy-css.html

[44] Cleaning Up a CSS Codebase: http://www.sitepoint.com/cleaning-up-a-css-codebase/

[45] «Оформление незагруженных изображений» — забота о пользователях (нет): https://ymatuhin.ru/front-end/styling-broken-images-user-care-or-not/

[46] Запись трансляции с PiterCSS №2: https://www.youtube.com/watch?v=kvkWUOItikU

[47] Проект «Гудини»: возможно, самая впечатляющая разработка в CSS, о которой вы никогда не слышали: https://www.smashingmagazine.com/2016/03/houdini-maybe-the-most-exciting-development-in-css-youve-never-heard-of/

[48] Произведет ли революцию в веб-разработе CSS Гудини: http://www.developerdrive.com/2016/03/will-css-houdini-revolutionize-web-development/

[49] Состояние React и CSS: https://voice.kadira.io/state-of-react-and-css-501d179443d3

[50] Все способы добавления CSS в компоненты Angular 2: https://scotch.io/tutorials/all-the-ways-to-add-css-to-angular-2-components

[51] Типографика в CSS: кернинг, лигатуры, росчерки и капитель: https://www.viget.com/articles/css-typography-kerning-ligatures-swashes-small-caps

[52] Релиз normalize.css 4.0: https://github.com/necolas/normalize.css/blob/master/CHANGELOG.md?#400-march-19-2016

[53] Про нюансы объявления свойств шрифта в font-face: https://css-tricks.com/whats-deal-declaring-font-properties-font-face/

[54] Илюстрированная динамическая графическая новелла с помощью CSS clip-path: http://thenewcode.com/700/Dynamic-Graphic-Novel-Illustrations-with-CSS-clip-path

[55] CSS и масштабируемость: http://mrmrs.io/writing/2016/03/24/scalable-css/

[56] Доступные, простые, адаптивные таблицы: https://css-tricks.com/accessible-simple-responsive-tables/

[57] Оформление изображений для object-fit: http://fvsch.com/code/object-fit-decoration/

[58] Разрушение четырех мифов о PostCSS: http://www.sitepoint.com/postcss-mythbusting/

[59] CSS Grid и CSS Regions: https://www.rachelandrew.co.uk/archives/2016/03/25/css-grid-and-css-regions/

[60] «ES7» — неправильное название для планов по развитию JavaScript: https://habrahabr.ru/company/Voximplant/blog/279177/

[61] Список того, что появится в ECMAScript 2016 (ES7): http://frontender.info/ecmascript-2016/

[62] Путешествие JavaScript в город асинхронности: http://frontender.info/javascript-goes-to-asynchronous-city/

[63] Официально: JavaScript — самый популярный язык программирования в мире: http://arc.applause.com/2016/03/22/javascript-is-the-worlds-dominant-programming-language/

[64] Создание системы SVG-иконок с помощью React: http://css-live.ru/articles/sozdanie-sistemy-svg-ikonok-s-pomoshhyu-react.html

[65] Creating an SVG Icon System with React: https://css-tricks.com/creating-svg-icon-system-react/

[66] reBEM: React BEM: https://medium.com/@mistadikay/rebem-react-bem-20d875157017

[67] Полное введение в React. Включает в себя: react, webpack, babel, react router, testing: http://btholt.github.io/complete-intro-to-react/

[68] Повышем уровень Реакта: компоненты контейнера: https://css-tricks.com/learning-react-container-components/

[69] Изучение Angular 2 шаг за шагом — ваш первый компонент : http://www.barbarianmeetscoding.com/blog/2016/03/25/getting-started-with-angular-2-step-by-step-1-your-first-component/

[70] Создание Вашего первого Angular 2 компонента: https://toddmotto.com/creating-your-first-angular-2-component

[71] Преимущества Angular шаблонов: http://angularjs.blogspot.com/2016/03/why-angular-renders-components-with.html

[72] Формы на базе шаблонов в Angular 2: http://blog.thoughtram.io/angular/2016/03/21/template-driven-forms-in-angular-2.html

[73] Невероятная история JS фреймворка Express: http://thefullstack.xyz/history-express-javascript-framework/

[74] Несколько видео с ChernihivJS: https://www.youtube.com/watch?v=2b6Zvkw25Lk&list=PLHOTezm7WWklNtxczkh3IPz4z0VQi7zQT

[75] Изучение JavaScript: лучшие методы и ресурсы по мнению 25-ти JavaScript экспертов: https://psdtowp.net/learn-javascript.html

[76] Преодолении JavaScript-усталости: http://developer.telerik.com/topics/web-development/overcoming-javascript-fatigue/

[77] Промисы в веб-анимации: http://danielcwilson.com/blog/2016/03/animations-and-promises/

[78] Fluent Conf 2016: Jeremy Fairbank — рост асинхронного JavaScript: https://www.youtube.com/watch?v=QtgR94Q2pt4

[79] Когда я должен использовать TypeScript?: https://medium.com/@alexewerlof/when-should-i-use-typescript-311cb5fe801b

[80] Написание тестируемого кода в JS: краткий обзор: https://www.toptal.com/javascript/writing-testable-code-in-javascript

[81] Node Hero — приступаем к работе с Node.js: https://blog.risingstack.com/node-hero-tutorial-getting-started-with-node-js/

[82] Node.js на движке Google App выходит в бету: https://cloudplatform.googleblog.com/2016/03/Node.js-on-Google-App-Engine-goes-beta.html

[83] Введение в Immutable.js и концепции функционального программирования: https://auth0.com/blog/2016/03/23/intro-to-immutable-js/

[84] Как написать расширения для Atom, используя ванильный JavaScript: http://www.sitepoint.com/write-atom-packages-using-vanilla-javascript/

[85] Как создать кнопку «показать пароль»: http://www.paulund.co.uk/create-show-password-button

[86] Эмуляторы, написанные на JavaScript: https://github.com/fcambus/jsemu

[87] StickyState: https://github.com/soenkekluth/sticky-state

[88] MidiWriterJS: http://grimmdude.github.io/MidiWriterJS/

[89] EventControl — временная шкала с возможностью прокрутки и размещения нескольких событий в рамках одной и той же даты: http://www.kri.gs/eventcontrol/

[90] match — библиотека для тестирования JSON: https://github.com/ozkxr/match

[91] snapback_cache: https://github.com/highrisehq/snapback_cache

[92] Существует ли граница видимой области в вебе?: https://habrahabr.ru/post/279705/

[93] The Retina Asset Workflow You’ve Always Wanted For Photoshop: https://www.smashingmagazine.com/2016/03/the-retina-asset-workflow-youve-always-wanted-for-photoshop/

[94] Appealing: http://app-ealing.com/

[95] Адаптация пользователя начинается с хорошей посадочной страницы: http://www.appcues.com/blog/user-onboarding-starts-with-a-good-landing-page/

[96] Улучаем UX с помощью 22-х правил повествования Pixar: http://blog.invisionapp.com/improving-ux-with-pixars-storytelling-rules/

[97] Два разных аргумента по поводу иконки-гамбургера: http://vanseodesign.com/web-design/hamburger-icon-debate/

[98] Пять основных правил для дизайна диалогов: https://uxplanet.org/5-essential-ux-rules-for-dialog-design-4de258c22116

[99] Как вписать анимации в UX стратегию: https://medium.com/lukibear-stories/fitting-animations-into-your-ux-strategy-a9e3ac79f8e5

[100] Почему изображения могут разрушить ваш сайт: http://www.sitepoint.com/choosing-images-that-dont-ruin-your-site/

[101] Письмо Тиму Куку от иллюстратора на iPad: https://medium.com/life-tips/dear-tim-cook-abc3fbffba1b

[102] Создавем продуманный дизайн уведомлений: https://medium.com/@intercom/designing-smart-notifications-36336b9c58fb

[103] Истории флагов: http://flagstories.co/

[104] Завеса невежества: http://mrmrs.io/writing/2016/03/23/the-veil-of-ignorance/

[105] Photoshop за 60 секунд: как использовать инструмент Gradient: http://design.tutsplus.com/tutorials/photoshop-in-60-seconds-how-to-use-the-gradient-tool--cms-26103

[106] Рисуем мультик в Illustrator: https://www.smashingmagazine.com/2016/03/drawing-a-cartoon-in-illustrator/

[107] Illustrator за 60 секунд: как использовать панель для выравнивания: http://design.tutsplus.com/tutorials/illustrator-in-60-seconds-how-to-use-the-align-panel--cms-26027

[108] Как создать пасхальные иконки с плоским дизайном в Adobe Illustrator: http://design.tutsplus.com/tutorials/how-to-create-flat-design-easter-icons-in-adobe-illustrator--cms-25943

[109] Sketch: как делиться своими работами со своей командой: http://www.sitepoint.com/sketch-app-sharing-artboards-with-your-team/

[110] Стилевые руководтва в Sketch: https://speckyboy.com/2016/03/21/consistency-please-style-guides-sketch/

[111] Плагин Qordoba для локализации макетов Sketch: http://sketchapp.me/plagin-qordoba-dlya-lokalizacii-maketov-sketch/

[112] Простой и быстрый способ создания цветовых палитр в Sketch: http://sketchapp.me/prostoj-i-bystryj-sposob-sozdaniya-cvetovyx-palitr-v-sketch/

[113] Использование общих стилей и символов в Sketch: http://sketchapp.me/ispolzovanie-obshhix-stilej-i-simvolov-v-sketch/

[114] Google отдает бесплатно Nik Collection — набор плагинов для редактирования фото: http://ain.ua/2016/03/25/640265

[115] Семь стоящих книг по UX: http://sixrevisions.com/user-experience-ux/free-ux-ebooks/

[116] Actions для фотошопа: http://blogsizzle.com/photoshop/pure-photoshop-actions-collection-free-download/

[117] Векторные контурные изображения кроссовок: https://dribbble.com/shots/2612237-Sneakers

[118] Набор винтажных рамочек: http://www.dreamstale.com/freebie-vintage-vector-frames/

[119] Более тысячи плоских иконок в двух стилях: http://www.coalesceideas.com/1000-free-blobs-flat-icons-with-two-styles/

[120] Набор иконок на тему недвижимости (PNG, SVG, AI, ICO): http://blogsizzle.com/free-icons/different-real-estate-icon-sets-free-png-svg-ai-ico-download/

[121] Шрифт с засечками Venice: http://www.webdesignerdepot.com/2016/03/free-download-venice-serif-font/

[122] Peace Sans — рубленый шрифт без засечек: https://www.behance.net/gallery/34760019/Peace-Sans-FREE-FONT

[123] Рунический шрифт Pixe lute: https://www.behance.net/gallery/35296451/Pixe-lute-Free-font

[124] Свежие шрифты для твоего проекта: http://www.designyourway.net/blog/resources/60-fresh-free-fonts-youd-consider-using-in-your-projects/

[125] Лог текстовой трансляции Apple Special Event: https://geektimes.ru/company/cplaza/blog/273090/

[126] iPhone SE, iOS 9.3, новый iPad Pro: главные новости с весеннего мероприятия Apple Special Event: https://vc.ru/p/apple-special-event-review

[127] Мнения дизайнеров и разработчиков о новых продуктах Apple — iPhone SE, платформе CareKit и других: https://vc.ru/p/apple-spring-opinions

[128] iPhone SE: всё, что осталось за кадром: http://www.3dnews.ru/930331/

[129] Apple Watch займут половину рынка «умных» часов в 2016 году: http://www.3dnews.ru/930122/

[130] Выпуск текстового редактора Atom 1.6, развиваемого GitHub: http://www.opennet.ru/opennews/art.shtml?num=44081

[131] Разработанный Microsoft искусственный интеллект научился расизму за сутки: https://tjournal.ru/25311-razrabotannii-microsoft-iskusstvennii-intellekt-nauchilsya-rasizmu-za-sutki

[132] Google открыл доступ к платформе Cloud Machine Learning: http://www.searchengines.ru/news/archives/google_cloud_machine_learning.html

[133] Project ARA подает очень слабые признаки жизни: http://gagadget.com/announce/21329-project-ara-podaet-ochen-slabyie-priznaki-zhizni/

[134] AMOLED-дисплеи стали дешевле LCD в производстве: http://gagadget.com/business/21323-amoled-displei-stali-deshevle-lcd-v-proizvodstve/

[135] Годовая выручка Red Hat превысила два миллиарда долларов: http://www.opennet.ru/opennews/art.shtml?num=44101

[136] SoundCloud добилась соглашения с Sony Music: http://www.3dnews.ru/930125/

[137] CeBIT 2016: дроны и виртуальная реальность в эпоху цифровизации: http://itc.ua/articles/cebit-2016-dronyi-i-virtualnaya-realnost-v-epohu-tsifrovizatsii/

[138] Facebook изучил наследование профессий пользователей: https://nplus1.ru/news/2016/03/21/fb-occufamily

[139] Интервью с разработчиками: на что обращают внимание в Microsoft, Google, Amazon и других ИТ-компаниях: https://vc.ru/p/gms-servises

[140] Излишняя откровенность и нарушение субординации — The New York Times о том, как миллениалы управляют компаниями: https://vc.ru/p/millenials-workplace

[141] С забралом опущенным: что происходит в виртуальной реальности прямо сейчас: http://disgustingmen.com/games/gdc-2016-vr-oculus-vive-ps-vr

[142] Почему девушка-чатбот от Microsoft поддалась влиянию троллей c 4chan: https://geektimes.ru/post/273306/

[143] Империя Dropbox: https://vc.ru/p/dropbox-empire

[144] Цукерберг: эра ноутбуков, планшетов и смартфонов подошла к концу: http://expert.ru/2016/03/19/tsukerberg/

[145] Intel рассказывает о тенденциях развития киберспорта: http://4pda.ru/2016/03/25/286486/

[146] Самые полезные инструменты и трюки, которые можно реализовать с помощью Google Apps Script: http://lifehacker.ru/2016/03/24/google-apps-script/

[147] Почему успех виртуальной реальности зависит от порно: http://disgustingmen.com/history/porn-vhs-vr

[148] Опрос StackOverflow 2016: экосистема айтишника под микроскопом: http://blogerator.ru/page/stack-overflow-2016-ekosistema-ajtishnika-zarplaty-statistika

[149] Google Maps. Опыт – сын ошибок трудных?: http://keddr.com/2016/03/google-maps-opyit-syin-oshibok-trudnyih/

[150] Разработчики Intel отказались соблюдать закон Мура: http://naked-science.ru/article/hi-tech/razrabotchiki-intel-otkazalis

[151] Как обучают искусственный интеллект?: https://meduza.io/cards/kak-obuchayut-iskusstvennyy-intellekt

[152] Как максимально эффективно использовать браузер Microsoft Edge: http://gagadget.com/windows/21277-kak-maksimalno-effektivno-ispolzovat-brauzer-microsoft-edge/

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

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

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

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

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