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.
• Getting started with web performance? Here's what you need to focus on.
• Build A PWA With Webpack And Workbox
• Spam Detection APIs
• Mimic Relative Positioning Inside an SVG with Nested SVGs
• HTML can do that?
•
syntax.fm podcast №154: SVGs с Sara Soueidan
• Three Predictions From the State of CSS 2019 Survey
• The Ultimate Guide to Flexbox Centering
• a11y-css-reset
• Building a Conference Schedule with CSS Grid
• Drag-n-drop sticky, with no JS!
• Variable Fonts for Developers
• Thinking of BEM as a UI Philosophy Instead of a CSS Naming Convention
•
Amsterdam JSNation 2019, 15 videos
• The cost of JavaScript in 2019 by Addy Osmani
• RxJS: A Simple Introduction
• Instant Search with Vanilla JavaScript
Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.
Web-development
• Getting started with web performance? Here's what you need to focus on.
• Build A PWA With Webpack And Workbox
• Spam Detection APIs
• Mimic Relative Positioning Inside an SVG with Nested SVGs
• HTML can do that?
•
syntax.fm podcast №154: SVGs с Sara Soueidan- Accessibility:
• How accessibility trees inform assistive tech
• Midyear ADA Web & App Accessibility Lawsuit Report
• What is Accessibility for Web Apps and Why Do I Care?
- Effective web:
• How to do scroll-linked animations the right way
• Learn the fundamentals of synthesis with our new, interactive website Running on Web Audio, WebAssembly and WebGL. Made with three.js, Tone.js, anime.js and React using TypeScript and much
• useAnimations: animated icons in Lottie Framework and After Effects for immediate implementation to your apps or websites
CSS
• Three Predictions From the State of CSS 2019 Survey
• The Ultimate Guide to Flexbox Centering
• a11y-css-reset
• Building a Conference Schedule with CSS Grid
• Drag-n-drop sticky, with no JS!
• Variable Fonts for Developers
• Thinking of BEM as a UI Philosophy Instead of a CSS Naming Convention
JavaScript
•
Amsterdam JSNation 2019, 15 videos• The cost of JavaScript in 2019 by Addy Osmani
• RxJS: A Simple Introduction
• Instant Search with Vanilla JavaScript
- Mongo/Node:
• Design patterns in Node.js: a practical guide
• The new ECMAScript module support in Node.js 12
• Firebase vs. MongoDB: Which Database to Use for Your App Development
VueJS:
• Why people got mad with Vue 3
• A Beginner’s Guide to Vue CLI
• In Vue, When Do I Actually Need the :key Attribute and Why?
• How to Get Started with Vuetify
React:
• Getting to Know the useReducer React Hook
• The Myth of Inaccessible React
• The 10 Component Commandments
• Adding a WebAssembly component to a React App
• Advanced React Hooks Concepts — through Snake!
• Next.js vs. Create React App: Whose apps are more performant?
Angular:
• The State of Angular in 2019
• Understanding the Magic Behind Angular Elements
• Creating a Music Player Application Using Kendo UI and Angular
• What I learnt during 3 years of Angular 2+ development
- Ember:
• Getting Started With Glimmer-Native
• Ember.js Seattle Meetup featuring Yehuda Katz
• Wishes for the Ember roadmap 2019
- Libs & Plugins:
• freezeframe.js — a library that pauses animated .gifs and enables them to animate on mouse hover / mouse click / touch event, or with trigger / release functions
• TWGL: A Tiny WebGL helper Library
• pixelmatch: the smallest, simplest and fastest JavaScript pixel-level image comparison library
• svelte-adapter: use Svelte components with Vue and React
Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.
