Discoveries, Part 3

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.

CSS Viewport Units

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.

Grid for layout, Flexbox for components

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…

How CSS Perspective Works

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.

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

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’…

Centering in CSS

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…

The Flavors of Object-Oriented Programming (in JavaScript)

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.

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

Related

Comments