FRONT-END WEEKLY DIGEST (April 1 - April 7, 2019)

A new curated selection of the top front-end development industry news is hot off the press! Check the most important updates on CSS, JavaScript, and HTML this week and stay tuned!

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