サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
衆院選
keithjgrant.com
Several years ago, I made a plea to save scoped CSS. One of the top features on my CSS wishlist was on the chopping block, and despite a pretty big push from the community, it died. Well, great news — it’s back. And it’s so much better than the previous version. Even better, the W3C spec is mostly stable, and there’s a working prototype in Chrome now. We just need a little interest from the commun
One of my longstanding annoyances with CSS has been the inability to transition to height auto. It’s an incredibly common use-case that’s needed for dropdowns and accordions and all sorts of other UI patterns. Unfortunately, this just doesn’t work: /* Doesn't work */ .dropdown { height: 0; transition: height 0.5s ease-out; } .dropdown.is-open { height: auto; } It’ll open and close just fine, but i
HTML 5.2 has introduced a new <dialog> element for native modal dialog boxes. At first glance, it seems fairly straightforward (and it is), but as I’ve been playing around with it, I’ve found it has some nice features that might be easy to miss. I’ve embedded a full working demo at the end of this article, but if you want to check it out as you read along, you can see it here. Here is the markup f
In, CSS, you can’t transition a background gradient. It sure would be nice if you could: .gradient { background-image: linear-gradient( to right, hsl(211, 100%, 50%), hsl(179, 100%, 30%) ); transition: background-image 0.5s linear; } .gradient:hover { background-image: linear-gradient( to bottom, hsl(344, 100%, 50%), hsl(31, 100%, 40%) ); } But, no. It jumps from one gradient to the other immediat
One of the best programming books I’ve ever read is Clean Code by Robert C. Martin. If you have never read it, add it to your list. Every comment represents a failure to make the code self explanatory. Robert C. Martin In one section, Martin discusses code comments, and makes a strong argument against them. I won’t repeat all his arguments, but in short he maintains they have a tendency to fall ou
Update June 23, 2016: The editor’s draft has been updated again. It looks like @scope is gone for good, so this post is now a moot point. The way forward now lies in the Shadow DOM. About a year ago, I wrote about a promising feature of CSS, scoping. I love the idea of this feature, and I think it could be one of the most important changes in the near future of CSS. You know all those complaints a
このページを最初にブックマークしてみませんか？
『keithjgrant.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
