BLOG
-
Why I dislike Tailwind (and React)
I'll walk through the issues I have with the combination of Tailwind CSS and React—how style definitions get tangled up with document structure, my frustrations around scoped CSS, and how it compares to other frameworks like Astro, Svelte, and Vue.
-
React -
tailwind
-
-
open Add Dark Mode to Web Pages with CSS Alone—Chrome Now Supports the Super Handy prefers-color-scheme
Using the prefers-color-scheme setting, you can easily add dark mode support to your web pages. Chrome 76, released today, now supports it as well, so I'll give a quick introduction.
-
Web -
CSS
-
-
open Beautiful Background Blur and Frosted Glass Effects in One Line of CSS! backdrop-filter Now Supported in Chrome and Super Useful
Background blur effects, which used to be difficult to implement in web design, can now be expressed super easily with a CSS property called backdrop-filter.
-
Web -
CSS
-
-
[Chrome extension] Freely restyle the sites you use most! How to load your own CSS and JS [Stylish removal commemorative]
All you need is the basics of HTML and CSS. You can give Google Search or GitHub a dark background, hide elements you don't need, and more. Since you build the extension locally, it's safer, you can use JS, you can use SCSS — lots of upsides.
-
Chrome -
Web
-
-
Atom and Sublime users — switch to VS Code, the editor with no weak spots
There are countless editors out there, but they all come with trade-offs — missing features, sluggish performance, steep learning curves, or pricey licenses. This article makes the case for VS Code: an editor with very few weaknesses, and one that just works comfortably as a daily driver. It's mainly aimed at users of Atom, Sublime, Brackets, Coda, and similar editors.
-
App・Service -
Web
-
-
[Definitive guide] gulp, webpack, parcel... Understand the characteristics of the ever-growing list of task runners and choose the best one
Frontend development depends on tons of libraries and frameworks, and the task runners that manage them have likewise diversified into a crowded field. The aim of this article is to touch on their characteristics and concepts, making it easier to picture the differences.
-
JavaScript -
Web
-
-
How to check a web page being built on your PC in real time on your smartphone
On a Mac, with no special preparation, you can easily spin up a local server and check the web page or app you're building on your phone.
-
Web
-