Good morning☕

Start the day right with music for programming🔥

​​The Power Of CSS - Keith Clark experiment.

Sometimes CSS can impress you with how powerful it can be. This is an example of CSS powered 3D environment, where geometry is created with HTML elements and CSS transforms.

Textures and Lightmaps are done with layering multiple background-images and CSS blend modes for coloring.

This person also have other experiments in web (like VR).

​​Shards React

When you can’t figure out the best design and UI for a new ERP or a dashboard that you building, go with this one. Looks pretty slick and the free version covers enough to make your life a bit easier.

JS download priority in Chrome

By the way, one of our subscribers launched a pretty cool thing - https://unread.it/n/frontend

It collects all the nicest reddit stuff and that link is frontend specific

Might be of interest to some of you (especially if you liked a few previous posts)

When someone tells me gradient buttons are not cool anymore, I send them this

And then this one, specifying thats what they normally mean by "not cool"

In fact, I am in natural love with this kind of blurry glowing effect

Thank you fb for some nice advertising

For those, who keep asking me how the previous effect can be achieved with pure CSS.

Link

Meanwhile, the channel naturally got to 4.6k, welcome to all the new people👏

Websites can look like movie intro sometimes 🔥

Oh, okay 🤦‍♂️

I know you guys like tips and tricks (your votes suggested that). Here is something I think you'll find usefull, especially if you wanted to get a bit more experienced with Python.

The below article has all the latest Python tips from the @pythonetc channel, check both of them out!

https://habr.com/ru/company/mailru/blog/438776/

React - reveal gets number 1 prize for the most simplicitic way to bring in animation and avoid css nightmare.

You simply wrap the component you want to animate like

<Zoom>
<YourNiceComponent>
</Zoom>

Can also work with cascading and conditionals like when to do the animation 🔥

Good way to test your UI skills - https://cantunsee.space/

Move away from React Native?

Some insights from Airbnb why they are moving away from React Native (although they spent 2 years on it).

A few things to highlight right away:

If you are thinking React Native can help you build something cross platform quickly - you are right. You are also correct if you think performance, speed, flexbox and animation will work well if implemented correctly.

The problems, as Airbnb puts it were mainly related to JS being untyped language and RN being still quite immature - this caused big problems in refactoring, maintaining and crash monitoring as well as things like complex gestures in iOS/Android apps as both use quite different mechanics.

Well, there is always a tradeoff. From airbnb's experience, we can easily deduct that RN is still probably the best thing to do for MVP and which might even let your system live and work properly for a few years. But if you are planning to go all-in, native development is yet not fully interchangeable.

Airbnb thoughts article

​​30 seconds of knowledge - amazing way to motivate you to learn coding properly. Tips, Tricks, you name it.

Every time you open a new tab in a browser it throws a short code snippet at you, which you should ideally understand within 30 sec (might take a little bit more)

Also a list of JS one-liners that might come in handy in your development 😉

Well, seems that our analytics from last year was defined quite right when we talk on React vs Angular vs Vue.

See below why.

All the data from google trends, stackoverflow, youtube etc
https://gist.github.com/tkrotoff/b1caa4c3a185629299ec234d2314e190

Nothing to add🤷‍♂

⌛Time Machine

And also let's treat this post as an elevator to 24th April 2018 when I made a decision to create a channel to structure all the stuff that I found for myself. Who knew that so many people will find it useful and want to follow it.🤷‍♂

While we are quickly approaching 5k members, I think it is nice to note where we started.

You can click this time-machine link and it will get you almost a year back to find all the wonderful posts that were thrown in this channel🔥

https://t.me/thefrontend/18