Frontend Weekly Digest (29 Apr – 5 May 2019)
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.
• Making Web Components for Different Contexts
• A Practical Guide To SVG And Design Tools
• The Billion Ways to Display an SVG
• The Simplest Ways to Handle HTML Includes
• How to set up face verification the easy way using HTML5 + JavaScript
• A Conspiracy To Kill IE6
• Digging Into The Display Property: Box Generation
• Revisiting prefers-reduced-motion, the reduced motion media query
• Oh, the Many Ways to Make Triangular Breadcrumb Ribbons!
• Implementing a Mockup: CSS Layout Step by Step
• Creating rounded triangles in CSS with clip-path
• Create a responsive grid layout with no media queries, using CSS Grid
• Combining CSS Grid with Bootstrap Grid
• New Releases: Babylon.js 4.0, Electron 5.0.0 and jQuery 3.4.1 with triggering focus events in IE and finding root elements in iOS 10
• The Many Ways of Getting Data Into Charts
• Building the New facebook.com with React, GraphQL and Relay
• The JavaScript Developer’s Intro to Crypto
• Optimizing JavaScript Application Performance with Web Workers
Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.
Web-development
• Making Web Components for Different Contexts
• A Practical Guide To SVG And Design Tools
• The Billion Ways to Display an SVG
• The Simplest Ways to Handle HTML Includes
• How to set up face verification the easy way using HTML5 + JavaScript
• A Conspiracy To Kill IE6
- Performance:
• AMP in WordPress, the WordPress Way
• AMP news roundup: AMP as a service, signed exchanges, Bento, CSS tree shaking
• Improving third-party web performance at The Telegraph
- Tools:
• packtracker.io — Analyze your webpack bundle, on every commit
• How to set up the debugger for Chrome extension in Visual Studio Code
CSS
• Digging Into The Display Property: Box Generation
• Revisiting prefers-reduced-motion, the reduced motion media query
• Oh, the Many Ways to Make Triangular Breadcrumb Ribbons!
• Implementing a Mockup: CSS Layout Step by Step
• Creating rounded triangles in CSS with clip-path
• Create a responsive grid layout with no media queries, using CSS Grid
• Combining CSS Grid with Bootstrap Grid
JavaScript
• New Releases: Babylon.js 4.0, Electron 5.0.0 and jQuery 3.4.1 with triggering focus events in IE and finding root elements in iOS 10
• The Many Ways of Getting Data Into Charts
• Building the New facebook.com with React, GraphQL and Relay
• The JavaScript Developer’s Intro to Crypto
• Optimizing JavaScript Application Performance with Web Workers
- NodeJS:
• Node.js v12 — New Features You Shouldn't Miss
• Easy Automatic npm Publishes
• dotenv: loads environment variables from .env for nodejs projects
• 4 Solutions To Run Multiple Node.js or NPM Commands Simultaneously
- Theory:
• An introduction to JavaScript’s async and await
• Deeply Understanding JavaScript Async and Await with Examples
• An Intro to Javascript for Experienced Programmers Who Could Use a Strong Dose of Fundamentals
• Javascript Array.push is 945x faster than Array.concat
- VueJS:
• Making the Move from jQuery to Vue
• Testing your Vue app with Jest and Travis CI
• Custom Build Modes with Vue CLI 3
• Apollo state management in Vue application
• Understanding Mixins in Vue JS
• Handling Errors in Vue.js
• Understand Vue Reactivity Implementation Step by Step
- React:
• React: JSX & Rendering
• How to identify and resolve wasted renders in React
• 5 things you didn’t know about React DevTools
• create-react-app v3, What's new?
• Skeleton Loading Pages with React
- Angular:
• Is Angular dying because of React?
• Understanding Angular Modules
• Angular: Recurring problems I face as a Front-End Consultant
• What is Angular Console and Why You Should Care
• Testing and Faking Angular Dependencies
- Libs & Plugins:
• shimport: use JavaScript modules in all browsers, including dynamic imports
• jquery-csv: a jQuery CSV parser plugin
• aria-progress-range-slider: fully accessible, lightweight progress bar / range slider component
Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.