I think there are probably quite a few people who vaguely think, "Frontend seems difficult..." or "CSS is just too complex for me..." 💭
I felt the same way—when I first heard about it, I was just confused, thinking, "Why are there so many different libraries and frameworks for CSS?" 😳 But then I heard about a backend developer who actually created a proper page using only pure CSS, and I thought, "Oh, maybe I can do it too?" ✨
The Story of Ditching Tailwind and Creating Original CSS Utilities
Apparently, this person initially used the popular TailwindCSS. I've seen it too, but all those class names popping up made me think, "Do I have to memorize all of these? That's scary!" 🤣 Plus, they saw opinions online like "Tailwind is for people who don't know CSS well," which stung a bit, so they decided to drop it.
Instead, they created their own "adaptive flex containers" and "easy-to-use utility classes" and cleverly combined them with Vue components 💡
What's Impressive About It?
- They built a decent-looking page entirely with pure CSS
- They used ChatGPT as a "substitute for Googling," which was super helpful, but they didn't become overly dependent on it 👍
- Dark mode support was easy—just tweak a few variables, and the code stays clean 🌙
Of course, by today's trends, it might not be considered "super stylish," but being able to create a page that "doesn't look bad" on their own was a huge growth milestone ✨
Why I Thought "I Could Do This Too!"
- The process is simple: Rather than relearning a framework, it's easier to understand when you build things step by step according to what you want to achieve
- ChatGPT serves as a great support tool (they basically used it like a Q&A box)
- Combining it with familiar Vue components boosts efficiency
What They Want to Challenge Next
They mentioned wanting to "try animations and make things look cooler," but they also joked about feeling a bit left behind in this AI-dominated era, which felt very relatable 🤣
If you think "frontend frameworks are too complex and intimidating," starting with pure CSS in your own preferred style might be a good approach 💗
It made me realize how important it is to not overstretch yourself and just go at your own pace ✨👀
Hatena
Comments
チャーリー
Even if it's not flashy by today's standards, it's great to be able to create something you're happy with yourself.
クリス
Start by mastering the basics before moving on to fancy tools—understanding how CSS works makes frameworks much easier to use.
ベン
Nice!
リリー
As a CS graduate who used to struggle with CSS, I regret not learning it earlier.
キンバリー
Now I teach new CSS techniques and patterns to frontend developers, and it's really fun.
ロバート
The beginning is crucial for everything—starting with the basics is important.
ジャック
For a first attempt, this is more than enough—if it works, that's what matters.
エイダン
You'll get better with practice, and don't forget to experiment with different things.
ミア
Tailwind isn't just for CSS beginners—it has its quirks but is user-friendly and excellent.
クリス
AI can help skip the basics with Tailwind, but it's best when you understand what you're doing.
レオ
On desktop, making the text box narrower improves readability—try setting a max-width.
ベン
Nice!
クロエ
You made Vue components with handmade CSS? That's not backend anymore, you're full-stack now.
ノーラン
The color scheme and layout have an AI-like feel.
ハンナ
Exactly, CSS frameworks are unnecessary.
ロバート
All you need is reset CSS and basics for grids and fonts.
ハンナ
I've tried many, but frameworks require too much maintenance and waste time.
ジョージ
Many modern frontend developers don't even know CSS basics—they treat it like a React plugin.
