corpus.blog
56,966 blogs · [ { "id": "01a08796-202f-70ee-b96d-7b81ecd44943", "title": "Solving Shrinkwrap: New Experimental Technique", "url": "https://kizu.dev/shrinkwrap-solution/", "published_at": "2026-01-27T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81eceb8d3d", "title": "Passing Data into SVG: Linked Parameters Workaround", "url": "https://kizu.dev/svg-linked-parameters-workaround/", "published_at": "2025-03-24T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81ede9ca10", "title": "Pure CSS Mixin for Displaying Values of Custom Properties", "url": "https://kizu.dev/preview-mixin/", "published_at": "2025-01-27T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81ee67fae9", "title": "Indirect Cyclic Conditions: Prototyping Parametrized CSS Mixins", "url": "https://kizu.dev/indirect-cyclic-conditions/", "published_at": "2024-12-24T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81ef358eea", "title": "Possible Future CSS: Tree-Counting Functions and Random Values", "url": "https://kizu.dev/tree-counting-and-random/", "published_at": "2024-10-22T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81ef689a91", "title": "Fit-to-Width Text: A New Technique", "url": "https://kizu.dev/fit-to-width/", "published_at": "2024-07-19T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f0241d62", "title": "Self-Modifying Variables: the `inherit()` Workaround", "url": "https://kizu.dev/self-modifying-variables/", "published_at": "2024-04-18T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f0e02102", "title": "Alternating Style Queries", "url": "https://kizu.dev/alternating-style-queries/", "published_at": "2024-04-16T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f10c7108", "title": "Layered Toggles: Optional CSS Mixins", "url": "https://kizu.dev/layered-toggles/", "published_at": "2024-04-09T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f12bded9", "title": "The Shrinkwrap Problem: Possible Future Solutions", "url": "https://kizu.dev/shrinkwrap-problem/", "published_at": "2023-12-07T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f198a44b", "title": "Scroll-Driven State Transfer", "url": "https://kizu.dev/scroll-driven-state-transfer/", "published_at": "2023-10-16T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f1a3eb2d", "title": "New Blog: blog.kizu.dev", "url": "https://kizu.dev/new-blog/", "published_at": "2023-07-09T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f221226a", "title": "Position-Driven Styles", "url": "https://kizu.dev/position-driven-styles/", "published_at": "2023-06-28T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f236f9cc", "title": "Fit-to-Width Text", "url": "https://kizu.dev/fit-to-width-text/", "published_at": "2023-06-21T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f30ce56a", "title": "Cyclic Dependency Space Toggles", "url": "https://kizu.dev/cyclic-toggles/", "published_at": "2023-06-14T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f338528e", "title": "Future CSS: Wishes Granted by Scroll-driven Animations", "url": "https://kizu.dev/scroll-driven-animations/", "published_at": "2023-05-30T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f3ce39e6", "title": "React Hook Component", "url": "https://kizu.dev/hook-component/", "published_at": "2023-04-01T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f499e355", "title": "Future CSS: Anchor Positioning", "url": "https://kizu.dev/anchor-positioning-experiments/", "published_at": "2023-03-15T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f55f4e8e", "title": "Obscure CSS: Restoring Visibility", "url": "https://kizu.dev/restoring-visibility/", "published_at": "2022-12-22T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f5d19dfd", "title": "Obscure CSS: Implicit List-Item Counter", "url": "https://kizu.dev/list-item-counter/", "published_at": "2022-05-31T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f6218bf7", "title": "A Bit of Performance", "url": "https://kizu.dev/a-bit-of-performance/", "published_at": "2019-02-25T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f6de196c", "title": "My Grid Layout", "url": "https://kizu.dev/my-grid-layout/", "published_at": "2019-01-23T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f7b51e53", "title": "Implementing Algolia Search", "url": "https://kizu.dev/algolia-search/", "published_at": "2018-11-06T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f8a2335d", "title": "Grid Projection Naming", "url": "https://kizu.dev/grid-projection-naming/", "published_at": "2018-10-18T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f8a7c628", "title": "My Site, Version 14.0", "url": "https://kizu.dev/v-14-0/", "published_at": "2018-10-18T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81f98149ca", "title": "Variable Order", "url": "https://kizu.dev/variable-order/", "published_at": "2018-02-15T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81fa7b67e2", "title": "Counters and Stones", "url": "https://kizu.dev/counters-and-stones/", "published_at": "2018-01-04T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81fa845975", "title": "Flexible Overflow", "url": "https://kizu.dev/flexible-overflow/", "published_at": "2017-11-28T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81fb279710", "title": "Bemto-Components", "url": "https://kizu.dev/bemto-components/", "published_at": "2017-11-23T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81fbae727f", "title": "Keyboard-Only Focus", "url": "https://kizu.dev/keyboard-only-focus/", "published_at": "2017-06-27T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81fca6f33d", "title": "Label-to-Input States", "url": "https://kizu.dev/label-to-input/", "published_at": "2017-05-31T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81fd32ae13", "title": "Controlling the Specificity", "url": "https://kizu.dev/controlling-the-specificity/", "published_at": "2016-12-21T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81fdbde247", "title": "Conditions for CSS Variables", "url": "https://kizu.dev/conditions-for-css-variables/", "published_at": "2016-10-21T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81fe1473ff", "title": "Styling inline code", "url": "https://kizu.dev/styling-inline-code/", "published_at": "2016-09-08T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81fe5bb655", "title": "The New Version of This Site", "url": "https://kizu.dev/the-new-version-of-this-site/", "published_at": "2016-08-13T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81ff5aa267", "title": "Nested Links", "url": "https://kizu.dev/nested-links/", "published_at": "2015-02-10T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81ff93e9ba", "title": "Battle for Baseline", "url": "https://kizu.dev/flex-baseline/", "published_at": "2014-02-10T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81ffe775e0", "title": "New Stylus Features", "url": "https://kizu.dev/new-stylus-features/", "published_at": "2013-12-05T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b81fff7c495", "title": "Updated Jekyll", "url": "https://kizu.dev/updated-jekyll/", "published_at": "2013-06-05T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b820004e17f", "title": "Application shortcuts", "url": "https://kizu.dev/application-shortcuts/", "published_at": "2013-06-03T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b82007369d0", "title": "Blog", "url": "https://kizu.dev/hello-blog/", "published_at": "2013-05-07T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b8200ad6c92", "title": "Rotated text", "url": "https://kizu.dev/rotated-text/", "published_at": "2013-04-30T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b8201237bf1", "title": "Markdowning YAML for Jekyll", "url": "https://kizu.dev/markdowning-yaml/", "published_at": "2013-04-21T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b820146641f", "title": "Jekyll", "url": "https://kizu.dev/going-jekyll/", "published_at": "2013-01-30T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b820196cad6", "title": "Correct Cursor on Active Elements", "url": "https://kizu.dev/cursor-pointer/", "published_at": "2013-01-22T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b8201aa6d52", "title": "Restarting kizu.ru", "url": "https://kizu.dev/restart/", "published_at": "2013-01-17T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b82029846b8", "title": "bemto", "url": "https://kizu.dev/bemto/", "published_at": "2012-07-02T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b820302604e", "title": "Legends and Headings", "url": "https://kizu.dev/legends-and-headings/", "published_at": "2012-04-27T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b8203d02844", "title": "Scrolling shadows", "url": "https://kizu.dev/shadowscroll/", "published_at": "2012-04-21T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b8204014fcd", "title": "Multi-directional hover", "url": "https://kizu.dev/multi-directional-hover/", "published_at": "2012-03-19T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b82043bb715", "title": "CSS3 convex polygons", "url": "https://kizu.dev/polygons/", "published_at": "2011-09-18T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b82044b3766", "title": "Text-overflow emulation and gradient overflow", "url": "https://kizu.dev/overflower/", "published_at": "2011-03-08T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b8205163111", "title": "Filtering elements without JS", "url": "https://kizu.dev/filters/", "published_at": "2011-02-06T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b82058b5756", "title": "Popups and dropdowns only by CSS", "url": "https://kizu.dev/popups/", "published_at": "2011-02-05T00:00:00+00:00" }, { "id": "01a08796-202f-70ee-b96d-7b8205e9f4f4", "title": "Custom CSS3 controls", "url": "https://kizu.dev/controls/", "published_at": "2011-02-03T00:00:00+00:00" } ] posts Claim your blog
Back to Articles & Experiments by Roman Komarov
Blog · corpus.blog/blogs/kizu.dev/posts

