Dodona gives you answers

Archive for the ‘Web’ Category

How can I let my client edit the details on his business-card design himself?

leave a comment »

If you’re a graphic designer like me, you know the problem. You get called by a customer asking you for a business card for a new employee a.s.a.p. It’s a simple job, but your customer doesn’t know Indesign, so he can’t do it himself.

With PDF Panda he can. On PDFpanda.net, you can create a PDF where your customer can edit details like name, address, in fact anything you want him to be able to edit. But without messing up the design.

How does it work? Put [square brackets] around the text you want to make editable. Make sure to embed the complete font in the PDF. Go to PDFpanda.net and upload the PDF. Share the edit link. With the link your customer can customise the PDF with a simple form and download the result.

Link: www.pdfpanda.net
Status: Tested it, works

Written by lutsen

April 12, 2013 at 8:22 am

Posted in DTP, Web

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

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

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

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.

Link: sunkencity.org/flickrbackup
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
Link: http://www.degrafa.org/

Written by lutsen

December 29, 2009 at 10:16 am

Posted in Actionscript, DTP, Web