Blogless: Blog of Design Less Better.

Posts tagged .

Facelift Image Replacement

Apparently, the SiFR technique has some competition: Facelift Image Replacement. And from the features they're advertising, it looks like SiFR might be in trouble.

I haven't had much time to play with it, but I have to say that at first blush, FaceLift Image Replacement looks pretty impressive as an heir to Scalable Inman Flash Replacement (SiFR).

I've used SiFR on a couple of sites before, and while it can create a vast improvement in the visual appeal of a site, it can be a rather painstaking task to get everything perfect.

For those not in the know, both SiFR and FLIR (Facelift Image Replacement) are scripts designed to replace vanilla HTML and CSS elements with representations of text (Flash movies and images respectively) on a web page.

The goal of this is that these representations are capable of using fonts that otherwise might not be available to your site's visitors, while still providing graceful degradation of the content for users whose browsers don't support the technologies the scripts are based on (Javascript in both cases, Flash in SiFR's).

FLIR seems to address a significant number of these problems.

These icons link to social bookmarking sites where readers can share and discover new web pages.
PaulAug 13, 2008
 

Page-specific CSS and Javascript using Wordpress Custom Fields

Use this PHP snippet and Wordpress custom fields to reference page-specific CSS and Javascript files in your Wordpress theme.

DLB's latest project is a website with some content-complexity, using Wordpress as a Content Management System. Wordpress is functional as a custom CMS largely because of Custom Fields, which allow you to assign an arbitrary amount of meta-data to a post (the core element of a Wordpress site).

Now, on this website, it came about that some of the pages needed specific Javascript classes and methods, and even more than that needed custom CSS classes.

Immediately, it occurred to me that this could be handled through custom fields. So, what I did, and you can do, too, is create two custom fields: one called custom_css and one called custom_js.

Setting up the custom fields in Wordpress
Put the fully qualified URI of the file into a custom field.

With this accomplished, edit your Wordpress theme's header.php, and write a couple little PHP conditionals to check for this field. Or else, just copy and paste mine!

These icons link to social bookmarking sites where readers can share and discover new web pages.
PaulAug 11, 2008
 
Close this
E-mail It