Dodona gives you answers

How do I stop the iPhone browser from scaling my fonts?

leave a comment »

Wondering why text in your iPhone browser looks bigger than specified in your style sheet? This is because the iPhone webkit browser automatically scales certain parts of a webpage to improve readability. But what if you don’t want this, for example because it breaks your layout? Well, there is an easy way to turn it off. Just add this code to your CSS body element (or any other element you want to stop scaling):

body {

Link: Stop adjusting the text size in iphone…
Status: works

Written by lutsen

February 24, 2011 at 5:16 pm

Posted in Web

How do I make a submit button look like a link?

with one comment

To make a submit button of an HTML form look like a link, simply use this code:

<button type="submit" class="submit">
Submit <img src="link/to/an/image/if/you/want.gif" />

.submit {
background: none;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
font-size: 13px;
line-height: 16px;
color: #000000;button {
overflow: visible;
width: auto;

Link: Styling buttons to look like links

Written by lutsen

May 4, 2010 at 3:10 pm

Posted in Web

How can I adjust letter spacing with sIFR 2?

leave a comment »

I know, sIFR 3 allows you to style your text, including letterspacing. But I had to update an older website using sIFR 2.0.7 and also had to adjust the letter spacing. So I wondered; is there a way to do this without upgrading to sIFR 3? Yes there is:

  • First, edit “” and place the following code at line 92:
    if (letterSpacing != null) fmt.letterSpacing = Number(letterSpacing);
  • Next, edit “sifr.js” on line 7:
    Where it says “var a=6;” change the 6 to an 8. This ensures that you’re detecting for Flash v8.
  • Where you make your replacement calls add the following to sFlashVars:
  • Lastly, be sure to save your font SWFs as Flash 8, with Actionscript 2.0 enabled using the “Publish Settings…” menu.

But, this only works for titles of 1 line long. Longer titles won’t wrap anymore but will be scaled down instead. To fix this I guess you still have to upgrade to sIFR 3.

Status: Tested it, works, line wrapping is broken.

Written by lutsen

April 21, 2010 at 2:44 pm

Posted in Actionscript, Web

Where can I download free vector maps?

with one comment
This website offers detailed Illustrator maps of Germany, Switzerland, Austria, Netherlands, Belgium, Luxemburg, Great Brittain and Ireland. All images are nicely layered as well.
OpenStreetMap is a collaborative project to create a free editable map of the world. If you click the “Export” tab, you can export the map you are viewing as a .jpg , .png , .svg , .pdf or postscript file. The .svg , .pdf or postscript options all produce vector images. Unfortunately, all the images will only have one layer.

Written by lutsen

March 24, 2010 at 9:20 pm

Posted in DTP

How do I open my Google Maps route in Adobe Illustrator?

with 8 comments

In Google Maps, you have the “My maps” link. If you are logged in with your Google Account, this is the place where you can save your driving directions, or locations or routes you can create on Google maps.

For a project I was doing, I needed to export a route I had drawn in Google Maps to a path I could use in Illustrator. This is how I did it:

  • Create your route in Google Maps.
  • Save it in “My Maps”.
  • Click on the “View in Google Earth” link (in the blue bar above the map right).
  • You can now download your route as a .kml file.
  • Surf to (UPDATE: Sorry, this project is dead, please leave alternatives in the comments)
  • Now open the downloaded .kml file.
  • After successfully opening the .kml file, click on the “export” button (top right).
  • Save the .svg file.
  • Open the saved .svg file in Illustrator.
  • Done!

Link: (Sorry, this project is dead…)
Status: Tested it, works.

Written by lutsen

March 24, 2010 at 9:02 pm

Posted in DTP

How do I open publisher files on a Mac?

leave a comment »

To convert Microsoft Publisher files to another format (.pdf , .doc , .jpg , etc) use
The Publisher to PDF conversion worked great, but make sure your filename is not to long or contains spaces, this caused an error at first. The site performs a lot of other file conversions as well, for image, documents, audio and video formats.

Status: Tested it, works.

Written by lutsen

March 23, 2010 at 10:35 am

Posted in DTP, Mac

How do I force my V-card file to download?

with 2 comments

In some browsers, especially on a Mac (like Safari, Firefox and Chrome), if you click on a link to a V-card or .vcf file, the file is not downloaded. Instead it’s contents are displayed in the browser window. To force these files to download, on an Apache server, you can use the .htaccess file.

Create an .htaccess file containing this line, or add it to your existing file:

AddType text/x-vcard .vcf


Written by lutsen

February 22, 2010 at 1:55 pm

Posted in Mac, Web

How do I backup my photos from Flickr?

leave a comment »

Our company portfolio is on Flickr, and recently I wanted to download a few projects for local use. Flickr lets you download each image individually, but that would take a bit long. Then I found FlickrBackup, which did the trick very nicely. It now is replaced by FlickrEdit, which has more features, but I didn’t test that one yet.

Status: Tested it, works nice

Written by lutsen

January 21, 2010 at 1:48 pm

Posted in Mac, Web

How do I generate an EPS or a vector based PDF from an SWF?

leave a comment »

Well, you don’t. Nowadays it’s very well possible to generate a JPG or other pixel-based format with an SWF, and with some server-side scripting to turn it in to a PDF. But all the images will still be pixel-based.

But after some surfing, I found out the way to vectors is SVG (Scalable Vector Graphics). And after some more surfing, I found Degrafa. This is an open source declarative graphics framework in Flex. And with it, it looks relatively easy to generate a SVG image from Flex (example). And an SVG image can be converted to a PDF serverside or clientside, or edited in programs like Adobe Illustrator.

So, no (vector based) PDF from an SWF, but an SVG from Flex; that’s pretty close.

Status: Didn’t test it yet, but looks promising

Written by lutsen

December 29, 2009 at 10:16 am

Posted in Actionscript, DTP, Web

Where can I find free reliable browser statistics?

leave a comment »

If you design a website, it’s important to know how your audience will view it. What browser will they use, what size will their monitor be? Although this differs from website to website, it’s always nice to have some global information.

Clicky is a web analytics tool which also provides free global information gathered by all their individual trackers. You can view it as a whole, or separated by country (nice!):

W3 schools is a web building tutorials website, and gives an insight in the statistics of their own site:

Extensive statistics about Flash, Silverlight and Java (Rich Internet Applications so to speak) can be found on

Written by lutsen

December 28, 2009 at 3:06 pm

Posted in Uncategorized