- PVSM.RU - https://www.pvsm.ru -

Дайджест свежих материалов из мира фронтенда за последнюю неделю №264 (22 — 28 мая 2017)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №264 (22 — 28 мая 2017) - 1

Веб-разработка [1]
CSS [2]
Javascript [3]
Занимательное [4]

Дайджест свежих материалов из мира фронтенда за последнюю неделю №264 (22 — 28 мая 2017) - 2 Веб Разработка

Дайджест свежих материалов из мира фронтенда за последнюю неделю №264 (22 — 28 мая 2017) - 35 CSS

Дайджест свежих материалов из мира фронтенда за последнюю неделю №264 (22 — 28 мая 2017) - 44 JavaScripts

Дайджест свежих материалов из мира фронтенда за последнюю неделю №264 (22 — 28 мая 2017) - 74 Занимательное

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю [96].
Материал подготовили dersmoll [97] и alekskorovin [98].

Автор: Zfort Group

Источник [99]


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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

[5] Подкаст Пятиминутка React #18 — pnpm: http://5minreact.ru/18-pnpm/

[6] Зачем нужен БЭМ? — HTML Шорты: https://www.youtube.com/watch?v=lQPs20b3Ey8

[7] Экспорт графики для веба, Виталий Зюзин — HTML Academy: https://www.youtube.com/watch?v=EuDqhvPmQKI&feature=youtu.be

[8] Какое будущее у фронтенд разработки?: https://css-tricks.com/future-front-end-web-development/

[9] Как долго должен существовать сайт?: https://medium.com/stories-from-upstatement/how-long-should-your-website-last-44c0433c153b

[10] Делаем ли мы веб слишком сложным?: http://seldo.com/weblog/2017/05/21/are_we_making_the_web_too_complicated

[11] REST 2.0 уже здесь и его название GraphQL: https://www.sitepoint.com/rest-2-0-graphql/

[12] Справочник по анализу производительности в Chrome DevTools: https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/reference

[13] Вне пузыря: производительность в реальном мире: https://building.calibreapp.com/beyond-the-bubble-real-world-performance-9c991dcd5342

[14] Frontend Optimization Handbook: http://www.oreilly.com/web-platform/free/files/hpe-frontend-optimization-handbook.pdf

[15] Руководство по оптимизации WordPress : https://gtmetrix.com/wordpress-optimization-guide.html

[16] asm-dom: https://github.com/mbasso/asm-dom

[17] Введение в философию Webpack: https://medium.com/devschacht/aggelos-arvanitakis-an-introduction-to-webpack-s-philosophy-d12415cc8594

[18] Вышел релиз npm v5.0.0:: http://blog.npmjs.org/post/161081169345/v500

[19] Этапы изучения Webpack, ч.2 — The Config: https://dev.to/nitishdayal/stages-of-learning-webpack-pt-2---the-config

[20] Что нового в DevTools (Chrome 60): https://developers.google.com/web/updates/2017/05/devtools-release-notes

[21] Инструменты для работы с HTML письмами: https://css-tricks.com/tools-html-email-workflow/

[22] Ускорение сайтов: принципы работы Progressive Web AMP: http://www.cossa.ru/152/162239/

[23] Исследуем прогрессивные веб-приложения в реальном мире: https://www.oreilly.com/learning/exploring-progressive-web-apps-in-the-real-world

[24] Правильный пуст создания PWA: https://www.keycdn.com/blog/progressive-web-apps/

[25] Создание PWA в контексте JavaScript фреймворков: https://css-tricks.com/production-progressive-web-apps-javascript-frameworks/

[26] Реализация Hacker News в качестве Progressive Web Apps: https://hnpwa.com/

[27] Shape Detection API: определение баркодов, лиц и текста в изображениях: https://deanhume.com/Home/BlogPost/shape-detection-api--detecting-barcodes--faces-and-text-inside-an-image/10158

[28] Подробно об ARIA. Причина и решение всех наших проблем доступности: http://webaim.org/blog/aria-cause-solution/

[29] Почему заголовки и лендмарки так важны? : https://www.youtube.com/watch?v=vAAzdi1xuUY

[30] Улучшения доступности в EdgeHTML 15: https://blogs.windows.com/msedgedev/2017/05/25/accessibility-improvements-edgehtml-15/

