Author Archive for cmagic

Blogging my blog !

Just for fun, I’m blogging my own blog using the firefox extension for Windows live writer.

N’est ce pas sympa ?

Listening to: ‘Shake It Baby’ from ‘Doing Their Own Thing’ by ‘Maceo Parker’ on Media Center 12

Impressionné par live writer

Published by cmagic on November 12, 2007 in Uncategorized. 0 Comments

image Oui, puis le dire ? Je suis impressionné par ce logiciel qu’ est windows live writer. Une interface pour outil de blog qui me paraît tout à fait réussie. Intuitive et qui met juste sous la main du blogueur fou tous les outils dont il a besoin. Sachant s’ adapter aux spécificités des outils de blog les plus populaires, live writer est vraiment impressionnant. Le dialogue avec Wordpress semble impeccable. Parmi les défauts, l’ installation un peu lourde qui nécessite l’ installation de windows live et plusieurs centaines de Moctets. Tout cela pour un éditeur c’ est un peu fort. Le lancement du programme qui est d’ une lenteur affligeante. Mais pour le reste c’ est vraiment réussi.

My public scrapbook

Impressionné par live writer

image Oui, puis le dire ? Je suis impressionné par ce logiciel qu’ est windows live writer. Une interface pour outil de blog qui me paraît tout à fait réussie. Intuitive et qui met juste sous la main du blogueur fou tous les outils dont il a besoin. Sachant s’ adapter aux spécificités des outils de blog les plus populaires, live writer est vraiment impressionnant. Le dialogue avec Wordpress semble impeccable. Parmi les défauts, l’ installation un peu lourde qui nécessite l’ installation de windows live et plusieurs centaines de Moctets. Tout cela pour un éditeur c’ est un peu fort. Le lancement du programme qui est d’ une lenteur affligeante. Mais pour le reste c’ est vraiment réussi.

Posting from TJ4 with text wrapping around images

1. The standard way
The standard way of posting from TJ4 will result in the current formatting. The image has been inserted at the beginning of the paragraph and all the paragraph has been aligned left (Format/Paragraph/Alignment). You can see that the image is on the left of the page but the text starts at the bottom at the image. If you try changing the alignment of the paragraph (right, center) you don’t get any better result. Of course if the image had been all by itself in its own paragraph, aligning the paragraph in TJ4 would result in the expected behavior. What we want is some way to wrap the text around the image. Let’s get a bit more adventurous.

2. With a bit of HTML hacking
When an image is posted to a weblog, TJ4 inserts a special <IMG> tag. It looks like this : 
<img src=”tj200505051136-1.jpg”/>
You can add some attributes to the IMG tag. In particular the align attribute will allow to specify the alignment of the image respective to the text. That is exactly what I did in the current formatting, I added the attribute align=”left” in the image tag and you can see that it does exactly what we are expecting. However there is a problem with that. In fact there are two problems. 
The first problem is that this formatting is not the result of a straight “post to blog” command from TJ4 like in the standard case. Indeed once posted, you need to use your weblog administration to hack the entry in order to add the align attribute right inside the <IMG> tag.
The second problem is that the align attribute for <IMG> tag is now deprecated and might not be supported by future generation of web browsers. We better think of a better solution.

3. Passthru with style

Because of the deprecation of the align attribute, the now recommended way of wrapping text around images is with the use of styles. Styles can be used in two ways, inside a specific file, called a CSS (Cascaded Style Sheet) or inline any html file to add some spicy formatting where needed. That’s exactly what we need. The tag to use is simply called <style> and the attribute we will be using is called float. So, what we need really is to surround our image with the following tag : <div style=”float: left;”>[image here]</div>. Right, thanks for the tip, but how do I transmit this html tag straight to my weblog ? Well that’s where comes the special text style ‘HTML Passthru’. Just format the tag using this style (choose HTML Passthru (for blogs) in the style drop down box) and you’re in !

