tailwind-clones
Tailwindcss-cheatsheet
tailwind-clones | Tailwindcss-cheatsheet | |
---|---|---|
3 | 9 | |
33 | 256 | |
- | - | |
5.2 | 0.0 | |
10 months ago | 6 months ago | |
JavaScript | JavaScript | |
MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
tailwind-clones
-
Ask HN: Those who quit their jobs without anything planned. How did it go?
In late 2020, I quit my job at a startup (first one out of college) to work on my YouTube channel and build my own company. At the time, I had 5k subscribers, and was earning 60$ a month from Google Ad Sense. My goal was to hit 100k subscribers with $2-3k monthly revenue by the end of 2021, and figure out a way to market my startup with the channel.
Today, I have ~7k subscribers, < $100 a month revenue, and 2 failed ideas. I have 6-8 months before I have to start looking for a job again (mostly because I'll be kicked out of my parents' health insurance). Here's what happened...
Jan - June 2021: I decided to learn a (more recent) web dev tech stack (to build my ideas in) and picked Vue.js and Tailwind CSS. I built a personal blog with Gridsome, transferred it to Nuxt JS, made tons of website clones[0] to get familiar with Tailwind CSS and all the while made at least 1 YouTube video a week.
June - July 2021: After gaining some confidence in my skills I built AtomicEdits[1] - an electron desktop app to automatically remove silence from videos. It was a problem I faced as a YouTuber and figured other people had it too. This idea went viral on reddit, but that's when I learned about the competition in this space and lost confidence. I required people to pay for a desktop app that just removed silence, while video editing apps like Descript, did this stuff for free on the web while also removing "umms" and "uhhs". In the end, I open-sourced it and went back to the drawing board.
Aug - Oct 2021: Around this time, I made one realization - it would be way faster for me to use React.js because there was more community support for relevant libraries. I talk more about this (in my most controversial video) on YouTube[2]. So I start learning React and build Orbital[3], a video file browser that turns your file system into YouTube. This was a smaller project that I wanted to sell to creators who deal with tons of media files. Yes, I fell trap to the creator economy hype. 0$ in sales but at least I built and released a product right?
Nov 2021: So what now? Well, I recently got interested in game development[4] and plan to transition my videos into a "devlog" format where I build a game in a week and document the process on YouTube. I don't have a big dream to build a huge startup and raise money anymore - I just want to make some small indie games and survive as a YouTuber.
My main takeaway is that it is very stressful to work when you are constantly hemorrhaging money. I saved up aggressively during my full-time job (because I was fortunate enough to have my education paid for by my parents) but losing ~1k a month really took a toll. Every failed project (or YouTube video) put more pressure to make the next one work.
My main tip to myself would be to focus on one thing. Grow YouTube channel or build a startup. Doing both at the same time is a pipe-dream. I failed in both aspects.
[0] https://github.com/SuboptimalEng/SuboptimalClones
-
Coding a Twitter UI Clone with a Light/Dark Mode Toggle (links in comments)
Code on Github
-
Recreating the YouTube UI with Tailwind CSS in 1 Hour
GitHub Repo: https://github.com/SuboptimalEng/SuboptimalClones
Tailwindcss-cheatsheet
-
TailwindCSS
If you are already familiar with Tailwind, I believe it may not be very useful for you personally, but it could be valuable for your friends, colleagues at work, or anyone who comes across and reads the comments. Recently, I discovered a beautifully designed cheat sheet that you can print out and hang near your workplace https://github.com/umeshmk/Tailwindcss-cheatsheet
- TailwindCss Cheatsheet (v3.0)
- New Look..... Tailwind css cheatsheet.
- A new release of the Tailwind CSS cheatsheet comes with new aesthetics, better responsiveness and improved user experience.
-
Beginnerโs guide to Tailwind CSS: the new way of styling
In fact, we shouldn't memorize things that can be available in a blink of an eye. ๐ Cheatsheets can play huge role in our daily life and we all love it. You can check out an amazing cheatsheet for Tailwind CSS here. (+)
-
10+ Free Tailwind CSS Colors Tools Resources for 2021
if you want see all classes in tailwind then see Tailwindcss-cheatsheet . it include colors, spacing , Pseudo-Class, Flexbox, Grid, sizing etc. view
- Tailwindcss Cheatsheet (v2.0)
What are some alternatives?
orbital - ๐ฐ A desktop app that allows you to search, filter, and preview video files on your computer - like YouTube for your local file system.
play.tailwindcss.com
GameDev - ๐พ The code for my game dev + computer graphics experiments on YouTube. [Moved to: https://github.com/SuboptimalEng/Gamedex]
tints.dev - 10-color Palette Generator and API for Tailwind CSS
atomic-edits - ๐ฌ A desktop app that automatically removes silence from videos.
css-houdini-fractals - ๐จ Drawing Fractals with CSS Houdini