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

---

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

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

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

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

[2] CSS: #css

[3] Javascript: #js

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

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

[6] FW #1 — Как стать frontend-разработчиком: https://soundcloud.com/frontend-weekend/fw-1

[7] FW #2 — Эволюция frontend-разработки: https://soundcloud.com/frontend-weekend/fw-2

[8] Как правильно вставлять SVG — HTML Шорты: https://www.youtube.com/watch?v=TNX0-JLdM_U

[9] Как сделать сообщения об ошибках доступными: https://medium.com/high-technologies-center/%D0%BA%D0%B0%D0%BA-%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D1%82%D1%8C-%D1%81%D0%BE%D0%BE%D0%B1%D1%89%D0%B5%D0%BD%D0%B8%D1%8F-%D0%BE%D0%B1-%D0%BE%D1%88%D0%B8%D0%B1%D0%BA%D0%B0%D1%85-%D0%B4%D0%BE%D1%81%D1%82%D1%83%D0%BF%D0%BD%D1%8B%D0%BC%D0%B8-1400134a59cc

[10] Полный контроль над контрольными точками. В CSS и в JS: http://css-live.ru/articles/polnyj-kontrol-nad-kontrolnymi-tochkami-v-css-i-v-js.html

[11] Самые интересные сессии с Google I/O для веб-разработчиков: https://dev.to/mxcoder/google-io-for-web-development

[12] Lea Verou презентовала на этой неделе библиотеку Mavo: http://lea.verou.me/2017/05/introducing-mavo-create-web-apps-entirely-by-writing-html/

[13] Введение в Mavo: https://www.smashingmagazine.com/2017/05/introducing-mavo/

[14] Style Guide Guide: https://bradfrost.github.io/style-guide-guide/

[15] Перепроектирование фронтенда в Airbnb: https://medium.com/airbnb-engineering/rearchitecting-airbnbs-frontend-5e213efc24d2

[16] Комбинированное использование Webpack с Gulp 4: https://css-tricks.com/combine-webpack-gulp-4/

[17] Обширная презентация от Filament Group: доступность в отзывчивом мире, A11Y Days 2017: https://www.filamentgroup.com/lab/accessibility-funka.html

[18] Сравнение пяти самых популярных фронтенд фреймворков в 2017: https://www.sitepoint.com/5-most-popular-frontend-frameworks-compared/

[19] Google AMP используется на 2B+ мобильных страницах и на 900K доменах, грузится в два раза быстрее: https://techcrunch.com/2017/05/18/googles-amp-now-powers-2b-mobile-pages-and-900k-domains-loads-2x-faster/

[20] Scott Gilbertson: ‘Убейте Google-овский AMP, иначе он убъет открытый Web’: https://daringfireball.net/linked/2017/05/20/gilbertson-amp

[21] Три способа уменьшить размер бандла в webpack: http://blog.jakoblind.no/2017/05/18/3-ways-to-reduce-webpack-bundle-size/

[22] Представление нового формата: JSON Feed: https://jsonfeed.org/

[23] Yarn create и Yarn 1.0: https://yarnpkg.com/blog/2017/05/12/introducing-yarn/

[24] Интеграция с Git и GitHub приходит в Atom: http://blog.atom.io/2017/05/16/git-and-github-integration-comes-to-atom.html

[25] Вышел Polymer 2.0.: https://www.polymer-project.org/blog/2017-05-15-time-for-two

[26] Прогрессивные Веб Приложения — норм или ни о чем?: http://developer.telerik.com/topics/web-development/progressive-web-apps-yeh-meh/

[27] preact-cli: CLI инструмент для создания PWA приложений за секунды: https://github.com/developit/preact-cli

[28] Web Components VS Frameworks: https://medium.com/@oneeezy/frameworks-vs-web-components-9a7bd89da9d4

[29] Moments of Happiness: https://moments.epic.net/

[30] Создание креативных сплеш-переходов с помощью CSS и SVG: https://scotch.io/tutorials/creative-splash-transition-with-css-and-svg

[31] Эффект извлечения цветов с помощью CSS фильтров и Vibrant.js : https://tympanus.net/Development/ColorExtraction/

[32] Аккордион, созданный одним Div-ом (и анимированный с помощью CSS переменных): http://codepen.io/danwilson/pen/BRdJVZ

[33] Занятное использование VR в вебе: https://14islands.com/blog/2017/05/17/engaging-vr-experiences-on-the-web/

[34] Эксперименты с физикой твердого тела за счет графического ускорителя с помощью WebGL/threejs: https://github.com/schteppe/gpu-physics.js

[35] Инструкция: CSS-оптимизация веб-страницы для печати: https://vc.ru/p/print-style-sheets

[36] Сообщения об ошибках и рекомендации.: https://medium.com/samsung-internet-dev/native-form-validation-part-3-8e643e1dd06

