👩🏻‍💻🚀🖖🏻 Learning to be a better front-end developer. ♥️ React, GraphQL & Prisma. 🌐 https://cyishere.devhttps://bsky.app/profile/cyishere.devhttps://bsky.app/profile/cyishere.dev/post/3mlz5ik5zzs2vTesting German learning resources with Gemma, the result of Gemma 3 is better than Gemma 4. Interesting. I'm not sure if it's because Gemma 4 is "overthinking".17 May 2026 00:52 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3mlz5ik5zzs2vhttps://bsky.app/profile/cyishere.dev/post/3mlxjxlnwmk2oI’m really bad at wrapping up a blog post.🥲16 May 2026 09:30 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3mlxjxlnwmk2ohttps://bsky.app/profile/cyishere.dev/post/3mlxiclmgo226New Post: ✨ Sync Audio with Text in React https://www.cyishere.dev/blog/sync-audio-with-text-in-react16 May 2026 09:00 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3mlxiclmgo226https://bsky.app/profile/cyishere.dev/post/3mlffsfxnos2eAI is really bad at solving CSS problems.09 May 2026 04:28 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3mlffsfxnos2ehttps://bsky.app/profile/cyishere.dev/post/3mkpkys6b3k2iNew post: A Practical Example of CSS :has() Selector https://www.cyishere.dev/blog/a-practical-example-of-the-css-has-selector30 Apr 2026 12:02 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3mkpkys6b3k2ihttps://bsky.app/profile/cyishere.dev/post/3mjny6syl3k2eSpend half a day setting up Sublime Text. So fast, so light, it only takes 100mb memory. Perfect!17 Apr 2026 03:28 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3mjny6syl3k2ehttps://bsky.app/profile/cyishere.dev/post/3mcydqfra4s26Why 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?22 Jan 2026 04:25 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3mcydqfra4s26https://bsky.app/profile/cyishere.dev/post/3mcttfxrc4k2xAlthough automating Git workflow with AI is efficient and cool, I tend to avoid it; otherwise, I’d forget how to use Git altogether. 😅20 Jan 2026 09:22 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3mcttfxrc4k2xhttps://bsky.app/profile/cyishere.dev/post/3lpta32g54c2aI 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.23 May 2025 08:37 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3lpta32g54c2ahttps://bsky.app/profile/cyishere.dev/post/3lomzryaw3k24I feel very happy whenever I convert a static design into an interactive web page.08 May 2025 04:03 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3lomzryaw3k24https://bsky.app/profile/cyishere.dev/post/3lohx2mxwqk2gI 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.06 May 2025 03:31 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3lohx2mxwqk2ghttps://bsky.app/profile/cyishere.dev/post/3lo4iuqfdvc2pI think I'll keep using light theme in my IDE for a while.01 May 2025 14:18 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3lo4iuqfdvc2phttps://bsky.app/profile/cyishere.dev/post/3lnojwavfas2cI 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.26 Apr 2025 01:00 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3lnojwavfas2chttps://bsky.app/profile/cyishere.dev/post/3lnn5vys6lc2xI'm Learning Vue.js and encountering something weird: with TailwindCSS, even with `onMounted`, the page always reloads.🤨25 Apr 2025 11:52 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3lnn5vys6lc2xhttps://bsky.app/profile/cyishere.dev/post/3lnc4hxcea22uI just watched a Vue.js tutorial. The mental model for Vue and React is so different. Wow. 🤯21 Apr 2025 02:27 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3lnc4hxcea22uhttps://bsky.app/profile/cyishere.dev/post/3lmtu4m7l722zThree 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.15 Apr 2025 10:20 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3lmtu4m7l722zhttps://bsky.app/profile/cyishere.dev/post/3lluyp772y22gCan'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...03 Apr 2025 03:50 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3lluyp772y22ghttps://bsky.app/profile/cyishere.dev/post/3llnfh7e4rs2lTurns out reading in an RSS reader is very helpful. I can concentrate for a longer time.31 Mar 2025 03:16 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3llnfh7e4rs2lhttps://bsky.app/profile/cyishere.dev/post/3lay4z4umxk2sI'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.15 Nov 2024 10:08 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3lay4z4umxk2shttps://bsky.app/profile/cyishere.dev/post/3laq6eny3us2nTwo 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.12 Nov 2024 06:11 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3laq6eny3us2nhttps://bsky.app/profile/cyishere.dev/post/3l7safefpoc2tCan't believe that it was learning to make video games with JavaScript that finally made Object-oriented programming click for me!😅31 Oct 2024 08:27 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3l7safefpoc2thttps://bsky.app/profile/cyishere.dev/post/3krdq5g2jak2qWow! Bluesky can show the open graph card now. Love it. [contains quote post or other embedded content]30 Apr 2024 10:06 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3krdq5g2jak2qhttps://bsky.app/profile/cyishere.dev/post/3krdpzsffp22uI 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: https://www.cyishere.dev/blog/a11y-of-typewriter-animation30 Apr 2024 10:04 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3krdpzsffp22uhttps://bsky.app/profile/cyishere.dev/post/3kqwekcko722pSince April 24th is JS Naked Day, I refined our landing page to ensure it works perfectly without JavaScript.✌️ skyporch.co25 Apr 2024 02:34 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3kqwekcko722phttps://bsky.app/profile/cyishere.dev/post/3kqusppiep42fTrying to add some cool stuff to our landing page, I've spent half a day creating images (failed) and half a day learning Three.js (making some progress). The current landing page: skyporch.co24 Apr 2024 11:42 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3kqusppiep42fhttps://bsky.app/profile/cyishere.dev/post/3kq37r3wuvl2uI've been writing styled-components for some years. The other day, I wrote some nesting CSS like the one in the image out of habit, but I was writing CSS modules, and it still works! It turns out vanilla CSS also supports this kind of nesting. So cool.14 Apr 2024 07:26 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3kq37r3wuvl2uhttps://bsky.app/profile/cyishere.dev/post/3kii3cseb5u2oI’m so glad that I finally get a better sense of Next.js 14, the server actions, using server function, and middleware.08 Jan 2024 14:50 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3kii3cseb5u2ohttps://bsky.app/profile/cyishere.dev/post/3kcpxridaoz2a`next/image` is SO tricky…27 Oct 2023 09:37 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3kcpxridaoz2ahttps://bsky.app/profile/cyishere.dev/post/3k7xey4nuy227It’s weird that I cannot login on the website…22 Sep 2023 04:06 +0000at://did:plc:owkpgx5wycbre7dop44hwkht/app.bsky.feed.post/3k7xey4nuy227