This link has been bookmarked by 230 people . It was first bookmarked on 24 Apr 2006, by Alexander Dodonov.
-
24 Mar 09
-
30 Dec 08
-
28 Nov 08
-
27 Oct 08
-
22 Sep 08
-
05 Aug 08
-
12 Jun 08
-
03 May 08
Chris MeredithOver the last several months, a small group of web developers and designers have been hard at work perfecting a method to insert rich typography into web pages without sacrificing accessibility, search engine friendliness, or markup semantics.
javascript fonts web design font css flash webdesign typography sifr
-
06 Apr 08
-
03 Apr 08
-
27 Mar 08
-
24 Mar 08
-
21 Mar 08
-
18 Mar 08
-
28 Feb 08
-
27 Feb 08
-
23 Feb 08
-
11 Feb 08
-
Proper use and best practices
sIFR is a powerful tool. So powerful, in fact, that you can completely ruin a web page with it if you get overzealous and don’t exercise restraint.
-
sIFR is for headlines, pull quotes, and other small swaths of text
- 1 more annotations...
-
-
type which accents the rest of the page. Body copy should remain browser text.
-
-
-
06 Feb 08
-
31 Jan 08
-
14 Jan 08
-
09 Jan 08
-
03 Jan 08
-
01 Jan 08
-
28 Dec 07
Ethan GardnerOver the last several months, a small group of web developers and designers have been hard at work perfecting a method to insert rich typography into web pages without sacrificing accessibility, search engine friendliness, or markup semantics.
-
26 Dec 07
-
13 Dec 07
-
11 Dec 07
-
09 Dec 07
Stefano CrostaThe method, dubbed sIFR (or Scalable Inman Flash Replacement) is to insert rich typography into web pages without sacrificing accessibility, search engine friendliness, or markup semantics.
webdesign typography flash ajax coding css development fonts
-
06 Dec 07
-
27 Nov 07
-
13 Nov 07
-
25 Oct 07
-
18 Oct 07
-
16 Oct 07
-
09 Oct 07
-
05 Oct 07
-
24 Sep 07
-
14 Sep 07
-
13 Sep 07
-
04 Sep 07
-
31 Aug 07
-
27 Aug 07
-
21 Aug 07
-
06 Aug 07
-
31 Jul 07
seppejorisinsert rich typography into web pages without sacrificing accessibility, search engine friendliness, or markup semantics. The method, dubbed sIFR (or Scalable Inman Flash Replacement),
design flash webdesign css typography sifr javascript xhtml delicious
-
24 Jul 07
-
27 Jun 07
-
19 Jun 07
-
02 Jun 07
-
19 May 07
-
18 May 07
-
16 May 07
-
03 May 07
-
25 Apr 07
-
12 Apr 07
-
03 Apr 07
-
29 Mar 07
-
23 Mar 07
-
- A normal (X)HTML page is loaded into the browser.
- A javascript function is run which first checks that Flash is installed and then looks for whatever tags, ids, or classes you designate.
- If Flash isn't installed (or obviously if javascript is turned off), the (X)HTML page displays as normal and nothing further occurs. If Flash is installed, javascript traverses through the source of your page measuring each element you've designated as something you'd like "sIFRed".
- Once measured, the script creates Flash movies of the same dimensions and overlays them on top of the original elements, pumping the original browser text in as a Flash variable.
- Actionscript inside of each Flash file then draws that text in your chosen typeface at a 6 point size and scales it up until it fits snugly inside the Flash movie.
How it works
sIFR is meant to replace short passages of plain browser text with text rendered in your typeface of choice, regardless of whether or not your users have that font installed on their systems. It accomplishes this by using a combination of javascript, CSS, and Flash. Here is the entire process:
This all happens in a split-second, so all of the checking, replacing, and scaling is not visible to the user. It is not uncommon to notice a very short delay as the Flash loads, but to the user, none of the internals of this process are exposed.
-
-
21 Mar 07
-
15 Mar 07
-
14 Mar 07
-
09 Mar 07
-
06 Mar 07
-
02 Mar 07
-
01 Mar 07
-
Johann RichardFlash Header Replacement 2.0 -- New Version out.
accessibility advertising ajax articles blog blogging blogs cms code coding computer content cool custom design development dhtml embed flash font fonts graphics hack hacks inspiration internet js layout library News opensource personal php reference repl
-
27 Feb 07
-
voidfilessIFR is meant to replace short passages of plain browser text with text rendered in your typeface of choice, regardless of whether or not your users have that font installed on their systems.
flash typography css sifr webdesign javascript design fonts touse
-
08 Feb 07
-
18 Jan 07
-
11 Jan 07
-
21 Dec 06
-
20 Dec 06
-
15 Nov 06
-
13 Nov 06
-
04 Nov 06
-
30 Oct 06
-
25 Oct 06
-
24 Oct 06
-
19 Oct 06
-
21 Sep 06
-
02 Sep 06
Stanton TeterssIFR is meant to replace short passages of plain browser text with text rendered in your typeface of choice, regardless of whether or not your users have that font installed on their systems. It accomplishes this by using a combination of javascript, CSS,
css design web-design javascript flash fonts typography delicious-import
-
26 Aug 06
-
22 Aug 06
-
19 Aug 06
-
16 Aug 06
-
10 Aug 06
Page Comments
Note that it is NOT intended for full paragraphs or any type of extended passages. Serves a similar function as Text Images.
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.