Welcome

DenkWerkZeug is a personal, single-user desktop software tool. It let's you enter facts and connected items. Then you can view an automatically generated graph, navigate around and do queries.

Download DenkWerkZeug | DenkWerkZeug.com

Donnerstag, 13. März 2014

Index Card Design v2

The good news today is it looks just like yesterday. Behind the scenes we use now a plain HTML table, but bigger than what meets the eye. Our structure is a 5 x 5 table. The blog text editor has no table support, so take this ASCII art:

A1 | B1  C1  D1 | E1
---+------------+---

A2 | B2  C2  D2 | E2
A3 | B3  C3  D3 | E3
A4 | B4  C4  D4 | E4
A4 | B4  C4  D4 | E4
A4 | B4  C4  D4 | E4
A4 | B4  C4  D4 | E4
---+------------+---
A5 | B5  C5  D5 | E5

The cells B3,C2,D3 and C2,C2,C4 are the red cross, just 2px thick. The outer cells are the gray background. This allows to let elements appear on hover at just the right place (above a column, left of a row, etc). The title of the card is in D2, the left column in B4 and the main content in D4. To make the columns lineup nicely, the row nr. 4 is repeated for each content row.

Here is a screen shot of today:

This experiment shows, even a lot of content, like a full recipe (lamb with tomato) can fit in.

Keine Kommentare:

Kommentar veröffentlichen