Seiten

Donnerstag, 13. März 2014

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:

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.

Dienstag, 11. März 2014

Working on screen design for a desktop size monitor. Should work in a browser. Expect at least 800 px wide. Hey, that would even work on an iPad or similar tablet. Instead of labeling anything, the text now speaks for itself. We have just two columns, in semantic web speak the relations and the objects. But who cares. Next is dealing with the extreme cases: