Frontend Weekly Digest (28 Jan – 3 Feb 2019)

---

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

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

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

[1] HTML, CSS and our vanishing industry entry points: https://rachelandrew.co.uk/archives/2019/01/30/html-css-and-our-vanishing-industry-entry-points/

[2] CSS and JS Are at War, Here’s How to Stop It: https://dev.to/evilmartians/css-and-js-are-at-war-heres-how-to-stop-it-158a

[3] HTML is and always was a compilation target — can we deal with this?: https://medium.com/@codepo8/html-is-and-always-was-a-compilation-target-can-we-deal-with-this-e1a545ad276b

[4] Google Play Store now open for Progressive Web Apps : https://medium.com/@firt/google-play-store-now-open-for-progressive-web-apps-ec6f3c6ff3cc

[5] The “Backendification” of Frontend Development: https://medium.com/@mktlr/the-backendification-of-frontend-development-62f218a773d4

[6] An Overview of the Most Exciting Proposals for the Web Platform Related to Web Components: https://scotch.io/bar-talk/an-overview-of-the-most-exciting-proposals-for-the-web-platform-related-to-web-components

[7] “The Joy of Optimizing Images” by Una Kravets – An Event Apart video: https://aneventapart.com/news/post/the-joy-of-optimizing-images-by-una-kravets-aea-video

[8] Bandwidth or Latency: When to Optimise for Which: https://csswizardry.com/2019/01/bandwidth-or-latency-when-to-optimise-which/

[9] Page Speed Optimization: Metrics, Tools, and How to Improve: https://moz.com/blog/website-page-speed

[10] Improving web font performance: a case study: https://www.netcentric.biz/insights/2019/01/web-font-performance.html

[11] tris-webpack-boilerplate: https://github.com/tr1s/tris-webpack-boilerplate

[12] 11 Awesome JavaScript Extensions for Visual Studio Code: https://scotch.io/bar-talk/11-awesome-javascript-extensions-for-visual-studio-code

[13] What's New In DevTools (Chrome 73): https://developers.google.com/web/updates/2019/01/devtools

[14] New in Firefox DevTools 65: https://hacks.mozilla.org/2019/01/new-in-firefox-devtools-65/

[15] Using Artificial Intelligence to Generate Alt Text on Images: https://css-tricks.com/using-artificial-intelligence-to-generate-alt-text-on-images/

[16] Tools & strategies for developing accessible web apps: https://accessible-app.com/

[17] How do you figure?: https://www.scottohara.me/blog/2019/01/21/how-do-you-figure.html

[18] Buildings Wave Animation with Three.js: https://tympanus.net/codrops/2019/01/30/buildings-wave-animation-with-three-js/

[19] Taotajima.jp WebGL deconstruction: https://medium.com/@akella/taotajima-jp-webgl-deconstruction-af4946e8e8ed

[20] Custom Cursor Effects: https://tympanus.net/codrops/2019/01/31/custom-cursor-effects/

[21] CSS Position Sticky — How It Really Works!: https://medium.com/@elad/css-position-sticky-how-it-really-works-54cd01dc2d46?ref=heydesigner

[22] A look at CSS hyphenation in 2019: https://justmarkup.com/log/2019/01/a-look-at-css-hyphenation-in-2019/

[23] The Many Ways to Change an SVG Fill on Hover (and When to Use Them): https://css-tricks.com/the-many-ways-to-change-an-svg-fill-on-hover-and-when-to-use-them/

[24] CSS-in-JS and Static Rendering: https://frontarm.com/james-k-nelson/css-in-js-static-rendering/

[25] CSSans Pro: https://cssans.pro/

[26] CSS WordArt: https://codepen.io/kathykato/full/omxPap

[27] CSS Grid: Excel Spreadsheet: https://codepen.io/oliviale/details/rPjgmB

[28] CSS Animation: Marauder's Map: https://codepen.io/oliviale/full/ZwWbNg

[29] TypeScript 3.3: https://blogs.msdn.microsoft.com/typescript/2019/01/31/announcing-typescript-3-3/

[30] Babel 7.3: https://babeljs.io/blog/2019/01/21/7.3.0

[31] Jest 24: https://jestjs.io/blog/2019/01/25/jest-24-refreshing-polished-typescript-friendly

[32] Future JavaScript: what is still missing?: http://2ality.com/2019/01/future-js.html

