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

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

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

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

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

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

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №267 (12 — 18 июня 2017) - 35 JavaScript

Браузеры

Дайджест свежих материалов из мира фронтенда за последнюю неделю №267 (12 — 18 июня 2017) - 75 Занимательное

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

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

Автор: Zfort Group

Источник [107]


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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] Подкаст devschacht, Выпуск №4: https://soundcloud.com/devschacht/devschacht-4

[7] Подкаст «Пятиминутка React» #22 — News: https://soundcloud.com/5minreact/22-news

[8] Подкаст «Фронтенд Юность» (18+) #6: https://soundcloud.com/frontend_u/e06

[9] Все записи докладов с с JSConf EU 2017 : https://www.youtube.com/playlist?list=PL37ZVnwpeshFmAPr65sU2O5WMs7_CGjs_&spfreload=10

[10] Grab Front End Guide: https://github.com/grab/front-end-guide

[11] Готовимся к Web Bluetooth!: http://developer.telerik.com/content-types/tutorials/get-ready-web-bluetooth/

[12] Использование Workbox + Webpack для предварительного кеширования с помощью Service Worker: https://air.ghost.io/using-workbox-webpack-to-precache-with-service-worker/

[13] Люди с ограниченными возможностями отвечают, что же для них самое сложное в вебе: https://axesslab.com/accessibility-according-to-pwd

[14] A11ycasts #19: доступные модальные окна: https://www.youtube.com/watch?v=JS68faEUduk

[15] PWA Directory: https://pwa-directory.appspot.com/

[16] Что такое Accelerated Mobile Pages и чем они отличаются от отзывчивого веб-дизайна: https://medium.com/@VesaniqueDesign/what-is-accelerated-mobile-pages-and-how-does-it-differ-from-responsive-web-design-a7e8c48e7b3f

[17] Пожалуйста, сделайте Google AMP опциональным: https://www.alexkras.com/please-make-google-amp-optional/

[18] topol.io: https://topol.io/

[19] Подробно о новых возможностях инструмента: https://hacks.mozilla.org/2017/06/network-monitor-reloaded/

[20] работа с внутренним сервером и удаленным отладчиком: https://hacks.mozilla.org/2017/06/hacking-on-the-network-monitor-developer-tool/

[21] Введение в FuseBox — более быструю и легкрую альтернативу Webpack: https://www.sitepoint.com/fusebox-faster-webpack-alternative/

[22] Введение в Webpack: Entry, Output, загрузчики и плагины: https://css-tricks.com/introduction-webpack-entry-output-loaders-plugins/

[23] Представление Bonsai: open source анализатор Webpack от Pinterest: https://medium.com/@Pinterest_Engineering/introducing-bonsai-an-open-source-webpack-analyzer-6bdfe22f8984

[24] Желейный эффект для фигур в canvas: https://www.youtube.com/watch?v=XqB_Ulfpd0w&feature=youtu.be

[25] Улучшаем SVG анимацию с помощью GSAP: http://www.creativebloq.com/web-design/supercharge-svg-animations-gsap-11618683

[26] CSS Animations vs Web Animations API: https://css-tricks.com/css-animations-vs-web-animations-api/

[27] Эффектный анимированный морской пейзаж на HTML/CSS : https://codepen.io/agathaco/pen/Kqzrqv

[28] 5 возможностей LESS, о которых вы могли не знать: https://habrahabr.ru/company/netcracker/blog/330874/

[29] Сатирические зарисовки на тему CSS, или Cюрпризы фронтенд-разработки: https://tproger.ru/devnull/css-gotchas/

[30] Полное руководство по CSS Grid: https://tuhub.ru/frontend/css-grid-complete-guide/

[31] Большая статья про гриды (CSS Grid Layout): http://css-live.ru/css/bolshaya-statya-pro-gridy-css-grid-layout.html

[32] Используем CSS Grid Layouts на продакшене уже сегодня: https://www.smashingmagazine.com/2017/06/building-production-ready-css-grid-layout/

[33] Введение в единицу CSS `fr` : https://css-tricks.com/introduction-fr-css-unit/

[34] OpenType-фичи в вебе: http://cherenkevich.com/blog/opentype/

[35] Масштабирование отзывчивой типографики в CSS: https://blog.madewithenvy.com/responsive-typographic-scales-in-css-b9f60431d1c4

[36] Типографический потенциал вариабельных шрифтов: http://www.alphabettes.org/responsive-variable-fonts/