[31] Что лежит в основе SVG: https://medium.com/@pnowelldesign/stuff-at-the-top-of-an-svg-f3ad198eb54e

[32] Продвинутая работа с SVG иконками с помощью SnapAnimationStates, плагина к snap.svg: https://css-tricks.com/snap-animation-states/

[33] Как создать интерактивные карты на SVG с react, topojson и d3-geo: https://medium.com/@zimrick/how-to-create-pure-react-svg-maps-with-topojson-and-d3-geo-e4a6b6848a98

[34] Интерактивный эффект фокусировки при наведении мыши: https://codepen.io/Trinca/pen/dWejMB

[35] Красиво анимированные точки с помощью WebGL и regl: http://peterbeshai.com/beautifully-animate-points-with-webgl-and-regl.html

[36] Морфинг фоновых фигур по скроллу: https://tympanus.net/codrops/2017/05/23/on-scroll-morphing-background-shapes/

[37] Gif masking в SVG: https://codepen.io/sdras/pen/BReNEN

[38] Бегущий неоновый текст на «чистом CSS»: http://codepen.io/giana/full/qmKNeE/

[39] Видео с moscowcss_3 : https://www.youtube.com/playlist?list=PLAf_MJ7SOshF2_9ApXmZ-iGmfgfKQm7Vu

[40] часть 1: https://blog.lunarcollective.co/a-solid-solution-to-css-9f48f5663332

[41] часть 2: https://blog.lunarcollective.co/a-solid-solution-ii-f30507a8b134

[42] часть 3: https://blog.lunarcollective.co/a-solid-solution-iii-9a2f8439633c

[43] Унифицированный язык стилизации: https://medium.com/seek-blog/a-unified-styling-language-d0c208de2660

[44] 11 вещей, которые и выучил, читая спецификацию flexbox: https://medium.com/@david.gilbertson/11-things-i-learned-reading-the-flexbox-spec-5f0c799c776b

[45] Как изучить Flexbox за 10 минут: https://medium.com/@jyek/flexbox-in-10-minutes-7295497804ed

[46] Хорошее время, чтобы понять CSS layout: https://www.rachelandrew.co.uk/archives/2017/05/24/a-very-good-time-to-understand-css-layout/

[47] Архитектура CSS и лучшие практики: https://www.youtube.com/watch?v=CvJj8hfC9nk

[48] Собственные темы с Angular Material: https://blog.thoughtram.io/angular/2017/05/23/custom-themes-with-angular-material.html

[49] Невероятный JavaScript — трюки, недоразумения и необычные возможности: https://habrahabr.ru/company/jugru/blog/329302/

[50] JavaScript: элементы стиля: https://habrahabr.ru/company/ruvds/blog/329152/

[51] Путь к трансдьюсерам на чистом JavaScript: https://habrahabr.ru/company/ruvds/blog/329536/

[52] Жизнь и удивительные приключения в экзотических JavaScript окружениях: https://habrahabr.ru/company/codabra/blog/329646/-i-udivitelnye-priklyucheniya-v-ekzot

[53] #19 — React Europe и Holy JS: http://5minreact.ru/19-reacteurope-holyjs/

[54] f(вторник): введение: https://medium.com/devschacht/ftuesday-introduction-c2ed010bb75d

[55] Ленивый синтаксический анализ JavaScript в V8: https://medium.com/devschacht/lazy-javascript-parsing-in-v8-99b5c3a6cbba

[56] Видео с MinskJS Meetup #2: https://www.youtube.com/playlist?list=PL-whh3wS8xsKLNp3J7Jg9LkWBbbx5T1Q6

[57] Топ 7 фреймворков JavaScript: https://hackernoon.com/top-7-javascript-frameworks-c8db6b85f1d0

[58] Функции высокого порядка в Lodash: http://pragmatists.pl/blog/2017/05/higher-order-functions-in-lodash/

[59] Состояние JavaScript модулей: https://medium.com/webpack/the-state-of-javascript-modules-4636d1774358

[60] JavaScript и оператор расширения: https://hackernoon.com/javascript-the-spread-operator-a867a71668ca

[61] Что такое Event Bubbling в JavaScript? Обяснение Event Propagation: https://www.sitepoint.com/event-bubbling-javascript/

