![](http://habrastorage.org/getpro/habr/avatars/334/1fd/a9a/3341fda9a1e9edf268bbfe5f8d44aff1.jpg)
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.
•
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
•
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
•![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
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
•
What’s the big deal with TypeScript?
•
Yet Another JavaScript Framework
•
Remy Sharp: How I failed the
•
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
Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.
Web-development
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- 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
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
![video](https://habrastorage.org/storage3/976/d3e/38a/976d3e38a34b003f86f91795524af9f8.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
JavaScript
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- 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.