Web lazy loading

Well, apparently this June we can see native image loading for the web. Magical usage just by adding loading = lazy in your <img> tag. What can be easier.

Half a million views on how to write better JS code. Impressive👍

https://youtu.be/Mus_vwhTCq0

Thanosjs.org - reduce the file size by randomly deleting half of the files. Might come handy before the endgame

If you like what Uber does in design and you think its neat - they released design system in a form of React Components called Base Web. Nice to see datepickers, file uploaders and toggle buttons in default set up.

Which default table component do you think is nicer?

A quick tip for you 👌

Framer Playground Introduced

I really like where Framer is heading with its concept, can see how UX/UI Design & Coding can work together efficiently. This can be considered a massive trend soon and all the Sketch, Invision, XD, Marvel, Figma will have to adjust and the designer's job will also include basic programming to optimise business operations.

Letting your developers argue, re-code the whole frontend, fix inaccuracies from the design is a massive pain point and someone will eventually solve it.

Hope to see Framer X Windows version soon to allow better expansion. Meanwhile, you can see what they a re going at here.

And yeah, I know with the amount I mentioned Framer, I should take money from them🤷‍♂️.

React Native for Windows

Well, we just got a way to write stuff for XBox with React🤷‍♂

Techcrunch link

themer.js - automatically change projects dark/light mode based on user's location

Anyone need an edit for a static HTML page? I'm at your service 😂

Article

Telegram hacks Medium

Well, after reading medium for a bit, I bumped into their premium features🤷‍♂. They currently sell 5 bucks/month premium subscription to read premium (starred) articles. Too many discussions around wether its actually worth it.

Here is a trick - if you copy a premium article into telegram (e.g. saved messages), the instant view will fully retrieve the article and let you read it from inside telegram.

For example here is one of their nice premium articles. Enjoy, guys🔥

Update: one of you also suggested - it can be achieved via incognito mode, the only difference I found is it asks you first to leave incognito + a few cookies/marketing popups

And how is that for a fancy web preloader?

🔥Here it is - React GraphQL in 2 hours

Have to forward as I can't phrase it better 🤷‍♂️

Animated Icons - that just solves so much in frontend development 🔥

There are a lot of things CSS can do

Really

​​undefined vs null

Quite a common question.

Actually, let me share an amazing free youtube channel for you. The guy does one of the coolest, simply-explained tutorials on React, Redux, Vue, Firebase, Mongo, GraphQL and 6 hours ago updated 20+ tutorials on creating PWA.

I sincerely respect such input for the community, considered the fact that I used to download his videos and watch them in the plane myself.

I do have a feeling that once he grows his channel, he'll start charging for that. It's just too good to stay free.

PS those who think its an ad, contact the guy and ask him to pay me then 😂

micro animations in prototyping

Now, I came to a point where I get a strong feeling that AE is just an overkill for what I need.

Thus, want to explore in details one of the below:

1. Flinto
2. Principle
3. InVision Studio

To make it look cool, I'm just gonna drop the InVision's promo

Let me know which one is better in your opinion below 👇