Lmst

Mergin Maps tutorial - Checkbox widget

https://videos.qwast-gis.com/w/8fsq7S36ZGQ94vhG4PRZpk

Love it. Apply to any checkbox for a nice toggle button. Of course this exists already elsewhere, but it was fun to figure it out myself.

- radial-gradient for a filled circle
- positioned either left or right with calc
- scales with font-size
- nested css rules
- colors with alpha
- outline may actually be inside (lol)
- no JavaScript needed

One thing: alpha colors still look bad, but how to get a good contrast?
Copy&Paste CSS in ALT-text.

#css #checkbox #togglebutton

Shows two states of a toggle button with a colored circle placed either left or right to signal on or off state. Internally it is a normal HTML checkbox. CSS:
.toggle {
appearance: none;
border-radius: 0.5lh;
outline-color: white;
outline-offset: -4px;
outline-style: solid;
outline-width: 2px;
line-height: 3cap;
padding: 0 1.5cap;
min-width: 3cap;
&:checked {
background-image: radial-gradient(0.4lh circle at calc(100% - 0.5lh), #f00a 80%, #ddd 80%);
}
&:not(:checked) {
background-image: radial-gradient(0.4lh circle at 0.5lh, #00fa 80%, #ddd 80%);
}
}

Checkbox: Flugzeuge
https://on.orf.at/video/14304374/checkbox-flugzeuge
"Fanny geht dem Geheimnis des Fliegens auf den Grund und zeigt, warum tonnenschwere Maschinen überhaupt abheben können. Sie erklärt die Form der Tragflächen, erzählt von den Anfängen der Luftfahrt bis zu den Flugzeugen der Zukunft - und darüber, wie Forscher heute am klimafreundlichen Fliegen arbeiten.

Bildquelle: ORF/Diorama Films…"
Dauer: 0h 05m
#Checkbox

It’s like the whole world collectively forgot how checkboxes are supposed to work

Thanks @mikeozornin for the picture

#macOS #Apple #checkbox #update

How to Add and Remove Items From a Native CSS Carousel (…with CSS)

https://fed.brid.gy/r/https://frontendmasters.com/blog/how-to-add-and-remove-items-from-a-native-css-carousel-with-css/

Maybe don’t make an unchecked checkbox’s hover state look like a checked checkbox

#Checkbox #Fastmail #Hover

Want to add checkboxes to your Rust TUI application?

Introducing **tui-checkbox**! 🐭🦀

🧩 A customizable checkbox widget for Ratatui

🎨 Supports styling box & label, emojis/ASCII symbols, wrap in blocks.

⭐ GitHub: https://github.com/sorinirimies/tui-checkbox

#rustlang #ratatui #tui #checkbox #widget #library #terminal

1. Checkbox should be placed next to the setting, not to its description
2. Description shouldn’t explain how checkboxes work (“when enabled”, “controls” etc)

#VSCode #Checkbox #Settings

📰🚀 California: where they pass a #law to universally opt out of #data sharing, believing that ticking a box in your browser will make #Big #Tech weep and surrender. 😂🙄 Because obviously, the Silicon #Valley overlords will be utterly powerless against the mighty #checkbox revolution! 🖱️✊
https://therecord.media/california-signs-law-opt-out-browsers #California #Revolution #Privacy #Rights #Sillicon #HackerNews #ngated

🚀 Oh joy, #pnpm just invented a magical setting 🧙 to protect us from the boogeymen of supply chain attacks. Because, clearly, the solution to a complex problem is just a #checkbox away. 🙄 Who knew saving the world could be so simple? 😂
https://pnpm.io/blog/releases/10.16 #supplychain #security #innovation #simplicity #humor #HackerNews #ngated

So stylst du Formulare mit accent-color (CSS)

https://video.maechler.cloud/w/hi3BgwnhzkoPBrQ24p2wFA

Animierte Checkbox mit eigenem Icon (HTML & CSS) - Webdesign Idee

https://video.maechler.cloud/w/3qQR2VoAiMuHJmtN5DHQmL

Slider Checkbox designen (HTML & CSS)

https://video.maechler.cloud/w/rpRSbzS4wYscqJEYMPdauS

This is exactly backwards! Checkbox (top) should be square, radio buttons (list of reasons) should be round. Come on!

Thanks @chuhlomin for the picture

UPD: You can select multiple reasons, so checkboxes are correct there. My bad

#Amazon #Checkbox #RadioButton #Unsubscribe

Erstelle im Handumdrehen eine Todo-Liste mit Checkboxen in Excel. Erledigte Aufgaben werden mit Hilfe der bedingten Formatierung durchgestrichen und grün hinterlegt. ✅

#excelhelden #excelfüranfänger #bedingteformatierung #checkbox #büroalltag #todoliste #exceltipps #exceltutorial #exceltraining