[37] Практическое руководство по CSS переменным (пользовательские свойства): https://www.sitepoint.com/practical-guide-css-variables-custom-properties/

[38] Мысли по поводу самодокументированного CSS: http://keithjgrant.com/posts/2017/06/self-documenting-css/

[39] Создание минималистичной HTML карточки всего в 53 строки кода (с Flexbox): https://hackernoon.com/build-a-minimalist-html-card-in-just-53-lines-of-code-with-flexbox-b40801927eb5

[40] Обработка длинного и неожиданного контента в CSS: https://css-tricks.com/handling-long-unexpected-content-css/

[41] Результаты глобального CSS опроса 2017: https://www.sitepoint.com/results-ultimate-css-survey-2017/

[42] От CSS препроцессоров до CSS в JS: https://pusher.com/sessions/meetup/the-js-roundabout/from-css-preprocessors-to-css-in-js

[43] Better-Less — кросс-совместимая подсветка синтаксиса для Less кода: https://github.com/radium-v/Better-Less

[44] ESLint v4.0.0: http://eslint.org/blog/2017/06/eslint-v4.0.0-released

[45] V8 Release 6.0: http://v8project.blogspot.com/2017/06/v8-release-60.html

[46] Node 8 и npm5: https://auth0.com/blog/whats-new-in-node8-and-npm5/

[47] Книга заклинаний современного веб-разработчика: https://github.com/dexteryy/spellbook-of-modern-webdev

[48] Реактивное программирование, блин. Это не о ReactJS: https://samueleresca.net/2017/06/reactive-programming-damn-it-is-not-about-reactjs/

[49] Почему вы должны ограничить JavaScript — и как это сделать: https://modernweb.com/limit-javascript/

[50] Выбор Jest вместо Mocha: https://gziolo.pl/2017/06/17/picking-jest-over-mocha/

[51] Как отслеживать изменения в DOM-е с использованием Mutation Observer: https://blog.sessionstack.com/how-to-track-changes-in-the-dom-using-mutation-observer-bafdac65bca5

[52] Коллбэк в JavaScript… Что за зверь?: https://habrahabr.ru/company/ruvds/blog/330880/

[53] Декораторы в JavaScript: https://habrahabr.ru/company/ruvds/blog/330812/

[54] Сигнатура типов функции в JavaScript: https://medium.com/devschacht/functional-reactive-ninja-function-type-signatures-in-javascript-283fe7cd6211

[55] В чем разница между Null и Undefined?: https://codeburst.io/javascript-whats-the-difference-between-null-undefined-37793b5bfce6

[56] Работа с периферией из JavaScript: от теории к практике: https://habrahabr.ru/company/efs/blog/330374/-s-periferiey-iz-javascript-ot-te

[57] 19+ методов сокращённого написания кода в JavaScript: https://www.sitepoint.com/shorthand-javascript-techniques/

[58] Как я разработал и создал Fullstack JavaScript клон Trello: https://www.sitepoint.com/fullstack-javascript-trello-clone/

[59] Использование HTML5 canvas для добавления водяных знаков на изображения: http://cwestblog.com/2017/06/11/javascript-use-canvas-to-watermark-images/

[60] Машинное обучение с JavaScript: часть 1: https://hackernoon.com/machine-learning-with-javascript-part-1-9b97f3ed4fe5

[61] Детальный курс по управлению памятью: https://hacks.mozilla.org/2017/06/a-crash-course-in-memory-management/

[62] История о производительности JavaScript, часть 3: Рендереры всех форм и размеров: https://medium.com/@tomlagier/a-tale-of-javascript-performance-8c4036f479a8

[63] vue-styleguidist: https://github.com/vue-styleguidist/vue-styleguidist

[64] XSS в Vue.js: https://blog.sqreen.io/xss-in-vue-js/?

[65] Создание приложения на Vue JS: https://medium.com/@devlob/building-an-app-in-vue-js-webpack-axios-bootstrap-4-reddit-and-infinite-scrolling-in-vanilla-f042d5322b7

[66] Станет ли Vue.js таким же гигантом, как Angular или React?: https://10clouds.com/blog/vuejs-angular-react/

[67] Расширение компонентов VueJS: http://vuejsdevelopers.com/2017/06/11/vue-js-extending-components/

[68] Оптимизация сайтов на AngularJS для краулеров Google: https://www.searchengines.ru/angular-site-seo.html

