#learn

How to make your header look nicer with 5 CSS styles / gradients (with cross-browser compatibility).

Personally, some of the options I would never use, but neat linear gradient is a decent one.

🔗 Link
👓 15 min

#learn

Color power

They say the cornerstone of any powerful design comes down to colors.

On this, I found a great article on the basics that also clarifies why we use red green blue (rgb) in CS, but in painting the primary colors are red, yellow and blue.

And that cannot go without hyperlinking coloors that can easily help to generate a color pallette for your next project.

And absolute gold, 10/10 goodness is always a handy free tool from canva that not so many people heard about. The best part about it is that you can learn a lot about the theory on different color combination that you can then dynamically generate based on your primary color choice. This then can be used to create graphic from your color palette or get some inspiration from existing ones.

#promo

📱🔥 IT Network is a brand new social network for IT, where influencers can earn on content!

In the app you can:
- Get access to unique content
- Communicate with IT experts
- Receive interesting job offers
- Discuss your projects with the community
- Get help and support

Try it on Google Play and App Store

#learn

React Profiler - link

If you haven't used this one before you are really missing out. I find this one the quickest way to go through you web project and identify places that can be optimised. Works way better than dumping console.log in you renders around the app or using default chrome dev tools performance analyzer.

Profiler will show you exactly how many times components re-rendered and why (which props changed etc)

Then it's up to you to go around that heavy component and optimise it, memoise certain functions, wrap with React.memo, refactor, add reselect or what not.

And personally the nicest practical "let me show you how it works" is from Ben Awad here

#tools

gradejs.com — a webpack production bundle scanner, that works without access to the source code of a website.

#uiux

Now that's some proper magic to hack CSS animation 🔥

www.timelinecss.io

#promo
People who believed in the
internet in the 90s are on top now. Web3 is the same opportunity.

HUMANS is a brand new media devoted entirely to demystifying working in web3. To do so, we invite web3 heroes to tell their stories and inspire you all to try your hand at pursuing numerous lucrative vocations.

Join our channel to get:

- Industry insights from successfully employed web3 folks
- Sneak peeks to web3 working environment
- Proper market news
- MEMES.

Soon there’ll also be hot job openings from top web3 companies. Don’t miss out on a life-changing opportunity.

tap it
@humanswork

#news

Atom code editor is done 🤷

I used to actually like it before I've tried vscode.

But now that github belongs to Microsoft it does make sense to focus on vscode instead.

🔗 Link

#uiux #thoughts

I find it entertaining how Apple is trying to push a thought that Safari is modern and all with its latest "oh, look at mac OS Ventura and Safari 16! How cool. It can support Web Push notifications🔥"

Even better - Web Push on iOS and iPadOS in 2023!

Meanwhile Chrome supported push notifications at least from 2015.

All of this aligns quite well with what a dev for web telegram pointed out in 10+ things while Apple is slowing the industry with its Safari.

Side note: the webK/webZ telegram client is actually sleek. I use it myself.

Side note 2: if you just want to read a bit more on Web Push notifications, explained and compared to app ones this link is for you.

#news #thoughts

Just look at this.

I mean we got rid of IE (in fact, it's gonna die in about 20 hours from you reading this).

And Safari is either gonna end up in the same boat eventually or Apple gets pushed by regulators and finally support the industry.

#thoughts

I know people hate redux for adding too much boilerplate and generally being applicable to medium/large projects.

And of course mobx or even recoil are a bit nicer (my subjective opinion).

But what's the hype with zustand? Looks good, but any of you actually tried it on large projects?

https://github.com/pmndrs/zustand

#uiux

Have you guys seen your github commits in VR already? 😂

https://skyline.github.com/

#learn

A pretty good frontend developer roadmap from one of our subscribers (@s3ntlnel).

If you don't know where to start your journey, the below is good place to start with.

https://www.flaco.dev/blog/front-end-developer-roadmap

#learn

The guy behind Tao of React released an article about going through React's source code.

An interesting read worth your 23 mins. Also as an extension to what you've seen in other articles shared here.

https://alexkondov.com/readint-source-code-react/