[33] Static vs Unit vs Integration vs E2E Testing for Frontend Apps: https://blog.kentcdodds.com/static-vs-unit-vs-integration-vs-e2e-testing-for-frontend-apps-ec4eb7e855d1

[34] React vs Angular: An In-depth Comparison: https://www.sitepoint.com/react-vs-angular/

[35] Three More Ways to Visualize The State Of JavaScript: https://medium.freecodecamp.org/three-more-ways-to-visualize-the-state-of-javascript-1f91ee452d07

[36] Diving Deeper in JavaScripts Objects: https://blog.bitsrc.io/diving-deeper-in-javascripts-objects-318b1e13dc12

[37] 7 Problems you can avoid by using Nuxt.js for your next Vue app: https://medium.com/vue-mastery/7-problems-you-can-avoid-by-using-nuxt-js-for-your-next-vue-app-963afd5047d3

[38] Vue.js App Performance Optimization: part 1 — Introduction to performance optimization and lazy loading.: https://itnext.io/vue-js-app-performance-optimization-part-1-introduction-to-performance-optimization-and-lazy-29e4ff101019

[39] Mastering Computed Properties in VueJS: https://levelup.gitconnected.com/mastering-computed-properties-in-vuejs-82a60dfcbaef

[40] How to build a simple social media monitor with NodeJS, GraphQL, and Vue: https://medium.freecodecamp.org/how-to-build-a-simple-social-media-monitor-with-nodejs-graphql-and-vue-55ffe4124ab5

[41] Using Vue.js To Create An Interactive Weather Dashboard With APIs: https://www.smashingmagazine.com/2019/02/interactive-weather-dashboard-api-vue-js/

[42] What Does Vue 3.0 Mean for Web Development?: https://medium.com/@mattmaribojoc/what-does-vue-3-0-mean-for-web-development-851052fc0138

[43] The (new) React lifecycle methods in plain, approachable language: https://blog.logrocket.com/the-new-react-lifecycle-methods-in-plain-approachable-language-61a2105859f3

[44] React as a UI Runtime: https://overreacted.io/react-as-a-ui-runtime/

[45] Build Progressive Web Apps with React — Part 1: https://blog.bitsrc.io/build-progressive-web-apps-with-react-part-1-63f1fbc564a6

[46] addimated: https://github.com/vincentriemer/addimated

[47] React Custom Scroll 4.0: https://github.com/AlexSergey/react-customscroll

[48] 5 Ways to animate a ReactJs app in 2019.: https://medium.com/@dmitrynozhenko/5-ways-to-animate-a-reactjs-app-in-2019-56eb9af6e3bf

[49] How Gatsby is so blazing fast: https://medium.freecodecamp.org/how-gatsby-is-so-blazing-fast-c99a6f2d405e

[50] Introducing to NG-VDOM: A new way to write Angular application: https://blog.angularindepth.com/introducing-to-ng-vdom-a-new-way-to-write-angular-application-60a3be805e59

[51] Build a production ready PWA with Angular and Firebase: https://itnext.io/build-a-production-ready-pwa-with-angular-and-firebase-8f2a69824fcc

[52] Angular 7|6 Tutorial: Building and Submitting a Form: https://itnext.io/angular-7-6-tutorial-building-and-submitting-a-form-b17461c5568b

[53] Angular DI: Getting to know the Ivy NodeInjector: https://blog.angularindepth.com/angular-di-getting-to-know-the-ivy-nodeinjector-33b815642a8e

[54] flexsearch: https://github.com/nextapps-de/flexsearch

[55] readability.js: https://github.com/mozilla/readability

[56] webaudio-synth: Web Audio API Polyphonic Synthesizer: https://github.com/nextgtrgod/webaudio-synth

[57] Firefox 65: WebP support, Flexbox Inspector, new tooling & platform updates: https://hacks.mozilla.org/2019/01/firefox-65-webp-flexbox-inspector-new-tooling/

[58] Notable WebRender and Gecko changes: https://mozillagfx.wordpress.com/2019/01/31/webrender-newsletter-38/

[59] Reference Browser ready for testing!: https://discourse.mozilla.org/t/calling-all-test-pilots-reference-browser-ready-for-testing/35433

[60] Microsoft decides Internet Explorer 10 has had its fun: Termination set for January 2020: https://www.theregister.co.uk/2019/01/29/microsoft_internet_explorer_10/

[61] Zfort Blog: https://www.zfort.com/blog/

[62] Источник: https://habr.com/ru/post/438710/?utm_campaign=438710

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