[69] Being Reliable: https://dev.to/michaelsolati/pwas-with-angular-beingreliable

[70] Being Fast: https://dev.to/michaelsolati/pwas-with-angular-beingfast

[71] Being Engaging: https://dev.to/michaelsolati/pwas-with-angular-being-engaging

[72] Angular 1.0 исполнилось пять лет: https://medium.com/dailyjs/angular-1-0-turns-five-years-old-4d7108a5e412

[73] Релиз Angular 4.2: http://angularjs.blogspot.com/2017/06/angular-42-now-available.html

[74] Сокращаем использование Redux кода с помощью React Apollo: https://habrahabr.ru/post/331088/

[75] Начало работы с Preact: https://egghead.io/courses/up-and-running-with-preact

[76] Что такое React?: http://www.learnreact.design/2017/06/08/what-is-react/

[77] Почему я выбрал React вместо Vue: https://medium.com/@CalinLeafshade/why-i-chose-react-over-vue-3dd9a230b507

[78] Релиз Is-React 1.0.0 — Утилитарные методы для React: https://medium.com/@treyhuffine/is-react-version-1-0-0-released-utility-methods-for-react-fa13475c9ecb

[79] React State или Redux State: когда что использовать?: https://spin.atomicobject.com/2017/06/07/react-state-vs-redux-state/

[80] Сделать React снова быстрым [часть 1]: временная шкала производительности: https://blog.logrocket.com/make-react-fast-again-part-1-performance-timeline-f7f39f676f58

[81] Подсветка текста в Textarea v2: http://codersblock.com/blog/highlight-within-textarea-v2/

[82] spected: https://github.com/25th-floor/spected

[83] js-joda: https://js-joda.github.io/js-joda/

[84] dutier: https://github.com/luisvinicius167/dutier

[85] Vivaldi 1.10 — маленькие радости широких возможностей: https://habrahabr.ru/company/vivaldi/blog/331022/

[86] Вышел Firefox 54, который наконец получил поддержку многопроцессного режима: https://habrahabr.ru/company/it-grad/blog/330576/

[87] Подробности для разработчиков в блоге Марата Таналина: http://tanalin.com/blog/2017/06/firefox-54/

[88] Доступна бета-версия Firefox 55: http://www.opennet.ru/opennews/art.shtml?num=46716

[89] Chrome 60 Beta: Paint Timing API, CSS font-display, и улучшения Credential Management API: https://blog.chromium.org/2017/06/chrome-60-beta-paint-timing-api-css.html

[90] 10 самых полезных расширений Chrome: http://gosvopros.ru/job/rabochee-mesto/10-ext/

[91] Как написать расширение для Chrome: http://bdavidxyz.com/blog/how-to-write-a-chrome-extension/

[92] SEMrush определил важные факторы ранжирования Google в 2017 году: https://www.searchengines.ru/semrush-google-rankings.html

[93] Вы — не Google: https://habrahabr.ru/company/infopulse/blog/330708/

[94] Переобученные нейросети в дикой природе и у человека: https://geektimes.ru/post/290005/

[95] Разработчики, использующие пробелы, зарабатывают больше денег, чем те, кто используют табы: https://stackoverflow.blog/2017/06/15/developers-use-spaces-make-money-use-tabs/

[96] Google запустит новую утилиту Backup and Sync взамен Google Диска: https://tproger.ru/news/backup-and-sync-google-drive/

[97] Гибридная нейросеть превзошла человека в Ms. Pac-Man: https://naked-science.ru/article/hi-tech/gibridnaya-neyroset-prevzoshla

[98] Verizon закрыла сделку по покупке Yahoo за $4,48 млрд: https://vc.ru/n/verizon-yahoo-done

[99] Астрофизик Нил Деграсс Тайсон делает научно достоверную игру о космосе: https://ain.ua/2017/06/18/nil-degrass-tajson-delaet-igru

[100] 12 уроков от 100 самых креативных людей 2017 года по версии Fast Company: https://ain.ua/2017/06/18/12-urokov-kreativa

[101] Amazon заинтересовалась покупкой Slack. Сервис оценивают в $9 млрд: https://ain.ua/2017/06/15/amazon-zainteresovalas-slack

[102] К 2021 году вещи станут главными пользователями интернета: http://www.cossa.ru/news/164498/

[103] Уставший от рутины инженер Google написал приложения для случайного выбора путешествий и знакомств: https://ain.ua/2017/06/15/sluchajnosti-v-zhizn

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

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

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

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