Haikei

The one to save for later. Has all sort off curves, waves, blobs, etc

Something I hate doing in pure CSS, simply because every time I do it, it feels like a waste of time

Here you just generate it, download and use in your project

Super nice and simple 🔥

https://app.haikei.app/

📊 Chart Libraries

What are the best / favourite chart libraries that you've used?

Anyone managed to find something as powerful as d3js.org but more plug & play?

PS doesn't have to be chart, can be any other visualisation technique

Share in comments 👇

Earning with Alisa skills

Something you probably haven't heard about, but might be of your interest.

So, you know about Alexa Skills right?

If you think the market is over saturated and there is only reinventing the wheel exercise there, consider building skills for Alisa (the one from Yandex) instead.

Can also be a perfect choice for your pet project and something to put on your CV.

In short, there are 5 main ways to monetise it 💰

Encouragement program - get your skill in top 50 and get paid each month from the main bucket of 500k RUB (5k GBP)

Prizes and completions from Alisa - every quarter Yandex team will review the skills, and if its unique and relevant enough you ll get a prize (1.5k GBP), there are also completions to win the station itslef

Develop skills per request - if you are good, you can get certified and the team will promote you as a developer to businesses

Yandex Marketing Network - simply add promotions in your skill and get paid

Get paid from users - if your skill is super useful, you can get paid from users who are liking your Alisa skill.

🔗 Link (it's in Russian, but hey, we all get Google translate don't we?)

Revolut ❤️ GraphQL

Turns out Revolut uses GraphQL under the hood for quite some time.

Don't know how I missed this article.

🕒 : 8 min
🔗 : Link

Physics behind spring animation

I doubt anyone one can say they know this topic perfectly.

And this is an amazing article to keep you well educated 🔥

PS also uses my favourite Framer Motion for examples, what can be better

📖 : 9 min
🔗 : Link

When client asks to make loading animation a bit more interesting 😂

Here is an interesting riddle for you people.

You are a freelancer with hourly rate 60 $. You have a client that asks you to do something for them regularly once a year.

Every year you spend 50 hours for this task, and they pay you 3 000 $ to your bank account. Happy days.

This year you spent 10 hours to create a script that automates most of your work and now instead of spending 50 hours, you can do everything in 5 hours. The client doesn't know about such script.

How much $ should you put in your invoice to the company?

Adding poll below in a sec.

CSS before/after hacks

Great quick list of things you can do with pseudo elements including custom styling for broken images, custom block quotes and custom bullet list (where you can use emojis 😂 mind the OS difference though)

https://css-tricks.com/7-practical-uses-for-the-before-and-after-pseudo-elements-in-css/

Speaking of emojis, if you update telegram and click on some emojis, they are now even more interactive. Let's see if it works in channels.

Update: Nope. Don't work. Send it to your saved messages instead.

10/10 Goodness in the house

So I saw this paid next.js course on frontendmasters by the CEO of Tipe.

And then I thought - wait, the the guy has the course on github so this needs sharing 😂

And here I am: https://hendrixer.github.io/nextjs-course/

Enjoy 🔥

Have you ever wondered how we are all connected to the Internet?

Here is a visualised earth submarine fiber optic cable network in 3D.

The whole thing is open sourced as well

https://gist.github.com/tylermorganwall/b222fcebcac3de56a6e144d73d166322

BEM cheatsheet

🔗 Link

See what tech stack other companies are using and discover new tools 🔥

stackshare.io

AURA THEME

Dark theme for your Chrome, Firefox, Telegram, Slack, Terminal and finally Vscode

Enjoy the darkness 🔥

https://github.com/daltonmenezes/aura-theme

And since we are here might as well update your wallpaper 😂

Link

Another goodness 10/10 🔥

2021 UX RESEARCH TOOL MAP

There are 2 parts to it.

A Google sheet with a list of 100 tools

And an article on how to use it

Turns out there are so many tools I haven't yet used, time to do some trialing 😂