JDobbelstein.dev() - Tag - www

A new version for the "Deep Blue" DotClear theme

2010-05-02T23:40:00+02:00

After three whole nights and more than 30 cups of tea, my blog is using a new version of my "deep blue" theme. Key new features are:

Elastic CSS, this implies no more bitmap pictures :(
Refactoring of DotClear2 template to shift the center of the page to the left. This leaves a small opening for a side image on the right. This is a new proof that my poor CSS skills cannot overcome the xHTML tags and document structure of the original DotClear2 pages.
After many thoughts on the right CSS layout, I choose to use a CSS width based on em. Layouts based on page percent width are very tricky when it comes to displaying lines of code because text lines could be wrapped. CSS em attribute should garantee a similar appearance among screens and, let's dream, browsers. New pages width should be almost/at least 80 characters long. This might keep a text layout constant, even if you are zooming in/out, even if you are using different font sizes. Too wide or too big screens will be under-used. I don't care, use the space left to play with tiling window managers. Too small screens will have to go full screen and zoom out. Anyway if you cannot read 80 characters-long-line text, you should use another graphical terminal. (note: in fact, and perhaps due to limitation on the fonts, the length of text lines will never be constant. I've just tried to assure a minimal quality. See the next section for a concrete example)
Experimenting the CSS3 property rgba(r,g,b,alpha) to add some eye candy.
Experimenting another CSS3 property with the background-size declaration to scale the background image to full page height. Strangely browsers like Opera zoom both text and images, this can lead to unesthetic result.

Fixed line length is a myth The following paragraphs contain a dummy lorem ipsum text for reference and two 80 characters long strings. If you zoom or play with your font family/size you will see that this CSS with cste em block width is far from perfect. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed accumsan sollicitudin... Read A new version for the "Deep Blue" DotClear theme

Sondage dcWave

2009-12-20T02:51:00+01:00

Petit test pour tester l'usage de cette chose hautement inutile.

Bon alors la question est simple : j'ai un p'tit plug-in sous la main qui permet d'inclure plus ou moins sans soucis des Google Waves sous DotClear. Je cherche un logo pour le plug-in (et un occasion de poster sur DotClear / créer une Wave). Petit rappel, les logos de Wave et DotClear sont les suivants : Les propositions sont les suivantes :... Read Sondage dcWave

Wave plugin 0.2

2009-12-18T01:01:00+01:00

The GoogleWave plug-in for DotClear 2.x is updated with improvements and bugfixes.

Wave plugin 0.1

2009-12-15T01:59:00+01:00

Dotclear is great. Dotclear is simple (until you try to read and understand the code). Dotclear is W3C compliant. But ... there is not yet a plug-in to easily include a Google® Wave. ... so let's try to add a wave smoothly.

Edit: move from googleWave 0.1 to dcWave 0.2.0. Old div.waves on this pages do not work any more with my new javascript wrapper. To get the latest news, please go on the next entry No worries, I've looked everywhere on the web to find some clues on how to do it. The first version of the Dotclear plug-in gives the following result : Wave v0.1... Read Wave plugin 0.1