You can check the result in the current paragraph. The advantage on solution 2 is that you don’t need any html  hacking in your weblog administration, you post straight from TJ4. The little drawback is that your post is not exactly WYSIWYG because of the html style tags in your entry.

4. Getting more organized

Fine, now that I can post images to my weblog with text wrapping around I would like something more convenient. With inline styling I can go a bit further by specifying additional attributes to the style tag. I can specify margins in pixels (margin-top, margin-left, margin-right, margin-bottom), I can add a border to the image, I can also add a title to the image that shows up when pointing the image and many more. For example the following tag will put the image on the right with 5 pixels clearance between text and image and a blue dotted border of 5 pixels: <div title=”the sombrero” style=”float:right; margin-top:5px; margin-left:5px; margin-bottom:5px; border:5px dotted blue;”>, funky isn’t it ? 

Now, of course, I am not going to enter those tedious html style tags each time I need to insert an image. You guess the solution in TJ4: templates ! Just create a couple of templates, I created two basic ones: image-right, image-left with the following: <div style=”float:right; margin-top:5px; margin-left:5px; margin-bottom:5px;”></div> Of course the template text must be formatted with the ‘HTML passthru’ style. Now each time I need an image in my blog entry I insert the image template and put and image right inside the ‘><’ tags. I personally use drag and drop from any of the image organizer/browser I use (Photoshop elements, Picasa). It’s even possible to re-dimension the image inside TJ4 and post to my blog right away !

Really, TJ4 is a great tool, thanks David !  (and btw, that was a calendar charm out of the box !)

Please excuse my sometimes “lacky” English, English is not mum’s tongue  !

align à droite

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam mattis feugiat justo. Fusce et ante ac lorem viverra interdum. Pellentesque faucibus. Aliquam fringilla, odio sed ultrices semper, eros lacus vehicula odio, sed rutrum quam velit a dolor. Quisque laoreet ipsum quis turpis. Etiam feugiat. Suspendisse orci. Proin et quam at mauris aliquam malesuada. Etiam dui. Nulla ac enim. Vestibulum venenatis, nisl id interdum luctus, sem metus aliquet nulla, in laoreet tellus diam ut ante. Nullam facilisis. 
Nam et enim in lacus elementum commodo. Integer suscipit consequat neque. Proin enim. Aliquam erat volutpat. Maecenas bibendum. Cras at est. Ut nibh enim, feugiat at, elementum sed, malesuada vel, nulla. Aliquam lobortis tempor neque. Nam erat felis, ultrices blandit, hendrerit sed, faucibus cursus, lorem. Donec ipsum turpis, pulvinar eget, pellentesque eget, sollicitudin bibendum, nulla. 

align a gauche

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam mattis feugiat justo. Fusce et ante ac lorem viverra interdum. Pellentesque faucibus. Aliquam fringilla, odio sed ultrices semper, eros lacus vehicula odio, sed rutrum quam velit a dolor. Quisque laoreet ipsum quis turpis. Etiam feugiat. Suspendisse orci. Proin et quam at mauris aliquam malesuada. Etiam dui. Nulla ac enim. Vestibulum venenatis, nisl id interdum luctus, sem metus aliquet nulla, in laoreet tellus diam ut ante. Nullam facilisis.

Nam et enim in lacus elementum commodo. Integer suscipit consequat neque. Proin enim. Aliquam erat volutpat. Maecenas bibendum. Cras at est. Ut nibh enim, feugiat at, elementum sed, malesuada vel, nulla. Aliquam lobortis tempor neque. Nam erat felis, ultrices blandit, hendrerit sed, faucibus cursus, lorem. Donec ipsum turpis, pulvinar eget, pellentesque eget, sollicitudin bibendum, nulla.

