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 [1]
• 
Revisiting the rendering tier [2]: Introducing the new rendering layer for theguardian.com
• 
Native image lazy-loading for the web! [3]
• 
Web Components will replace your frontend framework [4]
• 
Can I Stop? [5] Free yourself from Internet Explorer 11 in places where (almost) nobody uses it.
• 
Evaluating Popular Web Browsers in Terms of Security and Privacy [6]
- Accessibility:
•
Accessibility for Vestibular Disorders: How My Temporary Disability Changed My Perspective [7]
•
Enforcing Accessibility Best Practices with Automatically-Generated IDs [8]
•
A progressive disclosure component [9]
•
HTML5 Landmarks Exposed [10]
•
The Muddy Waters of ADA Website Compliance May Become Less Murky in 2019 [11]
- Animations:
•
Creative View Mode Switch Animation [12]
•
Crossroads Slideshow [13]. An experimental slideshow with an inclined look, three slide previews and a content view on click.
•
Inspirational Websites Roundup #3 [14]
•
Dogstudio [15] — webpage with outstanding scroll effect
CSS
• 
CSSBattle [16] — 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? [17]
• 
Ruby Sass Has Reached End-Of-Life [18]
• 
Managing Z-Index In A Component-Based Web Application [19]
• 
CSS Standardization — The State of the Web [20], with Rick Viscomi and Jen Simmons (CSS Working Group, Mozilla)
• 
How to create better themes with CSS variables [21]
• 
The Hidden Power of CSS Text Align [22]
JavaScript
• 
What’s the big deal with TypeScript? [23]
• 
Yet Another JavaScript Framework [24]
• 
Remy Sharp: How I failed the <a> [25]
• 
JavaScript Web Workers: A Beginner’s Guide [26]
• 
How to use Axios with JavaScript [27]
• 
From Javascript to Typescript to Elm [28]
• 
Why you should learn vanilla JavaScript in isolation if you want to be a better developer [29]
- Theory:
•
How to keep your JavaScript code simple and easy to read [30]
•
All you need to know about Promise.all [31]
•
Variable Length Currying in JavaScript [32]
VueJS:
•
VueJS and Vue CLI 3 plugins to Boost Up the Performance of Your Application [33]
•
VueJs Amsterdam 2019—An Experience and Talks Summary (Part 1) [34]
•
Unit vs E2E Testing for Vue.js [35]
•
How to Build a Real-Time Editable Data Table in Vue.js [36]
•
Introducing Vue Chimera, reactive restful api client [37]
•
PreVue: All в One Prototyping Tool [38]
React:
•
Dan Abramov teaches me React Hooks [39]
•
Higher-order functions: what they are, and a React example [40]
•
How to create a modern web app using WordPress and React [41]
•
How to create an accessible React modal [42]
•
How to create your own React hooks [43]
Angular:
•
What to Expect in Angular 8 [44]
•
Building extensible Dynamic Pluggable Enterprise Application with Angular [45]
•
An Angular Roadmap — The Past, Present, and Future of Angular [46]
•
How to Start Flying with Angular and NgRx [47]
•
How to create themes for your Angular 7 apps using CSS Variables [48]
•
Managing State Using RxJS Subjects in Angular Applications [49]
- Libs & Plugins:
•
Solid — The Best JavaScript UI Library You’ve Never Heard Of [50]
•
code-server: run VS Code on a remote server [51]
Thanks for reading! Feel free to send us your articles or fresh useful content you want to see in the next digest.
Автор: derSmoll
Источник [52]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/javascript/313900
Ссылки в тексте:
[1] What’s new in Foundation 6: https://www.developerdrive.com/2015/11/whats-new-in-foundation-6/
[2] Revisiting the rendering tier: https://www.theguardian.com/info/2019/apr/04/revisiting-the-rendering-tier
[3] Native image lazy-loading for the web!: https://addyosmani.com/blog/lazy-loading/
[4] Web Components will replace your frontend framework: https://www.dannymoerkerke.com/blog/web-components-will-replace-your-frontend-framework
[5] Can I Stop?: https://canistop.net/
[6] Evaluating Popular Web Browsers in Terms of Security and Privacy: https://medium.com/readwrite/evaluating-popular-web-browsers-in-terms-of-security-and-privacy-30b79091d86f
[7] Accessibility for Vestibular Disorders: How My Temporary Disability Changed My Perspective: https://alistapart.com/article/accessibility-for-vestibular
[8] Enforcing Accessibility Best Practices with Automatically-Generated IDs: http://bradfrost.com/blog/post/enforcing-accessibility-best-practices-with-automatically-generated-ids/
[9] A progressive disclosure component: https://andy-bell.design/wrote/a-progressive-disclosure-component/
[10] HTML5 Landmarks Exposed: https://www.scottohara.me/blog/2019/04/05/landmarks-exposed.html
[11] The Muddy Waters of ADA Website Compliance May Become Less Murky in 2019: https://www.huntonlaborblog.com/2019/01/articles/public-accommodations/muddy-waters-ada-website-compliance-may-become-less-murky-2019/
[12] Creative View Mode Switch Animation: https://coidea.website/categories/challenges/creative-view-mode-switch-animation/
[13] Crossroads Slideshow: https://tympanus.net/codrops/2019/04/03/crossroads-slideshow/
[14] Inspirational Websites Roundup #3: https://tympanus.net/codrops/2019/04/04/inspirational-websites-roundup-3/
[15] Dogstudio: https://dogstudio.co/
[16] CSSBattle: https://cssbattle.dev/
[17] What Does Dark Mode’s “supported-color-schemes” Actually Do? : https://medium.com/dev-channel/what-does-dark-modes-supported-color-schemes-actually-do-69c2eacdfa1d
[18] Ruby Sass Has Reached End-Of-Life: http://sass.logdown.com/posts/7828841-ruby-sass-is-unsupported
[19] Managing Z-Index In A Component-Based Web Application: https://www.smashingmagazine.com/2019/04/z-index-component-based-web-application/
[20] CSS Standardization — The State of the Web: https://www.youtube.com/watch?v=TQ7NqpFMbFs&feature=youtu.be
[21] How to create better themes with CSS variables: https://blog.logrocket.com/how-to-create-better-themes-with-css-variables-5a3744105c74
[22] The Hidden Power of CSS Text Align: https://ishadeed.com/article/the-hidden-power-text-align/?ref=heydesigner
[23] What’s the big deal with TypeScript?: https://itnext.io/whats-the-big-deal-with-typescript-8f25fd85a374
[24] Yet Another JavaScript Framework: https://css-tricks.com/yet-another-javascript-framework/
[25] Remy Sharp: How I failed the <a> : https://remysharp.com/2019/04/04/how-i-failed-the-a
[26] JavaScript Web Workers: A Beginner’s Guide: https://www.sitepoint.com/javascript-web-workers/
[27] How to use Axios with JavaScript: https://alligator.io/js/axios-vanilla-js/
[28] From Javascript to Typescript to Elm: https://itnext.io/from-javascript-to-typescript-to-elm-5c36fca70b4a
[29] Why you should learn vanilla JavaScript in isolation if you want to be a better developer: https://medium.com/javascript-in-plain-english/why-you-should-learn-vanilla-javascript-in-isolation-if-you-want-to-be-a-better-developer-dbc15a7e66bb
[30] How to keep your JavaScript code simple and easy to read: https://medium.freecodecamp.org/how-to-keep-your-javascript-code-simple-and-easy-to-read-bff702523e7c
[31] All you need to know about Promise.all: https://medium.freecodecamp.org/promise-all-in-javascript-with-example-6c8c5aea3e32
[32] Variable Length Currying in JavaScript: https://medium.com/swlh/variable-length-currying-in-javascript-cdf559c74bf5
[33] VueJS and Vue CLI 3 plugins to Boost Up the Performance of Your Application: https://www.bacancytechnology.com/blog/plugins-to-boost-vuejs-and-vue-cli3-performance
[34] VueJs Amsterdam 2019—An Experience and Talks Summary (Part 1): https://www.telerik.com/blogs/vuejs-amsterdam-2019-an-experience-and-talks-summary-part-1
[35] Unit vs E2E Testing for Vue.js: https://vuejsdevelopers.com/2019/04/01/vue-testing-unit-vs-e2e/
[36] How to Build a Real-Time Editable Data Table in Vue.js: https://www.telerik.com/blogs/how-to-build-a-real-time-editable-data-table-in-vuejs
[37] Introducing Vue Chimera, reactive restful api client: https://medium.com/js-dojo/vue-chimera-reactive-restful-api-client-910d6b0eb945
[38] PreVue: All в One Prototyping Tool: https://prevue.io/
[39] Dan Abramov teaches me React Hooks: https://www.twitch.tv/videos/404530952
[40] Higher-order functions: what they are, and a React example: https://medium.freecodecamp.org/higher-order-functions-what-they-are-and-a-react-example-1d2579faf101
[41] How to create a modern web app using WordPress and React: https://medium.freecodecamp.org/wordpress-react-how-to-create-a-modern-web-app-using-wordpress-ef6cc6be0cd0
[42] How to create an accessible React modal: https://levelup.gitconnected.com/how-to-create-an-accessible-react-modal-5b87e6a27503?ref=heydesigner
[43] How to create your own React hooks: https://blog.logrocket.com/how-to-create-your-own-react-hooks-77b426ac0e26
[44] What to Expect in Angular 8: https://medium.com/grapecity/what-to-expect-in-angular-8-940b217b63cb
[45] Building extensible Dynamic Pluggable Enterprise Application with Angular: https://medium.com/@a.yurich.zuev/building-extensible-dynamic-pluggable-enterprise-application-with-angular-aed8979faba5
[46] An Angular Roadmap — The Past, Present, and Future of Angular: https://medium.com/grapecity/an-angular-roadmap-the-past-present-and-future-of-angular-7af4cd4ec6e7
[47] How to Start Flying with Angular and NgRx: https://blog.angularindepth.com/how-to-start-flying-with-angular-and-ngrx-b18e84d444aa
[48] How to create themes for your Angular 7 apps using CSS Variables: https://medium.freecodecamp.org/how-to-create-themes-for-your-angular-7-apps-using-css-variables-69251690e9c5
[49] Managing State Using RxJS Subjects in Angular Applications: https://www.telerik.com/blogs/managing-state-using-rxjs-subjects-in-angular-applications
[50] Solid — The Best JavaScript UI Library You’ve Never Heard Of: https://levelup.gitconnected.com/solid-the-best-javascript-ui-library-youve-never-heard-of-297b22848ac1
[51] code-server: run VS Code on a remote server: https://github.com/codercom/code-server
[52] Источник: https://habr.com/ru/post/447118/?utm_campaign=447118
Нажмите здесь для печати.