Open Source Resources for Web Application Developers

Shopify - Online Store Builder
Follow Us on Social Sites
Subscribe RSS Subscribe Newsletter Like us on Facebook Follow us on Twitter Follow us on Google+
  • Home
  • News
  • Plugins
  • Design
  • Others
  • Books
  • About
07 Aug

Facelift Image Replacement (FLIR) with Javascript

  • Fonts, GPL License
  • Leave a Comment

Facelift Image Replacement (or FLIR, pronounced fleer) is an image replacement script that dynamically generates image representations of text on your web page in fonts that otherwise might not be visible to your visitors. It is similar to sIFR which accomplishes this by using a combination of javascript, CSS, and Flash. FLIR generated image will be automatically inserted into your web page via Javascript and visible to all modern browsers. Any element with text can be replaced: from headers (<h1>, <h2>, etc.) to <span> elements and everything in between.

Facelift Image Replacement with Javascript

Requirements: Javascript Enabled
Demo: http://facelift.mawhorter.net/
License: GPL License

Share
Tweet
Sponsors
subscribe to our newsletter - weekly free resouces for web developers
follow us on social sites - rss, facebook, google+, Twitter
Subscribe RSS Like us on Facebook Follow us on Twitter Follow us on Google+
Related Resources
Delays Loading of Images with Lazy Loader jQuery Plugin

Delays Loading of Images with Lazy Loader jQuery Plugin

Multi-color sIFR Allows Colorful Headings in Any Fonts

Multi-color sIFR Allows Colorful Headings in Any Fonts

PaintbrushJS – Browser Based Image Processing Library

PaintbrushJS – Browser Based Image Processing Library

Beautiful sIFR Replaced Text with a jQuery Plugin

Beautiful sIFR Replaced Text with a jQuery Plugin

CodePress – Real Time Syntax Highlighting Editor

CodePress – Real Time Syntax Highlighting Editor

How to Correct Legacy Document Problems with Fonts

How to Correct Legacy Document Problems with Fonts

Comments
  • http://thecodingway.com Rob

    Nice system, though it is limited to sites based on PHP and with GD installed and properly configured.

    sIFR of course doesn’t have this restriction, but *does* require Flash.

    Thanks for the pointer.

  • http://www.omniweb.be/ acms

    I agree with Rob, but they are allways usage limitations that you are unable to control like user browser configuration, plugins and so on.

  • http://thedailyapp.com/ Tommy M

    Nettuts.com just posted a great tutorial on how to do this. The link is http://nettuts.com/javascript-ajax/how-to-use-any-font-you-wish-with-flir/

    I can’t wait to start using some unique fonts!

  • http://www.robertjamesphillips.com Rob

    You can’t select the text like sIFR :(

  • Ilias

    Flir doesn’t work with other languages
    only English …

Open Source Resources for You

What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.

© Copyright 2012 WebAppers | About | Archives | Privacy Policy | Advertise | Contact

Sponsors
Advertise Here
Search
By Keywords
30 Days / All Time
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • Professional Business Cards Made By Designers
  • Best Free Chrome Extensions for Web Developers
  • All of the Best Free WordPress Themes You Need
  • How to Create a Web App Admin User Interface
  • Nice List of Open Source Fish Eye Menu
  • Best Web Admin Templates
  • 25 Useful Blogs for Web Design & Development
  • Simple Javascript Progress Bar with CSS
  • 10 Useful & Quality Design Resources
  • Free Web Application Icons
  • How to Create High-Performance Code
  • Tiny Responsive jQuery Slider without Fancy Effects
  • How to Create Realtime Multi-player Games in HTML5
  • A True Responsive jQuery Lightbox Plugin for Free
  • Create an Amazon-like Navigation Menu with jQuery
  • Super Smooth CSS Transitions for jQuery
  • Pretty Neat jQuery Mobile Theme Based on Flat UI
  • How to Use Web Workers for Image Manipulation
  • How to Make FullScreen Page Transitions with CSS
  • Ghost: A Revolutionary Open Source Blogging Platform
Sponsors
Plugins
  • Advertisement15
  • Calendar47
  • Capture19
  • Charts55
  • Chat22
  • Demo Tour16
  • Gallery121
  • Maps30
  • Menu87
  • Polls9
  • Popup49
  • Tooltips42
  • Upload33
  • Video18
Desgin
  • Brushes11
  • Buttons25
  • Color Schemes25
  • Fonts47
  • Forms112
  • Icons108
  • Patterns24
  • PS Tutorials15
  • Stock Photos21
  • Tables25
Others
  • Announcement103
  • Best Collections6
  • Code55
  • eCommerce24
  • Framework215
  • Hosting13
  • Information240
  • Inspiration32
  • Legal Documents10
  • Reviews8
  • Security13
  • Social28
  • Sound16
  • Stats39
  • Tools293
  • Webmail14
Licesnes
  • BSD License67
  • CC License123
  • GPL License224
  • LGPL License40
  • License Free739
  • MIT License411
Sponsors
Advertise Here
Partners
MaxCDN