Junaid ⚡

Check it out!

@zoef_yt 😂😂

I didn't even need to open the console to find this a NextJs app. 🥲

Kicking off foundational problem solving practice starting with arrays and strings this month. ⃯⃯→ You set your own pace ⃯⃯→ Learn by doing ⃯⃯→ First focus on correctness, then go for speed ⃯⃯→ No shortcuts → 50 seats Bring your gym buddies: airtable.com/appMQ5xcr13hjQ…

You can use the HTML image element’s fetchPriority property to give a hint to a browser on how it should fetch the image as compared to other images. 1 / 3

Remember, productivity isn't about doing more for the sake of more. It's about doing more of what matters most. So, use your remaining time for what matters most to you 😉 4/4

How can we combat this? The idea here is to take control of your time and set your own deadlines Next time while you are working on a task, try setting a deadline earlier than required, this creates a sense of urgency, which can drive you to complete the task more quickly 3/4

How can we do more? Work expands so as to fill the time available for its completion This is known as Parkinson's Law, we have all experienced it. 1/ 4

Examples: fetchPriority - high can be used on LCP image elements, this will help in downloading the image faster. fetchPriority - low can be used on images that are on the viewport but are hidden. For example, hidden carousel images on the first load. 3 / 3

fetchPriority can have three value high - fetch image at high priority low - fetch image at low priority auto ( default ) - browser decides the fetch priority 2/ 3

Ramadan Mubarak ✨ #Ramadan

@i_am_onkar It's next level!!

@junaidshaikh_js Have a look at edge's 3d inspector , out of this world learn.microsoft.com/en-us/microsof…

You can visualise your website in layers and 3D view using Chrome Dev tools. 1. Open Chrome Dev Tools 2. "cmd + shift + p" on MacOS to open the command pallet 3. Search for layers 4. Select “Show layers” A similar feature is also available in Safari under the layers tab.

Code snippet.

You can use CSS to pause a running animation. "animation-play-state" CSS property helps to achieve this. The value of this property can be either 'paused' or 'running'.

@snskritinaruka Bhool Bhulaiyaa

Tell me the best horror movie you've watched. 🫣

@ATechAjay ChatGPT so far. Haven't tried anything else yet.

Put only one your most favourite AI Tool?

@Aveziscoding it's open Avez

@junaidshaikh_js Junaid bhai, can you open your DM, i just wanna exchange some queries?

Coffee + Code ❌ Coffee + book ✅