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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

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

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

[8] Оценка задач фронтендера: http://frontender.info/estimating-a-front-end-web-dev-job/

[9] Введение в пакетный менеджер NPM для начинающих: http://prgssr.ru/development/vvedenie-v-paketnyj-menedzher-npm-dlya-nachinayushih.html

[10] Frontend Dev: хороший, плохой, злой. Часть 1: Хороший путь: https://medium.com/@xanf/frontend-dev-%D1%85%D0%BE%D1%80%D0%BE%D1%88%D0%B8%D0%B9-%D0%BF%D0%BB%D0%BE%D1%85%D0%BE%D0%B9-%D0%B7%D0%BB%D0%BE%D0%B9-%D1%87%D0%B0%D1%81%D1%82%D1%8C-1-%D1%85%D0%BE%D1%80%D0%BE%D1%88%D0%B8%D0%B9-%D0%BF%D1%83%D1%82%D1%8C-865b640d5d18

[11] NPM запретил отзывать без разрешения open-source модули старше 24 часов: https://habrahabr.ru/post/280546/

[12] Google представляет VR view: новый тип embed-контента для вставки на сайтах и в приложениях: https://developers.google.com/cardboard/vrview

[13] Apple предсталяет Safari Technology Preview: https://webkit.org/blog/6017/introducing-safari-technology-preview/

[14] Как мы разогнали мобильную Lenta.ru до скорости света: https://habrahabr.ru/company/rambler-co/blog/280602/

[15] Как избежать основных проблем при публикации AMP: https://medium.com/google-developers/how-to-avoid-common-mistakes-when-publishing-accelerated-mobile-pages-9ea61abf530f

[16] AMP за 60 минут: http://webdesign.tutsplus.com/articles/amp-in-60-seconds--cms-26275

[17] За кулисами AMP — Новый Акселератор Очень Больших Страниц (первоапрельская статья в блоге AMP): https://amphtml.wordpress.com/2016/04/01/behind-the-scenes-at-amp-vlmpa/amp/

[18] Повысит ли реально AMP скорость вашего сайта?: http://www.webdesignerdepot.com/2016/03/will-amp-really-speed-up-your-website/

[19] Подсказки для ресурсов — что такое Preload, Prefetch и Preconnect?: https://www.keycdn.com/blog/resource-hints/

[20] RAFP: предложение от PPK для измерения производительности с помощью requestAnimationFrame: http://www.quirksmode.org/blog/archives/2016/03/rafp_a_proposal.html

[21] Веб-стандарты: Выпуск №9: https://soundcloud.com/web-standards/episode-9

[22] RadioJS: Выпуск 38: Unpublish Unpublish!!: https://radiojs.ru/

[23] Frontflip Podcast, выпуск 16: http://frontflip.me/2016/04/03/leafletjs-maps-and-opensource.html

[24] Лучшие англоязычные подкасты для веб-разработчиков за 2016-й: http://thenewcode.com/997/Best-Web-Developer-Podcasts-For-2016

[25] MathML провалился как веб-стандарт: https://www.peterkrautzberger.org/0186/

[26] Очередной дайджест от Addy Osmani, Issue 3: https://medium.com/totally-tooling-tears/issue-3-terminal-tips-devtools-service-worker-updates-add-to-homescreen-emulation-google-22a1c8a37921

[27] Стилевые руководства по фронтенду: определение, требования, чеклист компонентов: https://www.nngroup.com/articles/front-end-style-guides/

[28] Accessibility Fails: 109 наглядных примеров, демонстрирующих проблемы с доступностью, сгрупированные по 18-ти категорям: http://aduggin.github.io/accessibility-fails/

[29] Сравнение Bootstrap 4 и Foundation 6.2: http://dannyherran.com/2016/03/state-of-affairs-bootstrap-4-vs-foundation-6/

[30] Расширения для Brackets, облегчающие жизнь: http://sixrevisions.com/tools/brackets-extensions/

[31] Как сделать многослойную Parallax иллюстрацию на CSS & JavaScript: https://habrahabr.ru/post/280738/

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

[33] Объемные буквы, нарисованные с помощью частиц (WebGL): http://ikeryou.jp/works/g/

[34] Коллекция эффектных экспериментов: http://tofuness.github.io/eex/

[35] Советы, библиотеки и дополнительные материалы по CSS-анимации: https://habrahabr.ru/company/mr_gefest/blog/280370/

[36] Подробный обзор нативных CSS-переменных от Serg Gospodarets: https://blog.gospodarets.com/css_properties_in_depth

[37] Генерируем цвета с помощью пользовательских свойств CSS (R,G,B) : https://blog.gospodarets.com/demos/css-colors-from-custom-props/

[38] Драма веб-шрифтов, март 2016: https://martinwolf.org/blog/2016/03/webfont-drama-march-2016-edition

