Discoveries #3 - Tutorials

Some articles I stumble upon in my daily routine of reading news and blogs are diving very deep in a certain topic, especially if they are describing the basics of techniques I use every day.

All of the following reading tips are of the type “ahh, that’s why this works like that” or “uuh, I just scatch on the surface on that”. Take your time and read the articles in detail. We all never stop learning and it’s a pleasure to do so…

CSS

• CSS Viewport Units
• Grid for layout, Flexbox for components
• How CSS Perspective Works
• Linearly Scale font-size with CSS clamp() Based on the Viewport
• Learn CSS Centering

JavaScript

• The Flavors of Object-Oriented Programming (in JavaScript)
• Understanding the Event Loop, Callbacks, Promises, and Async/Await in JavaScript

---

CSS Viewport Units

by Ahmad Shadeed 
https://ishadeed.com/article/viewport-units

Ahmad is a true master of CSS and describes complex topics in an understandable way. Here he deals with the different Viewport Units: how they are calculated and how to use them properly.

---

Grid for layout, Flexbox for components

by Ahmad Shadeed 
https://ishadeed.com/article/grid-layout-flexbox-components

Another one from Ahmad. Here he talks about the usage of Grid and/or Flexbox. Both techniques have their purpose and he shows when to use this or that.

---

How CSS Perspective Works

by Amit Sheen 
https://css-tricks.com/how-css-perspective-works

Amit shows in this tutorial how to deal with perspective on using transform and animation in CSS. A true eye opener…

---

Linearly Scale font-size with CSS clamp() Based on the Viewport

by Pedro Rodriguez 
https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport

Few of us really deal with repsonsive typography. We fiddle arounf with line-height and font-size to achieve an B+ effect. Pedro shows how do it right with clamp() … and it is amazing.

---

Centering in CSS

by Ahmad Shadeed 
https://ishadeed.com/article/learn-css-centering

Ahmad again (I told you, he is amazing). In this tutorial he goes through every technique to center stuff in CSS. Never again google ‘center text flexbox’…

---

The Flavors of Object-Oriented Programming (in JavaScript)

by Zell Liew 
https://css-tricks.com/the-flavors-of-object-oriented-programming-in-javascript

There are different methods to ‘organize’ your JavaScript code. Zell shows the possibilities and pitfalls of techniques like Constructor Functions, Classes, Factory Functions and OLOO. Huge post, but couldn’t stop reading…

---

Understanding the Event Loop, Callbacks, Promises, and Async/Await in JavaScript

by Tania Rascia 
https://www-digitalocean-com.cdn.ampproject.org/v/s/www.digitalocean.com/community/tutorials/understanding-the-event-loop-callbacks-promises-and-async-await-in-javascript.amp?usqp=mq331AQFKAGwASA%3D&_js_v=0.1

Tanias deep knowledge of asynchronous JavaScript techniques and its basics is as long as this tutorials title and its Url. A must-read.