From kizu.dev
Recent CSS Bookmarks 21: Anchor Positioning
2 2
Anchor positioning is cool! And there were many articles and posts about anchor positioning since I last mentioned it in my bookmark posts. Here they are!
13h ago
From kizu.dev
Transitions of Inherited Properties
0 1
When I shared my “Observation: Inherited Visibility Transition” post, I mentioned that there was a CSS bug I encountered that I wanted to research and maybe fill later. Well. I thought it would be a quick thing, making into a quick post. Apparently, not!
on Thu, 1AM
From kizu.dev
Recent CSS Bookmarks 20: Just Three Links
0 1
Writing one post a day is hard! I had an idea for an observation but did not have an opportunity to write it up properly. Come on, me, these should not take that long! That means I am falling back to the idea I reserved for cases like this one: where I cannot quickly come up with a post on the...
on Tue, 11PM
From kizu.dev
0 1
I often see complaints about people hyping up new web platform features while they’re not yet ready for wide use. I also was on the receiving end of similar complaints. When I publish my articles, I always have plenty of things in mind, not necessarily a set of rules, but rather guidelines and...
on Mon, 10PM
From kizu.dev
0 2
Today, I want to talk about two things, in the context of writing articles and sharing knowledge in general. One of them we don’t need to be afraid of, and another we need to do as often as possible. The first one is repetition. The second one — attribution. It could seem like an odd pair, but...
on Sun, 10PM
From kizu.dev
The Problem of Embeddable Interactions
0 1
When I created this blog, I implemented the same thing I did on my main site: a custom element that links to the Mastodon post where I shared the link to the post, and which also shows the number of replies, favorites, and boosts. I saw others implement this as well. Now, people are also adding...
on Sat, 11PM
From kizu.dev
I Added Lightning CSS to This Blog
0 2
After I published my “My Mastodon Starter Pack” post, it got boosted a bunch in Mastodon. This led to more people trying to read it, and some — not successfully. All because in this not very polished blog I used a lot of a bit too-modern CSS, for example, native CSS nesting. And — this resulted...
on Sat, 12AM
From kizu.dev
A good way to hide non-defined custom elements
0 1
This is a very short post about a thing that I have wanted to share for quite a while. I am pretty certain that someone already wrote about this at some point, but hey. There is so much content everywhere that it might be useful to repeat stuff, making it more likely someone will stumble upon...
on Nov 15
From kizu.dev
Observation: Inherited Visibility Transition
0 1
Do not use `transition: all` in CSS. Just don’t. I won’t go into all the details today about why it’s bad, but I will share one of the many issues it can cause. Let’s quickly focus on its interaction with the `visibility` property, specifically how transitions work with its inheritance.
on Nov 13
From kizu.dev
I Will Not Delete My Twitter Account
0 0
I was working on a different post today, but I got too deep into looking for a good example, realizing a bit too late that I won’t finish it today. So let me just improvise a quick post about a thing I have been thinking about for quite a while.
on Nov 13
From kizu.dev
0 1
I have so many things I want to do with my blog! I’m already thinking about having a good way to embed Pixelfed images, and now I’m also wondering what could be the best way to handle bookmarks. Currently, I’m just posting them as compilations, manually marking them up in Markdown lists with...
on Nov 12
From kizu.dev
Updated Scroll Markers in the Table of Contents
0 1
I’ve spent most of the day inside the delayed and cancelled trains (thanks, Deutsche Bahn). I did not have an opportunity to come up with a good post for today, but both yesterday (and a bit today) I hacked on my blog, as a part of the IndieWebCamp. I did the thing I wanted to do during this...
on Nov 11
From kizu.dev
0 3
Sometimes, I invite someone to join Mastodon, and I end up sharing the same links and information repeatedly. Following the “manual until it hurts” IndieWeb practice, after repeating the same things a few times, it is time to “automate” it. Well, in this case, just put everything into one blog...
on Nov 9
From kizu.dev
Moving to Firefox: the First Anniversary
0 0
One year ago, I moved to Firefox. I’m still using it (the “Nightly” version). Mozilla has made some questionable moves since then. But, each time I look at the alternatives, I am not entirely sure if there is any reason — for me — to move to something else.
on Nov 9
From kizu.dev
Beyond Tellerrand: Quick Notes on Physicality
0 0
I spent the whole day at the first day of beyond tellerrand conference in Berlin, so I did not have an opportunity to work on a proper post here. I met many nice people! New and old faces, good talks. I have made many notes, and have many thoughts, but wanted to just quickly jot down one...
on Nov 8
From kizu.dev
Recent CSS Bookmarks 19: Container Queries
0 1
I originally wanted to write about something else today but, for some reason, did not have any motivation for it. But hey, let me then do the best thing I could do otherwise: share some other people’s articles. It is always nice to think that there are others, who are interested in the same...
on Nov 6
From kizu.dev
0 0
Back in August, I saw a Mastodon thread by Anne Sturdivant about how she was styling titles, in which she described a wish for a certain wrapping behavior. Curiously enough, I remembered one interesting aspect of flexbox that could help to achieve what she wanted, and shared it with her. For...
on Nov 5
From kizu.dev
Recent CSS Bookmarks 18: 12 Days of Web CFP, CSS Resets, and Selectors
0 0
After a large gap, continuing reading and sharing the recent CSS bookmarks I gathered. I’ll mostly go through more recent ones, but I’ll include one section with a few older ones as well.
on Nov 4
From kizu.dev
0 0
One of the things I planned for the November: to not do _a lot_ of coding on the weekends, and try to post more personal stuff, keeping more technical stuff for the weekdays. Well, for today’s post I wanted to share some photos, and I started to wonder how I should do this. In the end, it _will_...
on Nov 3
From kizu.dev
0 0
If you have read any posts in this blog, you might’ve noticed the “Current music” field at the top. This is something I adopted back from when I was using LiveJournal. Until today, it was displayed just as a string. Today, I made it into a proper “category”: if I shared some artist more than...
on Nov 2
From kizu.dev
0 0
Guess what? It is November. Last year, I went all out and published one post a day for the full month. On one hand, that was hard, and took its toll on me. On the other, I _did_ publish a bunch of stuff that would usually stay in the drafts. I don’t know if I will manage to do the same this...
on Nov 1
From kizu.dev
Possible Future CSS: Tree-Counting Functions and Random Values
0 0
Many exciting things were added to CSS specs over the years, but some have yet to be implemented by browser engines. In this article, I spotlight two features from Level 5 of the CSS Values and Units Working Draft, describe how we can prototype them with what we have in CSS today, and provide...
on Oct 22
From kizu.dev
Future CSS: Anchor Positioning
0 0
Anchor positioning might be one of the most exciting features coming to CSS. It is currently available under an experimental flag in Chrome Canary, and after playing with it for a bit, I couldn’t stop myself from sharing what I found. In this article, I will show you some of my experiments.
on Sep 27
From kizu.dev
0 0
In a few of my latest CSS experiments and articles, I used one naming pattern for registered custom properties that I think worth highlighting in a separate blog post. This pattern allows us to create a set of generic custom properties, covering a wide set of use cases for computing and storing...
on Sep 3
From kizu.dev
0 0
Media queries are nice, but for many things, we don’t even need them: there is this great CSS property `color-scheme`, which allows us to make various things adapt to the current color scheme. We can even set it on a per-element basis. This post describes how we can use registered custom...
on Aug 29
From kizu.dev
0 0
CSS Grids specification contains a lot of different things. And, for some of them, there exist multiple ways of how you can achieve them. In this article, I’ll write about one trick with `grid-template-areas` that could help you name your intersecting columns or rows.
on Aug 26
From kizu.dev
Recent CSS Bookmarks 17: Layouts
0 1
More than three months without sharing bookmarks. The backlog of articles to read grew and grew, becoming unmanageable. Instead of trying to go through the whole backlog in one go, I grouped all the bookmarks, and will post them group-by-group. Today, it is all about layouts.
on Aug 11
From kizu.dev
Fit-to-Width Text: A New Technique
0 0
Registered custom properties are now available in all modern browsers. Using some pre-existing techniques based on them and complex container query length units, I solved a years-long problem of fitting text to the width of a container, hopefully paving the path towards a proper native implementation.
on Jul 26
From kizu.dev
Fit-to-Width Text: A New Technique
0 0
Registered custom properties are now available in all modern browsers. Using some pre-existing techniques based on them and complex container query length units, I solved a years-long problem of fitting text to the width of a container, hopefully paving the path towards a proper native implementation.
on Jul 20
From kizu.dev
Custom Properties and CSS-Wide Keywords
0 0
I did some tests with custom properties in CSS, and how they work (or don’t) with the CSS-Wide Keywords (`initial`, `inherit`, `unset`, `revert` and `revert-layer`). As the result, I did create a PR adding a few Web Platform Tests, and opened two bugs in Safari and Firefox.
on Jun 26
From kizu.dev
0 0
Another big batch of CSS bookmarks: more than a month worth of them. As usual, with that number of them (32!), I grouped them into eight sections: Colors and Themes, CSS Layouts, Typography, Future CSS, Selectors, Shapes and Effects, Everything Else and My Articles.
on May 18
From kizu.dev
Self-Modifying Variables: the inherit() Workaround
0 0
Style queries will unlock many doors. An ability to alternate a value of any variable that I presented in my previous article might seem to be trivial by itself, but what if there is a hidden depth in how we can utilize it? One interesting case is the ability to emulate `inherit()` — a way...
on Apr 20
From kizu.dev
Self-Modifying Variables: the inherit() Workaround
0 0
Style queries will unlock many doors. An ability to alternate a value of any variable that I presented in my previous article might seem to be trivial by itself, but what if there is a hidden depth in how we can utilize it? One interesting case is the ability to emulate `inherit()` — a way...
on Apr 18
From kizu.dev
0 0
With the container style queries on the horizon, it is a good time to do more experiments with them. In one of my recent experiments, I found out that style queries will allow us to do what the currently specified (but not implemented by anyone) function `toggle()` was supposed to.
on Apr 16
From kizu.dev
Layered Toggles: Optional CSS Mixins
0 0
In this article, I am sharing the next evolution of space & cyclic toggles, which allows us to create and apply optional mixins in CSS with the help of custom cascade layers, available today in every browser that supports them.
on Apr 15
From kizu.dev
0 0
A compilation of 23 articles and posts about various topics: colors and themes, container queries, accessibility, grids, future CSS, and more.
on Apr 4
From kizu.dev
0 0
In the last few weeks, I received two invitations: an invitation to speak at the next CSS Day, and an invitation to join the CSS Working Group as an Invited Expert. Of course, I did accept both of them.
on Mar 9
From kizu.dev
0 0
A bit later than usual, but I did finally read all the articles and posts about CSS that I bookmarked in the last week.
on Mar 5
From kizu.dev
0 0
I had a lot of fun and ideas reading this last week’s articles and posts about CSS: I’m so happy we have so many people sharing their findings!
on Feb 22
From kizu.dev
Weekly Bookmarks 11: The Backlog
0 0
I did take a break from writing anything for the most of January. During this time, many people published tons of things, so this post will be very long. 50+ articles long.
on Feb 11
From kizu.dev
Notes on Using Logical Properties and Values
0 0
Adam Argyle asked today: “is it time to forget about physical properties like margin-top and left?” I have some thoughts occasionally on this, and decided to write them down as a list: maybe I’ll update it later with other related things, we’ll see. At the bottom of this post, I’ll also list...
on Jan 7
From kizu.dev
0 0
The new year is here, and, with it, a season where people put out their CSS wishlists for the future. I did already read two of them: December’s CSS wishlist from Sarah Gebauer, and today’s “Tyler’s CSS Wish List for 2024” from Tyler Sticka. One thing caught my attention in Tyler’s list:...
on Jan 3
From kizu.dev
0 0
2023 was very productive for me in terms of experimenting with CSS and writing about it. I guess, escaping from reality by submerging yourself into your special interest can have positive results occasionally. Today, I will list everything I published about CSS this year, and write a bit...
on Dec 31
From kizu.dev
A Christmas Tree Selector: Prototyping the :nth-sibling() with CSS Nesting
0 0
While working on another article, I stumbled upon a case that I never could achieve in any good way: an ability to select repeating groups of elements. Native CSS Nesting could help us, and we could even optimize it a bit, but I am arguing that we still require something like `:nth-sibling()` in CSS.
on Dec 25
From kizu.dev
0 1
It is the last week for many advent calendars. I did not have an opportunity to follow most of them — this is why I did post links from only one of them, but I will catch up in the following weeks! Regardless, there were some good articles about CSS outside of advent calendars as well.
on Dec 24
From kizu.dev
0 0
A week ago, a “CSS `@scope`” article by Miriam Suzanne was published at “12 Days of Web” (curated by Stephanie Eckles). This article did clarify a few things for me, but also made me think of one potential usage of the `:scope` pseudo-class: “storing” the scoping root’s selector as a reusable...
on Dec 21
From kizu.dev
Weekly Bookmarks 9: CSS (as Usual)
0 1
I’m a bit tired after this week — I did speak about some of my CSS experiments at CSS Café on Thursday (later there’ll be a recording), so there are not as many links today, and, as usual, mostly only about CSS.
on Dec 17
From kizu.dev
0 0
Twenty years ago, I created an account on LiveJournal. As I did write in my “Personal Site Anniversary & History” post, plenty of things did bloom from this. Highly likely, without LiveJournal I won’t be here as a web developer. Without it, I won’t be as good with CSS.
on Dec 12
From kizu.dev
Weekly Bookmarks 8: Mostly CSS
0 1
I did not have a lot of time to read stuff outside my CSS comfort zone this week, so, once again, mostly CSS-related links. Also: a small announcement about my experiments!
on Dec 10
From kizu.dev
The Shrinkwrap Problem: Possible Future Solutions
0 0
There is one old, yet unsolved, CSS problem: shrinking containers to fit the content when it automatically wraps. While not intentional, anchor positioning allows us to come closer to solving it, at least for a few cases. In this article, I’ll demonstrate how we can use anchor positioning...
on Dec 8