[39] Действительно ли веб-типографика полностью поломана?: http://zellwk.com/blog/web-typography-broken/

[40] cloud.gov: как мы распространяем визуальный стиль на многие сайты: https://18f.gsa.gov/2016/03/30/how-we-shared-a-visual-style-across-multiple-sites/

[41] Стоит ли мне использовать Grid или Flexbox?: https://rachelandrew.co.uk/archives/2016/03/30/should-i-use-grid-or-flexbox/

[42] Движение от HTML сеток к CSS сеткам: http://zellwk.com/blog/from-html-grids-to-css-grids/

[43] Полное руководство по модели Grid: https://css-tricks.com/snippets/css/complete-guide-grid/

[44] Макет Cвятого Грааля (header, footer, main content, two sidebars) с помощью CSS Grid: http://bitsofco.de/holy-grail-layout-css-grid/

[45] Eric A. Meyer: Готова ли уже наконец CSS раскладка?: https://www.oreilly.com/ideas/is-real-css-layout-finally-here

[46] Подборка полезных PostCSS плагинов: http://www.layerpoint.com/coding/postcss-plugins/

[47] Аннотация критического CSS с помощью PostCSS: https://css-tricks.com/annotating-critical-css/

[48] Как использовать PostCSS с Gulp: http://www.sitepoint.com/how-to-use-postcss-with-gulp/

[49] Автоматизация регрессионного тестирования CSS: https://css-tricks.com/automating-css-regression-testing/

[50] Синтаксис стилей завтрашнего дня с помощью cssnext: http://julian.io/tomorrows-css-syntax-with-cssnext/

[51] Как работать с SVG иконками: http://fvsch.com/code/svg-icons/how-to/

[52] Проверочный список для полировки UI для веб разработчика: https://medium.com/@danrschlosser/the-polish-checklist-for-web-developers-5b190b8b6851

[53] Новая возможность языка в ES2016: оператор возведения в степень (**): http://frontender.info/exponentiation-operator/

[54] Давайте учить ES2015: https://css-tricks.com/lets-learn-es2015/

[55] Стэк MECH — решаем проблему усталости от JS-фреймворков: https://medium.com/@appurist/the-mech-stack-solving-javascript-framework-fatigue-3585a4cd3d26

[56] Релиз Meteor 1.3 — ES2015 Modules, App Testing, Mobile Improvements и другое: http://info.meteor.com/blog/announcing-meteor-1.3

[57] React vs Angular2: The fight rages on: http://tech.evojam.com/2016/03/31/react-vs-angular2-the-fight-rages-on/

[58] React — основные теоретические понятия: https://github.com/reactjs/react-basic

[59] Redux: https://css-tricks.com/learning-react-redux/

[60] reactstrap: https://reactstrap.github.io/

[61] Как Airbnb использует React: http://devnacho.com/2016/03/20/how-airbnb-uses-react/

[62] Загрузка и использование внешних данных в React: http://mediatemple.net/blog/tips/loading-and-using-external-data-in-react/

[63] Представление React Storybook: https://voice.kadira.io/introducing-react-storybook-ec27f28de1e2

[64] Доводы о пользе использования React: http://developer.telerik.com/featured/elevator-pitch-react/

[65] Разработка Angular 2: http://developer.telerik.com/content-types/podcast/engineering-angular-2-brad-green/

[66] Введение в руководства по стилю для AngularJS: http://www.sitepoint.com/introduction-angularjs-style-guides/

[67] Создание привлекательных графиков с AngularJS: http://www.webdesignerdepot.com/2016/03/creating-stunning-charts-with-angularjs/

[68] Применяем свой JavaScript на сайты с помощью пользовательских скриптов: https://medium.freecodecamp.com/applying-javascript-user-scripts-2e505643644d

[69] Интерактивная карта зависимостей компилятора Babel JS: https://graphcommons.com/graphs/a67121c8-dbd8-43f4-a8bf-dd2e725c4278

[70] Что нового в webpack 2: https://gist.github.com/sokra/27b24881210b56bbaff7

[71] 7 небредовых советов по освоению JS: http://blog.debugme.eu/master-javascript/

[72] Изменение правил использования функции unpublish в репозитории npm: http://blog.npmjs.org/post/141905368000/changes-to-npms-unpublish-policy

[73] Использование Map и Reduce в функциональном JavaScript: http://www.sitepoint.com/map-reduce-functional-javascript/

[74] Рецепты по округлению в JavaScript: http://thenewcode.com/895/JavaScript-Rounding-Recipes

[75] Паттерн decorator в JavaScript: использование замыканий, monkey patching, прототипов, прокси и 'middleware': http://nickmeldrum.com/blog/decorators-in-javascript-using-monkey-patching-closures-prototypes-proxies-and-middleware

