CY

Why not just type a few words to commit changes to Git directly, instead of typing a few words to let an AI agent spend some tokens to commit the changes?

Although automating Git workflow with AI is efficient and cool, I tend to avoid it; otherwise, I’d forget how to use Git altogether. 😅

No problem. Have a good time!😀

The latter is a puzzle-platformer that, at first glance, looks like a simple action game where a samurai defeats enemies with three different weapons—but there’s a twist: the weapon you choose determines how you solve each puzzle. I highly recommend both. (2/2)

This year I played The Frog For Whom the Bell Tolls and Samurai Kid. It seems both games were originally released only in Japan, but they now have English fan translations. The former is a Zelda-style adventure game with lots of nonsensical humor. (1/2)

I just dedicated 2 hours to refactoring my setup to a better practice: migrating import sorting to ESLint, rather than Prettier, which I'm now using exclusively for code formatting.

I feel very happy whenever I convert a static design into an interactive web page.

I don't have opinions on whether we should use TailwindCSS or vanilla CSS; I can work with either of them (or other styling methods) based on the team's preference. But I think knowing and being good at vanilla CSS is important because CSS is fun and powerful.

I think I'll keep using light theme in my IDE for a while.

Thank you very much. I'll keep you updated too. :)

Do you know how to fix it?

But with TailwindCSS implemented, the job page reloads after redirecting `/jobs/:newJobId`. You could see this behavior in the "Network" tab in Dev Tools. (2/2)

github.com/cyishere/vue...

Thank you for your interest in this. Here's the repo. The problem is, if there's no TailwindCSS setup in the project, after successfully adding a new job in `/jobs/add`, the app redirects to `/jobs/:newJobId`, and the app(page) doesn't reload. (1/2)

I used to feel the "syntax sugars" in Vue.js was too complex for me, I preferred React.js with its verbose JavaScript/JSX way. But with some years' programming experience, I'm comfortable with Vue now.

I'm Learning Vue.js and encountering something weird: with TailwindCSS, even with `onMounted`, the page always reloads.🤨

The most important one for me is React encourages treating data as immutable, Vue is the opposite.

I just watched a Vue.js tutorial. The mental model for Vue and React is so different. Wow. 🤯

Three years ago when I started to learn programming, "Eloquent JavaScript" was too hard for me to understand. By then it’s not a book which can teach me the knowledge. I found other ways. Now I revisit this book, I can get it and it help me understanding JS better.

⚛️📝 New on Overreacted: React for Two Computers

Can't help checking the tech stack behind every website I visit, even when I'm just trying to learn a new language or stalk my favorite celebs online...

Turns out reading in an RSS reader is very helpful. I can concentrate for a longer time.

I see. I finished the game this weekend, and it was so cool and fun! Now, I've started my second playthrough.

Is it OK that I don't roll back to the release version?

The author of DaisyUI talks about this: daisyui.com/blog/most-co...

Code snippet showing a button component template with dynamic class names with DaisyUI.

Tailwind CSS configuration file (tailwind.config.js) containing a safelist pattern for button classes. This pattern resolves DaisyUI doesn't work with dynamic class names.

I'm making Button components with DaisyUI, but the buttons always appear as default. It turns out it's because of how TailwindCSS deals with dynamic class names. One solution is adding a safelist pattern for the dynamic class names. More reading below.

Two years after building my friend's portfolio with Astro and TinaCMS, and now we can't add new content and have no error logs. (She hasn't posted for a while.) Should I rebuild using the latest versions of both? The current site is broken with no clear cause.

Can't believe that it was learning to make video games with JavaScript that finally made Object-oriented programming click for me!😅

Wow! Bluesky can show the open graph card now. Love it.

Accessible Typewriter Animations: Using aria-label for Better Screen Reader Experience Improve web accessibility by making typewriter animations friendly to screen readers and how to achieve them using aria-label and accessible hiding.

I was worried about SkyPorch's accessibility, especially how the screen reader would read that sentence of the typewriter animation. Turns out it's awful. So yesterday, I fixed the a11y issues and wrote about the process; here's the blog post:
www.cyishere.dev/blog/a11y-of...

Since April 24th is JS Naked Day, I refined our landing page to ensure it works perfectly without JavaScript.✌️

skyporch.co