javascript

SIFR vs Cufon vs Typeface.js

Feb 10th

Posted by yussi ariefiyono in flash

No comments

Typeface.js

Advantages:

  • User doesn’t have to have Flash plugin installed on their browser
  • Easier to create with just a few lines of Javascript
  • For page loading it just needs to load the Javascript

Disadvantages:

  • Text is not selectable because it outputs it like an image. I looked at some examples, right clicked on a word and had to view as an image. Every single word had this behaviour. Big thumbs down.
  • Usage for body copy will slow down loading time, so it is recommended to use only for headlines.
  • Cannot be read by screen readers
  • Visual looks blurry
  • Not all browser compliant and still has a lot of development left to be done

sIFR

Advantages:

  • Can be read by screen readers as a normal headline because it is a behaviour layer on top of the markup and styling.
  • Text is selectable
  • SEO friendly
  • Displays text as is like any other web font. Crisp and not blurry!
  • Has addons like jQuery sIFR Plugin!

Disadvantages:

  • Requires Javascript to be enabled
  • Flash plugin must be installed in the browser
  • Need Adobe Flash Studio to create it BUT there is a pretty nifty sIFR generator that creates the file for you!
  • For page loading, it has to request for Flash, Javascript and CSS files attached to it, which can potentially get bogged down if you are using sIFR in too many places.
  • Cannot display on an iPhone. Yet…

Cufón (similar to Typeface.js)

Enter Cufón, the Javascript-based font replacement solution which makes heavy use of canvas and VML. This offers a great alternative to other solutions out there – no Flash or images required.

There are some issues with using Cufón on a live site, the most notable being the inability to highlight and copy/paste text, which is really the biggest issue for your site’s users.

Combine that with the EULA issues, which prevent you from being able to legally embed fonts in Javascript files for most fonts on the market today.

The other issue is knowing what fonts can be used with Cufón. For sIFR, most fonts are fair game, since the font is embedded in a Flash movie, which is typically an approved usage by most font foundries for most fonts. With Cufón, the Javascript files used for the font can be easily “stolen” and either used on another website or reverse engineered.

, ,

javascript back button work in IE and FF

Dec 31st

Posted by yussi ariefiyono in javascript

No comments

Problem:
Need javascript back button which work in IE and FF

Solution:
<a href=”javascript:void(0);” onclick=”history.back(); return false;”>Back</a>

, ,

Response redirect target blank

Aug 6th

Posted by yussi ariefiyono in asp.net

2 comments

Problem:
Repsonse.Redirect cannot open the url in "target blank" mode

Solution:
javascript,
for example: Response.Write("<script language='javascript'> window.open('" + DropDownList.SelectedValue + "', 'window');</script>");

from jose:
 
Response.Write("<script type='text/javascript'>");
        Response.Write("document.location = 'http://www.google.com';");
        Response.Write("</script>");
        Response.End() ;