[76] Урок JavaScript от Eric Elliott: https://medium.com/javascript-scene/master-the-javascript-interview-what-is-a-pure-function-d1c076bec976

[77] Что, если бы у нас была прекрасная стандартная библиотека в JavaScript?: https://medium.com/@thomasfuchs/what-if-we-had-a-great-standard-library-in-javascript-52692342ee3f

[78] Три способа поиска самого длинного слова в массиве в JavaScript: https://medium.freecodecamp.com/three-ways-to-find-the-longest-word-in-a-string-in-javascript-a2fb04c9757c

[79] the-super-tiny-compiler: https://github.com/thejameskyle/the-super-tiny-compiler

[80] Expounder: https://skorokithakis.github.io/expounder/

[81] cwait: https://github.com/charto/cwait

[82] 15 шагов по улучшению юзабилити: https://habrahabr.ru/post/280514/

[83] Руководство дизайнера по DPI и PPI: http://sketchapp.me/rukovodstvo-dizajnera-po-dpi-i-ppi/

[84] Микровзаимодействия: секрет хорошего дизайна приложений: http://sketchapp.me/mikrovzaimodejstviya-sekret-xoroshego-dizajna-prilozhenij/

[85] 5 простых UX-принципов продуктового дизайна: http://sketchapp.me/5-prostyx-ux-principov-produktovogo-dizajna/

[86] Как создать психологически дружественное приложение для iPad: https://www.smashingmagazine.com/2016/03/how-to-make-user-friendly-application-ipad-physiology/

[87] Становимся ли мы ленивыми дизайнерами?: https://medium.com/@benjones_design/are-we-becoming-lazy-as-designers-467a8b0ad8a0

[88] Создание UI для нового сайта The Times: https://medium.com/@peduarte/building-the-ui-for-the-new-the-times-website-26dc4e6569e

[89] Основные тренды дизайна в марте 2016-го: http://www.webdesignerdepot.com/2016/03/essential-design-trends-march-2016/

[90] Портал с интервью с дизайнерами: http://www.talkingwiththepros.com/index.php

[91] Художники мира: Швеция: http://design.tutsplus.com/articles/international-artist-feature-sweden--cms-25979

[92] Тест: понимаете ли вы цвет?: http://design.tutsplus.com/articles/quiz-do-you-understand-color--cms-26267

[93] Три фундаментальных компонента успешного дизайн продукта: http://www.sitepoint.com/3-non-negotiables-successful-product-design/

[94] Советы по преодолению блока в креативности: http://www.sitepoint.com/6-tips-get-past-creative-block/

[95] Как создать набор иконок с изображением ретро-электроники в Adobe Illustrator: http://design.tutsplus.com/tutorials/how-to-create-a-retro-tech-icon-pack-in-adobe-illustrator--cms-26062

[96] Быть креативным, даже когда вы не в таком состоянии: https://medium.com/treehouse-engineering/being-creative-when-you-re-just-not-feeling-it-9dd55034207d

[97] Детали дизайна приложения Shorts: http://www.brianlovin.com/design-details/shorts-for-ios

[98] Иконки — это акронимы дизайна: http://jlzych.com/2016/03/27/icons-are-the-acronyms-of-design/

[99] Как создать круговую диаграмму в Sketch: https://medium.com/sketch-tricks/how-to-create-a-pie-chart-in-sketch-fd1b2ded5034

[100] Лучшие первоапрельские советы по работе с Photoshop: http://design.tutsplus.com/articles/the-top-10-super-ultra-very-bestest-photoshop-tips-the-experts-dont-want-you-to-know--cms-26107

[101] logoarchive: https://www.instagram.com/logoarchive/

[102] Johnston Sans: шрифт подземки, который все изменил: http://www.bbc.com/news/magazine-35916807

[103] Отличная типографика от Angela Southern: http://www.dejurka.ru/inspiration/%d0%be%d1%82%d0%bb%d0%b8%d1%87%d0%bd%d0%b0%d1%8f-%d1%82%d0%b8%d0%bf%d0%be%d0%b3%d1%80%d0%b0%d1%84%d0%b8%d0%ba%d0%b0-%d0%be%d1%82-angela-southern/

[104] Генератор четырехцветных цветовых палитр: http://colorcrush.cc/#/

[105] Подборка из 20 фишек Sketch в видео формате: http://sketchapp.me/podborka-iz-20-fishek-sketch-v-video-formate/

[106] Типографика в Sketch от Bohemian Coding: http://sketchapp.me/rabota-s-ipografikoj-v-sketch/

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

[108] Абстрактный фон с волнами в Adobe Illustrator: http://www.dejurka.ru/tutorial/abstract-waves-background/

[109] Большой набор UI Slides Framework: http://www.orphicpixel.com/slides-huge-free-ui-kit/

