Frontend Weekly Digest (1– 7 Apr 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.

Web-development

• What’s new in Foundation 6
• Revisiting the rendering tier: Introducing the new rendering layer for theguardian.com
• Native image lazy-loading for the web!
• Web Components will replace your frontend framework
• Can I Stop? Free yourself from Internet Explorer 11 in places where (almost) nobody uses it.
• Evaluating Popular Web Browsers in Terms of Security and Privacy

• Accessibility:
  • Accessibility for Vestibular Disorders: How My Temporary Disability Changed My Perspective
  • Enforcing Accessibility Best Practices with Automatically-Generated IDs
  • A progressive disclosure component
  • HTML5 Landmarks Exposed
  • The Muddy Waters of ADA Website Compliance May Become Less Murky in 2019
  

• Animations:
  • Creative View Mode Switch Animation
  • Crossroads Slideshow. An experimental slideshow with an inclined look, three slide previews and a content view on click.
  • Inspirational Websites Roundup #3
  • Dogstudio — webpage with outstanding scroll effect
  
  

CSS

• CSSBattle — CSS code-golfing is here: use your CSS skills to replicate targets with smallest possible code.
• What Does Dark Mode’s “supported-color-schemes” Actually Do?
• Ruby Sass Has Reached End-Of-Life
• Managing Z-Index In A Component-Based Web Application
• CSS Standardization — The State of the Web, with Rick Viscomi and Jen Simmons (CSS Working Group, Mozilla)
• How to create better themes with CSS variables
• The Hidden Power of CSS Text Align

JavaScript

• What’s the big deal with TypeScript?
• Yet Another JavaScript Framework
• Remy Sharp: How I failed the <a>
• JavaScript Web Workers: A Beginner’s Guide
• How to use Axios with JavaScript
• From Javascript to Typescript to Elm
• Why you should learn vanilla JavaScript in isolation if you want to be a better developer

• Theory:
  • How to keep your JavaScript code simple and easy to read
  • All you need to know about Promise.all
  • Variable Length Currying in JavaScript
  

• VueJS:
  • VueJS and Vue CLI 3 plugins to Boost Up the Performance of Your Application
  • VueJs Amsterdam 2019—An Experience and Talks Summary (Part 1)
  • Unit vs E2E Testing for Vue.js
  • How to Build a Real-Time Editable Data Table in Vue.js
  • Introducing Vue Chimera, reactive restful api client
  • PreVue: All в One Prototyping Tool
  

• React:
  • Dan Abramov teaches me React Hooks
  • Higher-order functions: what they are, and a React example
  • How to create a modern web app using WordPress and React
  • How to create an accessible React modal
  • How to create your own React hooks
  

• Angular:
  • What to Expect in Angular 8
  • Building extensible Dynamic Pluggable Enterprise Application with Angular
  • An Angular Roadmap — The Past, Present, and Future of Angular
  • How to Start Flying with Angular and NgRx
  • How to create themes for your Angular 7 apps using CSS Variables
  • Managing State Using RxJS Subjects in Angular Applications
  

• Libs & Plugins:
  • Solid — The Best JavaScript UI Library You’ve Never Heard Of
  • code-server: run VS Code on a remote server
  

Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.