[62] Введение в управление данными и визуализации в JavaScript: https://www.sitepoint.com/data-management-visualization-javascript/

[63] Управление асинхронными зависимостями с JavaScript: https://hackcabin.com/post/managing-async-dependencies-javascript/

[64] chromatism — простой набор утилит для работы с цветами: https://github.com/toish/chromatism

[65] Краткая и неполная история бандлеров JavaScript: https://nolanlawson.com/2017/05/22/a-brief-and-incomplete-history-of-javascript-bundlers/

[66] JavaScript фреймворки для юнит тестирования: сравнение Jasmine, Mocha, AVA, Tape и Jest: https://raygun.com/blog/javascript-unit-testing-frameworks/

[67] iD3 — IDE для D3.js: http://d3-id3.com/

[68] Как добиться повторного использования React компонентов (Перевод): https://habrahabr.ru/post/329510/

[69] Анонс styled-components v2: https://medium.com/styled-components/announcing-v2-f01ef3766ac2

[70] Как структурировать ваш проект на React: https://daveceddia.com/react-project-structure/

[71] Создание приложения React VR : https://blog.pusher.com/building-a-realtime-react-vr-app/

[72] React Forms: использование Refs: https://css-tricks.com/react-forms-using-refs/

[73] react-live: https://github.com/FormidableLabs/react-live

[74] editor: https://github.com/ory/editor

[75] Формы и кастомные поля ввода в Angular 2+: https://habrahabr.ru/company/tinkoff/blog/323270/

[76] Создание семантических компонентов в Angular и React: http://blog.scottlogic.com/2017/05/24/creating-semantic-components-in-angular-and-react.html

[77] Превращение Angular контроллеров в ES6 классы: http://www.codelord.net/2017/05/20/converting-angular-controllers-to-es6-classes/

[78] Управление состоянием во Vue: начинаем знакомиться с Vuex: https://scotch.io/tutorials/state-management-in-vue-getting-started-with-vue

[79] Переключаемся с React на Vue.js: http://vuejsdevelopers.com/2017/05/28/switch-from-react-to-vue-js/

[80] Как мигрировать с AngularJS на Vue: https://medium.com/@npayot/how-to-migrate-from-angularjs-to-vue-4a1e9721bea8

[81] Статья, на которую можно ссылаться: что такое блокчейн: https://habrahabr.ru/company/emercoin/blog/329276/

[82] Stack Overflow вывел из Vim уже больше миллиона пользователей: https://habrahabr.ru/company/everydaytools/blog/329514/

[83] Итоги WannaCry: подборка основных материалов на «Хабрахабре» и не только: https://habrahabr.ru/company/spbifmo/blog/329512/

[84] Рейтинг ИТ-книг 2017: https://dou.ua/lenta/articles/top-books-2017/#sum

[85] Microsoft переводит разработку Windows на Git: http://www.opennet.ru/opennews/art.shtml?num=46593

[86] Google будет автоматически конвертировать медийные объявления в AMP: https://www.searchengines.ru/google-amp-ads.html

[87] Facebook создал решение для интеграции Instant Articles, AMP и Apple News: https://www.searchengines.ru/fb-instant-art.html

[88] Нейросеть написала кулинарную книгу: https://nplus1.ru/news/2017/05/26/ai-book

[89] «Скиапарелли» сгубила тригонометрия: https://nplus1.ru/blog/2017/05/24/schiaparelli-fail

[90] 4 самых важных фактора ранжирования Google в 2017 году: https://www.searchengines.ru/google-rank-factors.html

[91] Рабы XXI века: https://nplus1.ru/material/2017/05/22/ghostinashell

[92] Как проходит стажировка в Microsoft — рассказ студента: https://ain.ua/2017/05/23/student-proxodit-stazhirovka-v-microsoft

[93] MP3 умер? Да здравствует MP3!: http://www.computerra.ru/166940/mp3/

[94] Chrome выиграл: https://andreasgal.com/2017/05/25/chrome-won/

[95] Сатана объясняет HTML с помошью DEATH METAL: https://www.youtube.com/watch?v=27dnddCq5gc

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

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

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

[99] Источник: https://habrahabr.ru/post/329658/?utm_source=habrahabr&utm_medium=rss&utm_campaign=best