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 {
-webkit-text-size-adjust:none;
}

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

Advertisements

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:

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

CSS:
.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 “dont_customize_me.as” 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:
    sFlashVars:"textalign=center&offsetTop=6&letterSpacing=3"
  • 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.

Link: discuss.joyent.com/viewtopic.php?pid=102296
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

www.flosm.de/ai/
This website offers detailed Illustrator maps of Germany, Switzerland, Austria, Netherlands, Belgium, Luxemburg, Great Brittain and Ireland. All images are nicely layered as well.

www.openstreetmap.org
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 indiemapper.com/app/ (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: indiemapper.com/app (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 Zamzar.com.
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.

Link: www.zamzar.com
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

Link: www.thesheep.co.uk/2007/06/15/forcing-vcard-downloads-on-the-web

Written by lutsen

February 22, 2010 at 1:55 pm

Posted in Mac, Web