Everyday JavaScript

What topics you’d like to have on my Medium Blog?

https://medium.com/

Medium

Have you heard about IntersectionObserver in JavaScript?

If not, have a look at below article. It gives amazing use cases of IntersectionObserver and how to use it in your next project :)

https://medium.com//intersectionobserver-api-in-javascript-a47f9a75344f?sk=e4229bb3c3ddb3f8790af0ef26c713d8

IntersectionObserver API in JavaScript Timing the element visibility and page performance

We've hit 50 stories on . Here is my 50th.

inert attribute to improve Accessibility

HTML5 inert attribute for Accessibility Learn how a simple one word attribute like “inert” can help you write less code for accessibility

CSS Container Queries enhances Responsive Web Development and gives developers much more control to the developers to develop Responsive Components without having to rewrite too much of CSS. Give it a read 🙂

https://medium.com//master-the-css-container-queries-94cfb9298041?sk=b813893bbed7a581a6e7d2ab85458f13

Master the CSS Container Queries Develop responsive components which can be dropped into any layouts

Start using CSS logical functions in your application. min(), max(), clamp() and minmax() can enhance how you do your responsive and fluid layouts and typography.

CSS: min() max() and clamp() minmax() — Four logical CSS functions to use today Add more flexibility to the web application’s styles using CSS logical functions

Shout out to my newest followers! Excited to have you onboard!

Oyinlola Ayobami, Saad Aslam, Abdul Rahman, Dileep Kumar, Samudrala Vasavi, Walter Witty Worldly, Wilfreno Bonsapia II, Idriss Bâ, Smart Code

Logical Functions - min(), max(), clamp(), minmax()

CSS: min() max() and clamp() minmax() — Four logical CSS functions to use today Add more flexibility to the web application’s styles using CSS logical functions

We are now 4k members 🎉🎉🎉

3 of the most loved articles on my medium profile:

I Don't Understand Cookies:
https://javascript.plainenglish.io/i-dont-understand-cookies-ff8b7d933bb2?sk=a0f0b3a15e3ce8a702752084bf3064ba

Master the HTML5 Head and Meta Tags:
https://javascript.plainenglish.io/master-the-html5-head-and-meta-tags-5ae80fe4a670?sk=5fcf747bf4bc0f1944e7b6d56d99b6ac

I Promise to Make You Understand JavaScript Promises Using this Article:
https://blog.stackademic.com/i-promise-to-make-you-understand-javascript-promises-using-this-article-ef43b047d535?sk=c7d8f30280a4724ff5907476ee18a6af

I Promise to Make You Understand JavaScript Promises Using this Article Learn Promises visually and never forget!

Ankit Tanna – Medium Read writing from Ankit Tanna on Medium. Every day, Ankit Tanna and thousands of other voices read, write, and share important stories on Medium.

Shout out to my newest followers! Excited to have you onboard!

Hematej Gowd, Abhishek Nandan Mishra, Mohammad Ibrahim Mudaber, Sulaiman Iliyasu Gw, Ajit Mishra, Bashar Garba Adam, Bunty Rajpoot, KS Mangwiro Thierymaster Samuel, Lun Longdy, Blessingsmajor Kisiswa, Fyv Em, Sankhyika Majumder, Waylen Smith, Ralp Lauren Gungon, David Lindestrand Cuenca

Follow my medium page to get more articles directly to your feed

Ankit Tanna – Medium Read writing from Ankit Tanna on Medium. Every day, Ankit Tanna and thousands of other voices read, write, and share important stories on Medium.

Have you ever got a curve ball from your frontend interviewer saying how does the browser parse the HTML page? What actually goes behind the scenes when a page is rendered? Such questions are tricky but they also test the core and basics of our knowledge. The Browsers rendering pipeline takes care of it. Have a small 3 min read about it and you’ll impress your interviewer with the level of detail you can add into your answer.

https://javascript.plainenglish.io/demystifying-the-rendering-pipeline-and-compositing-enhancing-ui-performance-15703fa74326?sk=ee0b1ee852634521d48fd10a336b8f34

Demystifying the Rendering Pipeline and Compositing: Enhancing UI Performance What it takes to be a good Web developer? — Rendering Pipeline and Compositing