[110] Набор иконок на тему дизайна и форм: https://pixelbuddha.net/freebie/25-design-and-shapes-icons

[111] «Mina» — жиный рукописный шрифт в двух стилях: https://www.behance.net/gallery/35531811/Mina-Brush-Typeface-(FREE)

[112] KURBANISTIKA — стилизованный шрифт с кириллицей: https://www.behance.net/gallery/35526923/KURBANISTIKA-free-font

[113] Текущие бесплатные шрифты: https://fontbundles.net/free-fonts

[114] Коллекция геометрических шрифтов в OTF и TTF форматах: http://blogsizzle.com/fonts/best-free-geometric-fonts/

[115] Бесплатные винтажные и ретро шрифты: http://www.dejurka.ru/graphics/free-vintage-fonts/

[116] Microsoft Build 2016: подводим итоги главного мероприятия конференции: http://www.3dnews.ru/930836

[117] Microsoft Build 2016. Все, что нужно знать об этом событии: http://keddr.com/2016/03/microsoft-build-2016-vse-chto-nuzhno-znat-ob-etom-sobyitii/

[118] Microsoft представила инструменты для создания текстовых, аудио- и видеоботов для Skype и других платформ: https://vc.ru/n/skype-sdk

[119] Microsoft подтвердила слухи об интеграции подсистемы Linux в Windows 10: https://habrahabr.ru/company/eset/blog/280584/

[120] Microsoft анонсировала обновление Anniversary Update для ОС Windows 10, которое выходит этим летом: http://itc.ua/news/microsoft-anonsirovala-obnovlenie-anniversary-update-dlya-os-windows-10-kotoroe-vyihodit-etim-letom/

[121] Microsoft Build 2016: боты, Cortana и HoloLens в каждый дом: http://kanobu.ru/news/microsoft-build-2016-botyi-cortana-i-hololens-v-kazhdyij-dom-381746/

[122] Microsoft предложит пользователям «скинуться» на Surface Phone: http://www.3dnews.ru/930914/

[123] Microsoft анонсировала новые расширения для браузера Edge и опровергла слухи о встроенном в него блокировщике рекламы: http://itc.ua/news/microsoft-anonsirovala-novyie-rasshireniya-dlya-brauzera-edge-oprovergla-sluhi-o-vstroennom-v-nego-blokirovshhike-reklamyi/

[124] ВКонтакте представляет новый дизайн: https://new.vk.com/blog/redesign2016

[125] Поставлена первая коммерческая система на «кремниевом мозге» IBM: http://www.3dnews.ru/930756/

[126] Google запустил карусель для AMP-страниц только в 12 странах: http://www.searchengines.ru/news/archives/google_zapustil_amp_karusel.html

[127] Установлен рекорд скорости передачи данных по оптоволокну: http://www.3dnews.ru/930515/

[128] Apple запускает облачный сервис MaCloud с вечным хранением данных: http://gagadget.com/announce/21430-apple-zapuskaet-oblachnyij-servis-macloud-s-vechnyim-hraneniem-dannyih/

[129] Некоторые новшества в Firefox будут вноситься не дожидаясь релиза: http://www.opennet.ru/opennews/art.shtml?num=44133

[130] Подборка первоапрельских шуток 2016 года: http://www.opennet.ru/opennews/art.shtml?num=44160

[131] Новинки Google: VR-гаджет Cardboard Plastic и сервис YouTube SnoopaVision: http://www.3dnews.ru/930873/

[132] Шутки брендов к 1 апреля: газета «Вечерний Google» и кукуруза на главной странице Pornhub: https://vc.ru/p/1april-pranks

[133] Ретроспектива: Как шутят в интернете на 1 апреля: https://tjournal.ru/25690-retrospektiva-kak-shutyat-v-internete-na-1-aprelya

[134] 6 поисковиков, которые лучше, чем Google: http://lifehacker.ru/2016/03/28/google-alternatives/

[135] MIT и бой с отражением : http://keddr.com/2016/03/mit-i-boy-s-otrazheniem/

[136] ИИ ненастоящий! Вопросы и последствия нашего поражения в го: http://www.computerra.ru/143170/after-go/

[137] Планшеты мертвы: http://inoblogger.ru/2016/03/28/tablets-are-dead/

[138] Тренды медицинских технологий в 2016 году: «облачные» данные, геймификация и приложения для врачей: https://vc.ru/p/medical-tech-2016

[139] Профессор Чикагского университета о том, почему нам стоит разобраться в статистике: http://theoryandpractice.ru/posts/13137-naked-statistics

[140] Какие очки виртуальной реальности выбрать: https://vc.ru/p/vrglass-review

[141] Я — IT-номад. И моя жизнь — далеко не мечта: http://ain.ua/2016/04/03/641369

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

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

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

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

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