[37] ppk: https://habrahabr.ru/users/ppk/

[38] Упрощаем создание кубов на CSS с помощью пользовательских свойств: https://css-tricks.com/simplifying-css-cubes-custom-properties/

[39] learncssgrid.com: http://learncssgrid.com/

[40] Изучение CSS Grids : http://varun.ca/css-grid/

[41] Большая ошибка медиа-запросов: https://speckyboy.com/big-css-media-query-mistake/

[42] Подробная статья о CSS свойствах writing-mode & text-orientation: https://tympanus.net/codrops/css_reference/writing-mode/

[43] Несколько довольно полезных рецептов `:nth-child` для миксинов Sass: https://css-tricks.com/extremely-handy-nth-child-recipes-sass-mixins/

[44] Отзывчивый дизайн в движении: https://webkit.org/blog/7551/responsive-design-for-motion/

[45] Нелинейная интерполяция в CSS: https://madebymike.com.au//writing/non-linear-interpolation-in-css/

[46] Крис Койер о стилизации синтаксиса CSS с помощью линтеров: https://css-tricks.com/enforcing-css-syntax-style/

[47] «Я нашел действительно умный CSS в теме reddit»: https://www.reddit.com/r/css/comments/6bc6uw/i_found_some_really_clever_css_on_a_reddit_theme/

[48] Адаптивная типографика с помощью математики: https://habrahabr.ru/post/328730/

[49] Адаптивная и отзывчивая типографика с помощью Hamster Framework. Лечение гемороя без операции и боли: https://habrahabr.ru/post/328812/

[50] Резиновая отзывчивая типографика с помощью метода Poly Fluid Sizing: https://www.smashingmagazine.com/2017/05/fluid-responsive-typography-css-poly-fluid-sizing/

[51] Пошаговое руководство по единицам измерения, которые вы можете использовать для размеров шрифта: https://www.sitepoint.com/a-walkthrough-of-css-length-units-you-can-use-for-font-size/

[52] Ваши JavaScript-велосипеды никому не нужны: сохраните своё время, избегая повторного написания популярных функций: https://tproger.ru/translations/js-avoid-rewriting/

[53] Может ли Google правильно анализировать и индексировать JavaScript фреймворки?: https://goralewicz.com/blog/javascript-seo-experiment/

[54] Написание современного JavaScript кода: https://blog.castiel.me/posts/004-writing-modern-javascript.html

[55] Анатомия современного JavaScript приложения: https://www.sitepoint.com/anatomy-of-a-modern-javascript-application/

[56] Улучшаем производительность вашего веб-приложения на JavaScript : https://scotch.io/tutorials/improve-the-performance-of-your-javascript-web-application

[57] Почему я выбрал ClojureScript вместо JavaScript: https://m.oursky.com/why-i-chose-clojure-over-javascript-24f045daab7e

[58] Не усложняйте Javascript #0: https://bits.ristic.io/dont-overcomplicate-javascript-0

[59] Начинаем работать с JavaScript Web Animation API: http://tutorialzine.com/2017/05/getting-started-with-the-javascript-web-animation-api/

[60] Практическое руководство по fetch(), reduce() и форматированию данных из внешних API: https://medium.freecodecamp.com/a-practical-guide-to-fetch-reduce-and-formatting-data-from-an-external-api-283ddd9bfdcb

[61] Возможно вам не нужно конвертировать JavaScript код: https://medium.com/@alexewerlof/you-might-not-need-to-transpile-your-javascript-4d5e0a438ca

[62] Видео с конференции JSConf EU 2017: https://www.youtube.com/playlist?list=PL37ZVnwpeshFmAPr65sU2O5WMs7_CGjs_

[63] Переосмысление JavaScript: Смерть for: https://habrahabr.ru/post/329004/

[64] Каррируй, мой блудный сын: https://medium.com/devschacht/tom-harding-curry-on-wayward-son-293d1c4f455f

[65] Осваиваем замыкания в Javascript: https://medium.com/@sshambir/%D0%BE%D1%81%D0%B2%D0%B0%D0%B8%D0%B2%D0%B0%D0%B5%D0%BC-%D0%B7%D0%B0%D0%BC%D1%8B%D0%BA%D0%B0%D0%BD%D0%B8%D1%8F-%D0%B2-javascript-5b83267ef7d1

[66] (Не) Все в JavaScript — это объект: http://blog.brew.com.hk/not-everything-in-javascript-is-an-object/

[67] Подкаст Пятиминутка React #17: http://5minreact.ru/17-idiomatic-redux/

[68] json-api-normalizer:: https://www.smashingmagazine.com/2017/05/json-api-normalizer-redux/

[69] react + d3 = vx: https://vx-demo.now.sh/

