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.
• Why I don't use web components
• How to Section Your HTML
• Reduced Motion Picture Technique, Take Two
• Web Components Tutorial for Beginners [2019]
• Micro Frontends
• How To Create A PDF From Your Web Application
• Everything you need to know about Progressive Web App (PWA)
• Draggable Menu with Image Grid Previews
•
CSS Day 2019 + UI Special
• CSS day 2019: Part 1: UI special (1/2), Part 1: UI special (2/2)
• CSS Day 2019: some things I learned
• Drop caps & design systems
• Copy-and-Paste CSS Animation Cheat Sheets
• CSS Scroll Snap Updated in Firefox 68
• CJSS — A CSS based web framework
• Building Micro Frontends with React, Vue, and Single-spa
• Bringing service workers to Google Search
• 5 ES2019 features you can use today
• Lambda Calculus in JavaScript?
• JS Essentials: The JavaScript Engine
Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.
Web-development
• Why I don't use web components
• How to Section Your HTML
• Reduced Motion Picture Technique, Take Two
• Web Components Tutorial for Beginners [2019]
• Micro Frontends
• How To Create A PDF From Your Web Application
• Everything you need to know about Progressive Web App (PWA)
• Draggable Menu with Image Grid Previews
- Performance:
• How to Increase Your Page Size by 1,500% with webpack and Vue
• Optimizing Google Fonts Performance
• The #1 Easiest Way to Speed Up a Slow Website
• How to increase your frontend app’s performance – 5 coding tips
• exthouse: analyze the impact of a browser extension on web performance
- Accessibility:
• The Anatomy of Accessible Forms: Best Practices
• Converting divs into accessible pseudo-buttons
• 5 Keys to Accessible Web Typography
CSS
•
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
• CSS day 2019: Part 1: UI special (1/2), Part 1: UI special (2/2)
• CSS Day 2019: some things I learned
• Drop caps & design systems
• Copy-and-Paste CSS Animation Cheat Sheets
• CSS Scroll Snap Updated in Firefox 68
• CJSS — A CSS based web framework
JavaScript
• Building Micro Frontends with React, Vue, and Single-spa
• Bringing service workers to Google Search
• 5 ES2019 features you can use today
• Lambda Calculus in JavaScript?
• JS Essentials: The JavaScript Engine
VueJS:
• Vue's Darkest Day
• Getting Started with Vuex: a Beginner’s Guide
• Passing Variables to CSS on a Vue Component
• Use Vue.js Data Binding Options for Reactive Applications
• Introduction to Vue lifecycle hooks
• Building a CRUD App with Vue and GraphQL
React:
• How to Add Internationalization (i18n) to your Preact application
• React at 60fps — Building a Medium-Inspired Zoom with React-Pose
• Simplifying React State and the useState Hook
• What the heck is this in React? (Suspense)
• Vue without View — An Introduction to Renderless Components
- Ember
• EmberJS2019 Posts
• Built-in input helpers in Ember.js: when should they be used?
• How to Actually Build Superior Web Apps for Free
• Essential Ember Addons: The State of the Ember Addon Ecosystem in 2019
- Libs & Plugins:
• ts-toolbelt: Higher type safety for TypeScript
• spotlight: web's most easy to integrate lightbox gallery library
• Just — a build task definition library
• deepmerge — library for deep (recursive) merging of Javascript objects
Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.