lmorchard - Pebbling Club 🐧🪨

Tree views in CSS

iamkate.com
2023-01-07T21:50:39.000Z
webdev outlines css html design tree imported:pinboard

Notes

A tree view (collapsible list) can be created using only HTML and CSS, without the need for JavaScript. Accessibility software will see the tree view as lists nested inside disclosure widgets, and the standard keyboard interaction is supported automatically.

Unfurl

{ "description": "How to create a tree view (collapsible list) using only HTML and CSS", "image": "https://iamkate.com/avatar-128.webp", "logo": "https://iamkate.com/favicon.png", "title": "Tree views in CSS", "url": "https://iamkate.com/code/tree-views/", "lang": "en", "failed": true, "failedAt": 1728192785414, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "cached": true, "cachedAt": 1728192789151, "expires": 1728363604639, "status": 200, "bodyLength": 58557, "duration": 3006 }
Scripting News: Outlining and my father

scripting.com
2012-05-19T17:36:22.000Z
outlining davewiner web webdev outlines imported:pinboard

Notes

So now I'm on the cusp of releasing a tool that allows you to write directly onto the web in an outliner. The distance between the content on your machine and it being on the web is one mouse-click. That's exactly how far you want it to be. My father is not alive to see this, but if he were, he'd probably die from excitement. This is something he and I shared, at a genetic level, in our DNA, is this idea that the human mind can reach outside of itself, onto a computer, to make even more powerful and useful intellectual structures. Honestly, I wish he were here to share this with me. permalink

Feed

Unfurl

{ "date": "2012-05-19T11:01:00.000Z", "image": "http://scripting.com/images/2011/12/16/upWedge.gif", "logo": "https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=http://scripting.com/stories/2012/05/19/outliningAndMyFather.html&size=128", "publisher": "Scripting News", "title": "Scripting News: Outlining and my father", "url": "http://scripting.com/stories/2012/05/19/outliningAndMyFather.html", "feed": "http://scripting.com/rss.xml", "expires": 1728364739059, "status": 200, "bodyLength": 25026, "duration": 2805 }
HTML 5 Outliner

gsnedders.html5.org
2009-08-25T23:40:16.000Z
html5 outliner outlines webdev markup system:host=gsnedders.html5.org imported:pinboard

Notes

Need to remember that this algorithm exists, for when I start working on an outliner again.

Unfurl

{ "logo": "http://gsnedders.html5.org/favicon.ico", "title": "HTML 5 Outliner", "url": "http://gsnedders.html5.org/outliner/", "lang": "en", "failed": true, "failedAt": 1728195507402, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds", "expires": 1728365843050, "status": 200, "bodyLength": 1024, "duration": 2360 }
HowTo: The Instant Outline Tool

howto.opml.org
2009-02-09T16:24:40.000Z
io instantoutliner outlines opml friendfeed imported:pinboard

Notes

"The Instant Outline Tool for the OPML Editor allows a group of people to communicate using an outline to reflect each person's status. You have two windows -- one where you edit your outline, and the other where you view the outlines of all your buddies, the members of your workgroup."

Unfurl

{ "failed": true, "failedAt": 1728195527418, "failedError": "TimeoutError: Promise timed out after 10000 milliseconds" }

0 - 50 of 4 items

10 25 50 100 250