[70] Начинаем работать с vx: https://medium.com/vx-code/getting-started-with-vx-1756bb661410

[71] j0nas/light-form: https://github.com/j0nas/light-form

[72] react-pdf — создание PDF файлов с использованием React: https://github.com/diegomura/react-pdf

[73] Видео с React Kyiv April: https://www.youtube.com/playlist?list=PL4x5O16mMH3amLC9YlgEoPz5wI0a_bUzC

[74] Как (безопасно) использовать jQuery плагины с Vue.js: http://vuejsdevelopers.com/2017/05/20/vue-js-safely-jquery-plugin/

[75] Почему разработчики сейчас сравнивают Vue.js с такими гигантами JavaScript, как Angular и React?: https://medium.com/embrace-technology/why-do-developers-now-compare-vue-js-to-javascript-giants-angular-and-react-748a5b840323

[76] Vue.js хорош, но лучше ли он, чем Angular или React?: https://medium.com/embrace-technology/vue-js-is-good-but-is-it-better-than-angular-or-react-1389ce4e44ac

[77] Как создать простое SPA с помощью Vue 2 (часть 2): https://scotch.io/tutorials/how-to-build-a-simple-single-page-application-using-vue-2-part-2

[78] Что такое Vuex? Руководство для новичков по Vue Application Data Store: http://vuejsdevelopers.com/2017/05/15/vue-js-what-is-vuex/

[79] vue-js-modal: https://github.com/euvl/vue-js-modal

[80] React vs Angular: две стороны JavaScript: https://blog.prototypr.io/react-vs-angular-two-sides-of-javascript-b850de22b413

[81] Как создать библиотеку для Angular(2+) и опубликовать это дело в npm: https://hackernoon.com/how-to-create-library-in-angular-2-and-publish-to-npm-from-scratch-f2b1272d6266

[82] Workbox: https://workboxjs.org/

[83] leerraum.js: https://github.com/pkamenarsky/leerraum.js

[84] delaunator: https://github.com/mapbox/delaunator

[85] godzilla: https://github.com/jingweno/godzilla

[86] Кэширование в браузерах и CDN: https://www.searchengines.ru/keshirovanie-v-brauzerah-i-cdn.html

[87] Обновлены макеты переработанного оформления Firefox 57: http://www.opennet.ru/opennews/art.shtml?num=46547

[88] Firefox 55 будет запрашивать разрешение на использование Flash по умолчанию: https://tproger.ru/news/firefox-55-flash-permission/

[89] Анонс стабильной версии Samsung Internet v5.4: https://medium.com/samsung-internet-dev/announcing-samsung-internet-v5-4-stable-fd941e0dcd58

[90] Microsoft Edge на Build 2017: https://blogs.windows.com/msedgedev/2017/05/19/microsoft-edge-at-build-2017/#F7L9SOSd7pHuY17D.97

[91] Основные анонсы Google I/O 2017: https://vc.ru/p/google-io-2017

[92] Последние новости о виртуальной / дополненной реальности с Google I/O 2017: https://tproger.ru/news/latest-vr-and-ar-at-google-io-2017/

[93] Что там с WannaCry: дешифратор, новые вирусы и зараженная медицинская техника: https://tproger.ru/news/wannacry-news/

[94] Facebook представила инструмент для разработки способного вести диалоги ИИ: https://vc.ru/n/facebook-parlai

[95] IBM представила свой самый мощный квантовый процессор: http://itc.ua/news/ibm-predstavila-svoy-samyiy-moshhnyiy-kvantovyiy-protsessor/

[96] Google опубликовала результаты своего игрового эксперимента Quick, Draw!: https://tproger.ru/news/google-quick-draw-data-released/

[97] Facebook запустила тестирование раздела для заказа еды из ресторанов: https://vc.ru/n/facebook-eats

[98] Стоимость биткоина впервые превысила $2000: https://vc.ru/n/bitcoin-2000

[99] Почему криптовалюты дорожают и стоит ли их покупать: https://vc.ru/p/cryptocurrencies

[100] Новый кампус Apple Park. Последняя презентация Стива Джобса: https://wylsa.com/apple-park/

[101] Биткоин — пузырь. Но почему он никак не лопнет? : https://secretmag.ru/trends/scenarios/bitkoin-puzyr-no-pochemu-on-nikak-ne-lopnet.htm

[102] Контроль и свобода:: http://incrussia.ru/understand/kontrol-i-svoboda-kak-otlichaetsya-korporativnaya-kultura-apple-i-google/

[103] Как бывший инженер Google построил компанию на $1,5 млрд за 21 месяц: https://ain.ua/2017/05/14/kak-byvshij-inzhener-google-postroil-kompaniyu-na-15-mlrd-za-21-mesyac

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

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

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

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

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