Articles & Experiments by Roman Komarov

kizu.dev

2026

Solving Shrinkwrap: New Experimental Techniqueoriginal ↗
27 Jan 2026

2025

Passing Data into SVG: Linked Parameters Workaroundoriginal ↗
24 Mar 2025
Pure CSS Mixin for Displaying Values of Custom Propertiesoriginal ↗
27 Jan 2025

2024

Indirect Cyclic Conditions: Prototyping Parametrized CSS Mixinsoriginal ↗
24 Dec 2024
Possible Future CSS: Tree-Counting Functions and Random Valuesoriginal ↗
22 Oct 2024
Fit-to-Width Text: A New Techniqueoriginal ↗
19 Jul 2024
Self-Modifying Variables: the `inherit()` Workaroundoriginal ↗
18 Apr 2024
Alternating Style Queriesoriginal ↗
16 Apr 2024
Layered Toggles: Optional CSS Mixinsoriginal ↗
9 Apr 2024

2023

The Shrinkwrap Problem: Possible Future Solutionsoriginal ↗
7 Dec 2023
Scroll-Driven State Transferoriginal ↗
16 Oct 2023
New Blog: blog.kizu.devoriginal ↗
9 Jul 2023
Position-Driven Stylesoriginal ↗
28 Jun 2023
Fit-to-Width Textoriginal ↗
21 Jun 2023
Cyclic Dependency Space Togglesoriginal ↗
14 Jun 2023
Future CSS: Wishes Granted by Scroll-driven Animationsoriginal ↗
30 May 2023
React Hook Componentoriginal ↗
1 Apr 2023
Future CSS: Anchor Positioningoriginal ↗
15 Mar 2023

