This week we issue a really huge selection of all the essential news you might have missed on Front-end development. Make sure to check the latest updates on CSS, HTML, and JavaScript.
Web-development
• HTML, CSS and our vanishing industry entry points
• CSS and JS Are at War, Here’s How to Stop It
• HTML is and always was a compilation target — can we deal with this?
• Google Play Store now open for Progressive Web Apps
• The “Backendification” of Frontend Development
• An Overview of the Most Exciting Proposals for the Web Platform Related to Web Components
- Performance:
• “The Joy of Optimizing Images” by Una Kravets – An Event Apart video
• Bandwidth or Latency: When to Optimise for Which
• Page Speed Optimization: Metrics, Tools, and How to Improve
• Improving web font performance: a case study
- Tools:
• tris-webpack-boilerplate — A webpack boilerplate for static websites that has all the necessary modern tools and optimizations built-in
• 11 Awesome JavaScript Extensions for Visual Studio Code
• What's New In DevTools (Chrome 73)
• New in Firefox DevTools 65
- Accessibility:
• Using Artificial Intelligence to Generate Alt Text on Images
• Tools & strategies for developing accessible web apps
• How do you figure?
- Animations:
• Buildings Wave Animation with Three.js
• Taotajima.jp WebGL deconstruction
• Custom Cursor Effects
CSS
• CSS Position Sticky — How It Really Works!
• A look at CSS hyphenation in 2019
• The Many Ways to Change an SVG Fill on Hover (and When to Use Them)
• CSS-in-JS and Static Rendering
• CSSans Pro — The Colourful, Sassy, CSS Font
• CSS WordArt
• CSS Grid: Excel Spreadsheet
• CSS Animation: Marauder's Map
JavaScript
• New Releases: TypeScript 3.3, Babel 7.3, Jest 24
• Future JavaScript: what is still missing?
• Static vs Unit vs Integration vs E2E Testing for Frontend Apps
• React vs Angular: An In-depth Comparison
• Three More Ways to Visualize The State Of JavaScript
• Diving Deeper in JavaScripts Objects. A Closer Look at JavaScript Object Descriptors
- VueJS:
• 7 Problems you can avoid by using Nuxt.js for your next Vue app
• Vue.js App Performance Optimization: part 1 — Introduction to performance optimization and lazy loading.
• Mastering Computed Properties in VueJS
• How to build a simple social media monitor with NodeJS, GraphQL, and Vue
• Using Vue.js To Create An Interactive Weather Dashboard With APIs
• What Does Vue 3.0 Mean for Web Development?
- React:
• The (new) React lifecycle methods in plain, approachable language
• React as a UI Runtime
• Build Progressive Web Apps with React — Part 1
• addimated — An always interruptible, declarative animation library for React
• React Custom Scroll 4.0
• 5 Ways to animate a ReactJs app in 2019.
• How Gatsby is so blazing fast
- Angular:
• Introducing to NG-VDOM: A new way to write Angular application
• Build a production ready PWA with Angular and Firebase
• Angular 7|6 Tutorial: Building and Submitting a Form
• Angular DI: Getting to know the Ivy NodeInjector
- Libs & Plugins:
• flexsearch — Next-Generation full text search library for Browser and Node.js
• readability.js — a standalone version of the readability library used for Firefox Reader View
• webaudio-synth: Web Audio API Polyphonic Synthesizer
Browsers
• Firefox 65: WebP support, Flexbox Inspector, new tooling & platform updates
• Notable WebRender and Gecko changes
• Reference Browser ready for testing!
• Microsoft decides Internet Explorer 10 has had its fun: Termination set for January 2020
See more at Zfort Blog
Автор: derSmoll
