HNHacker News
TopNewBestAskShowJobs

KodingKitty

233 karma · joined March 14, 2023

We turn design into responsive HTML and CSS code. www.kodingkitty.com
submissionscomments
KodingKitty··on Frosted glass from games to the web
If you are into glass UI, you might enjoy this one inspired by visionOS and done with Tailwind CSS. Click on the "show windows" button in the upper left corner. Works on mobile, but definitely better on larger screens. https://www.kodingkitty.com/blog/kitty-os/#the-widget
KodingKitty··on Htmx is part of the GitHub Accelerator
Another "Made with HTMX" example. E-shop frontend coded in HTMX and Hyperscript. https://www.makaron.cz/
KodingKitty··on Lightweight, JavaScript-free, reading progress bar – HTML and Tailwind only
Many operating systems and applications have recently taken pride in hiding scrollbar and other useful hints from users. All in the name of a design that supposedly shows the information just in time when users need it.

We don't judge such approaches. We just believe that in certain design situations, a simple, reading progress bar can be useful.

The following article shows how to create a simple reading progress bar with just 2 DIV elements and 1 clever trick.

https://www.kodingkitty.com/blog/progress-bar/

KodingKitty··on Small size, big impact: check your screen resolution under 1 second
If you're a web designer or developer, it's important to understand the difference between screen resolution, pixel ratio, and browser window size.

* Screen resolution refers to the number of pixels displayed on a screen. * Pixel ratio (scale factor) is the ratio of the resolution in physical pixels. * Browser window size is the actual size of the browser window.

Numbers can vary depending on the device being used, as well as the user's preferences for how they view the website (full screen or window).

Try the following screen resolution tool, which allows you to quickly check your browser and screen resolution, as well as your viewport size and device pixel ratio.

It's free and lightweight. At only 36kB it loads quickly.

https://www.kodingkitty.com/work/screen-resolution/

Yours, KodingKitty

KodingKitty··on Laying Out a Print Book with CSS
I have written several books. I used Markdown for the first one.

Then someone recommended AsciiDoc and AsciiDoctor. It was a much better experience compared to Markdown. Sure, not for pixel perfect tweaking. Still enough parameters to play with. Easy to create PDFs and EPUBs.

KodingKitty··on Gallery of Minimal Design Websites
Beautiful designs. Definitely not minimal, I dare say.
KodingKitty··on Just Write
Very true. I experienced it first hand. My colleague kept writing blog posts. After a while he had enough material to make several books out of it. He told me it was not difficult because he loved the subject he was writing about. The only difficulty he had to overcome was his innate laziness :)

Yours, KodingKitty

KodingKitty··on Not by AI
I was tempted to do something similar. But then I changed my mind for a simple reason. Because nowadays all kinds of content and technology is labelled as AI. Sometimes even if it hasn't been touched by AI at all. So I decided not to label anything I do because it is done by humans.

Anyway, nice idea. I like it. Kudos to you.

Yours, KodingKitty