Archive for the 'javascript' Category

20
Dec
11

Facebook Open Graph tags for WordPress

Maybe you heard about the Opengraph Tags used by Facebook ? Basically “including Open Graph tags on your Web page, makes your page equivalent to a Facebook Page”:

http://developers.facebook.com/docs/opengraph/

And yes, you’ll get a nice like Thumbnail of your web page using this stuff (knowing that the share function is now deprecated: http://developers.facebook.com/docs/share/ and has been replaced with like).

This is a quick code for WordPress (minimal tags), just adapt, then copy & paste to your wordpress theme header:

Continue reading ‘Facebook Open Graph tags for WordPress’

20
Dec
11

Find out the source code source :]

Wondering about the license, version, and the original project of that piece of code you’ve got ? Just use this new search engine to find out:

antepedia

http://www.antepedia.com/

20
Dec
11

Howto: Display home link in wordpress menu

Good trick:

http://www.wpbeginner.com/wp-themes/how-to-show-home-page-link-in-wordpress-3-0-menu/

20
Dec
11

Get a rid of all IE7 problems

Internet Explorer 7 getElementById killer, this saved my life:

http://www.impressivewebs.com/avoiding-problems-with-javascript-getelementbyid-method-in-internet-explorer-7/

20
Dec
11

Using wordpress native lightbox

Don’t bother yourself installing 3rd party plugins, use the classy WordPress native lightbox, read more here:

http://manchumahara.com/2010/03/22/using-wordpress-native-thickbox/

11
Nov
11

Get RSS feed of a Twitter account

There’s a very simple trick to get the RSS feed of any Twitter account, check it out:

Twitter account: http://twitter.com/#!/w3c

RSS Feed: http://twitter.com/statuses/user_timeline/w3c.rss

Most of all, it works for any Twitter account !

 

25
Sep
10

How to do a Chrome/Opera specific stylesheet

You’ve probably wondered how to load specific CSS stylesheets for Chrome, Safari and Opera, some kind of <!–[if Chrome]> CSS conditional comment. Unfortunately these conditional comments work only with the IE Series.

There’s an easy PHP solution to recreate this behaviour for other browsers, the excellent browser detecting script remade by Chris Schuld, this script will let you use this kind of code in your XHTML views:

<?php $browser = $browser->getBrowser();?>

<?php if($browser == Browser::BROWSER_CHROME || $browser == Browser::BROWSER_SAFARI):?>

<link href=”css/chrome-safari.css” type=”text/css” rel=”stylesheet” />

<?php endif;?>

In this example I deliberately took Chrome/Safari: Using a very similar version of Webkit HTML Engine, both render quite closely web pages, so you can use the same CSS file for both of them.

There’s an exhaustive list of supported browsers, even the iPhone Safari version and Lynx are handled by the script.

25
Aug
09

Howto: Enable localhost mail function on XAMPP

You’ll find a lot of tips about how to do that, this is what worked for me ( SMTP only icon_questiongif )

Open xampp\apache\bin\php.ini

Check the line :

[mail function]
; For Win32 only.

And enter your SMTP Server parameters :

SMTP = yoursmtpserver
smtp_port = 25

It should work.

18
Apr
09

Use Internet Explorer without Windows nor Emulation

Wonder how ? If you want to render a page or a website in all IE versions starting from 5.5, just try :

 

netrenderer1

 

A Firefox extension can be found here. icon_exclaimgif

To add the service to your website paste this code on the body :

<form method="post" id="form" name="form" action="http://ipinfo.info/netrenderer/index.php"
accept-charset="utf-8" target="_blank">
<select name="browser" style="width: 145px;">
<option value="ie8">Internet Explorer 8</option>
<option value="ie7">Internet Explorer 7</option>
<option value="ie6" selected="selected">Internet Explorer 6</option>
<option value="ie55">Internet Explorer 5.5</option>
<option value="ie-mix">IE7-IE6 Mixed</option>
<option value="ie-diff">IE7-IE6 Difference</option></select>&nbsp;
<input name="url" id="url" value="http://" size="61" maxlength="240" type="text">
<input name="go" value="Render" type="submit">
</form>

Another extension for all browsers rendering is available here but it’s still experimental and needs a trial registration to BrowserCam Capture Service.

 

litmus1

 

You can also test your page in 23 browsers with litmus but you’ll have to pay (Only IE7 and FF2 rendering are free)

16
Apr
09

Best Open Source Resources for Web Developers

It’s all in the title, if you wanna stay connected check this website it’s full of excellent stuff and always updated.

webappers




Follow

Get every new post delivered to your Inbox.