align left using html tag

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam mattis feugiat justo. Fusce et ante ac lorem viverra interdum. Pellentesque faucibus. Aliquam fringilla, odio sed ultrices semper, eros lacus vehicula odio, sed rutrum quam velit a dolor. Quisque laoreet ipsum quis turpis. Etiam feugiat. Suspendisse orci. Proin et quam at mauris aliquam malesuada. Etiam dui. Nulla ac enim. Vestibulum venenatis, nisl id interdum luctus, sem metus aliquet nulla, in laoreet tellus diam ut ante. Nullam facilisis. 
Nam et enim in lacus elementum commodo. Integer suscipit consequat neque. Proin enim. Aliquam erat volutpat. Maecenas bibendum. Cras at est. Ut nibh enim, feugiat at, elementum sed, malesuada vel, nulla. Aliquam lobortis tempor neque. Nam erat felis, ultrices blandit, hendrerit sed, faucibus cursus, lorem. Donec ipsum turpis, pulvinar eget, pellentesque eget, sollicitudin bibendum, nulla. 
Cras sed metus. Suspendisse tempor. Mauris lobortis porttitor wisi. Aliquam auctor placerat risus. Nunc ipsum. Mauris vitae felis. Sed quam magna, vestibulum vitae, gravida eget, auctor non, nunc. Cras molestie dictum nisl. Sed fringilla quam ac lacus. Nam laoreet mi ac magna. Donec tincidunt, eros pretium dignissim consequat, tortor wisi facilisis enim, vel elementum velit mauris nec quam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec elementum mauris in leo. Maecenas consectetuer. Sed ut odio sed nibh interdum hendrerit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam sed nunc. Curabitur dapibus. Duis in erat. Quisque risus ipsum, posuere pretium, accumsan vel, blandit sit amet, neque. 
Sed vitae nibh. Nullam sed wisi. Phasellus ornare massa ac odio. Nulla viverra pretium augue. Etiam aliquam lacus iaculis tellus. Fusce tristique ipsum vel justo. Curabitur enim turpis, accumsan at, consectetuer a, tempus ut, dolor. Sed malesuada nisl ut eros. Cras tincidunt dapibus dui. Proin neque sem, volutpat in, iaculis eget, molestie sit amet, arcu. Vivamus sollicitudin posuere velit. Pellentesque aliquam lobortis diam. Aliquam nunc quam, ultrices nec, molestie ac, condimentum non, ligula. 
Praesent convallis orci in diam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam pellentesque sapien ut augue. Aliquam erat volutpat. Curabitur convallis erat. Integer facilisis mattis wisi. Ut hendrerit commodo nulla. Sed sit amet orci. Maecenas eget turpis. Nullam nulla enim, aliquet ut, elementum a, tristique in, urna. Suspendisse potenti. Pellentesque iaculis tellus eu odio. Sed eu erat. 

12:33        John Hiatt - Tip Of My Tongue
               (John Hiatt) (1987 - Bring The Family)

Idem sans tableau

Et voici un article posté directement à partir de mon outil favori, The Journal. Comme on peut le voir une image a été postée dans l’article et toute la mise en page faite à partir de TJ4. La correction orthographique en français fonctionne parfaitement, c’est bien pour présenter au monde de la prose à peu près correcte !

Le seul inconvénient que je trouve à TJ4 par rapport à w.bloggar et Zempt est l’impossibilité de récupérer un article du blog pour l’éditer. Peut-être que cette fonction viendra avec les évolutions futures.

Un essai en conservant les formattage html

Et voici un article posté directement à partir de mon outil favori, The Journal. Comme on peut le voir une image a été postée dans l’article et toute la mise en page faite à partir de TJ4. La correction orthographique en français fonctionne parfaitement, c’est bien pour présenter au monde de la prose à peu près correcte ! Le seul inconvénient que je trouve à TJ4 par rapport à w.bloggar et Zempt est l’impossibilité de récupérer un article du blog pour l’éditer. Peut-être que cette fonction viendra avec les évolutions futures.