The share buttons that are currently offered by sites such as Digg, Facebook and Tweetmeme all have something in common when it comes to their height. 61px seems to be a developing standard.
The problem is that when you line them all up the Facebook share button is actually wider than the others which seem to come in at 52px.
Well you can make the Facebook button 52px in width without too much trouble. Facebook only use two classes to style the inner ‘Share’ button which seems to be the decider when it comes to the buttons width.
By shaving a little off the left and right padding we can bring the Facebook share button back down to 52px in width and make it play nice with the other share buttons.
The extra span is just enough to beat the included Facebook css with a higher specificity score by 1 single point.
[carousel keywords=”facebook development” tag=”fetchit-21″]
Facebook have a beta feature on their platform api called Preload FQL. It allows you to specify an FQL call to take place before the request for the page is made from your servers. This could save a full round trip of api request if you’re clever about it.
Well the wiki article is quite large but misses a few points I thought it worth noting…
Continue reading “Facebook Preload FQL Help”
Facebook recently changed their publisher inface, again.
The publisher interface is what you see on all profile pages and on your home page. It is how you change your status, and can use it to publish link and photos too. The final option is to use one of you applications who offer a publisher.
Because the publisher is now used on the home and profile pages which have different widths, and Facebook have yet to document any explanation of how to make your publisher interface inline easily I spend a bit of time tinkering.
Continue reading “How To Create A Fluid Facebook Publisher Interface”
Accessing elements and walking the DOM
You can still use many of the standard methods for accessing and navigating the DOM.
document.getElementById(id) // as you would expect
document.getRootElement() // gets the highest dom tree element accessible to canvas page developers
document.creatElement('DIV') // would create a new div element
document.getElementsByTagName('DIV') // returns all div elements
I would suggest setting up a base function to save yourself some repetition
byId('id').getNextSibling(); // same as .nextSibling;
byId('id').getPreviousSibling(); // same as .previousSibling;
byId('id').getFirstChild(); // same as .firstChild;
byId('id').getLastChild(); // same as .lastChild;
byId('id').getParentNode(); // same as .parentNode;
byId('id').getChildNodes(); // same as .childNodes;
byId('id').appendChild(node); // as .appendChild(node);
byId('id').insertBefore(node,caret); // as .insertBefore(node,caret);
byId('id').removeChild(node); // as .removeChild(node);
byId('id').cloneNode(tree); // as .cloneNode(tree);
Manipulating Tags and Attributes
byId('id').setTextValue(text); // innerHTML with text only
byId('id').setValue(value); // as .value=newValue;
byId('id').getValue(); // as .value;
Why would you start a Facebook group instead of a Facebook page? Are there any benefits?
Very good questions.
Basically there are none.
You get all the benfits of a group with a page, with the added benefit of being able to send fan updates to all the page fans. With a group you can’t send out messages if there are more than
1000 5000 members.
Continue reading “Converting a Facebook group to a Facebook page”