2022

Obscure CSS: Restoring Visibilityoriginal ↗
22 Dec 2022
Obscure CSS: Implicit List-Item Counteroriginal ↗
31 May 2022

2019

A Bit of Performanceoriginal ↗
25 Feb 2019
My Grid Layoutoriginal ↗
23 Jan 2019

2018

Implementing Algolia Searchoriginal ↗
6 Nov 2018
Grid Projection Namingoriginal ↗
18 Oct 2018
My Site, Version 14.0original ↗
18 Oct 2018
Variable Orderoriginal ↗
15 Feb 2018
Counters and Stonesoriginal ↗
4 Jan 2018

2017

Flexible Overfloworiginal ↗
28 Nov 2017
Bemto-Componentsoriginal ↗
23 Nov 2017
Keyboard-Only Focusoriginal ↗
27 Jun 2017
Label-to-Input Statesoriginal ↗
31 May 2017

2016

Controlling the Specificityoriginal ↗
21 Dec 2016
Conditions for CSS Variablesoriginal ↗
21 Oct 2016
Styling inline codeoriginal ↗
8 Sept 2016
The New Version of This Siteoriginal ↗
13 Aug 2016

2015

Nested Linksoriginal ↗
10 Feb 2015

2014

Battle for Baselineoriginal ↗
10 Feb 2014

2013

New Stylus Featuresoriginal ↗
5 Dec 2013
Updated Jekylloriginal ↗
5 Jun 2013
Application shortcutsoriginal ↗
3 Jun 2013
Blogoriginal ↗
7 May 2013
Rotated textoriginal ↗
30 Apr 2013
Markdowning YAML for Jekylloriginal ↗
21 Apr 2013
Jekylloriginal ↗
30 Jan 2013
Correct Cursor on Active Elementsoriginal ↗
22 Jan 2013
Restarting kizu.ruoriginal ↗
17 Jan 2013

2012

bemtooriginal ↗
2 Jul 2012
Legends and Headingsoriginal ↗
27 Apr 2012
Scrolling shadowsoriginal ↗
21 Apr 2012
Multi-directional hoveroriginal ↗
19 Mar 2012

2011

CSS3 convex polygonsoriginal ↗
18 Sept 2011
Text-overflow emulation and gradient overfloworiginal ↗
8 Mar 2011
Filtering elements without JSoriginal ↗
6 Feb 2011
Popups and dropdowns only by CSSoriginal ↗
5 Feb 2011
Custom CSS3 controlsoriginal ↗
3 Feb 2011