This post will show you how to write a basic Greasemonkey script that will add two more menu items to Facebook’s friends top menu as shown below. These 2 menu items are : “Recently Updated” – show all your friends with recent updates “Status Updates” – show the latest status updates of your friends About Greasemonkey Greasemonkey is a Firefox extension … Continue reading Writing your first Greasemonkey script – adding menus to Facebook’s top menu
Tag: Javascript
WP To Top – a WordPress plugin that takes you to the top
About WP To Top WP To Top is a WordPress plugin that adds a “Back to top” link in your blog without modifying your template files. This is useful especially if you have long posts or long pages. You will have a nice “Back to top” or whatever-text-you-want link floating at the bottom right/left of your page. Features … Continue reading WP To Top – a WordPress plugin that takes you to the top
twitree.com – see on which leaves the birds are…
I am happy to announce the launch of twitree.com. It’s a twitter application which allows a twitterer to view his followers in a tree-like navigation, which can be expanded. twitree makes extensive use of the YUI library. The following components were used : grids css – for the layout yahoo dom event – for DOM and event handling connection manager – for AJAX requests … Continue reading twitree.com – see on which leaves the birds are…
Alternate colors to table rows with javascript (YUI)
This article will show you how to add alternate colors to table rows without any server side development or hard coding your scripts, thus providing good readability for your users and great flexibility for you. We will use the YUI library for that. The HTML We need to create our basic HTML file containing a table and … Continue reading Alternate colors to table rows with javascript (YUI)
Bubble menu javascript or playing with YUI’s event delegation
Event delegation refers to the use of a single event listener on a parent object to listen for events happening on its children (or deeper descendants). Event delegation allows developers to be sparse in their application of event listeners while still reacting to events as they happen on highly specific targets. This proves to be … Continue reading Bubble menu javascript or playing with YUI’s event delegation
8 practical tips to make your web pages faster
Yahoo’s Exceptional Performance team has compiled a list of 34 best practices to have faster web pages. In this post I’ll show you 8 tips which helped me to get a B grade in YSlow! for web pages that I develop. Currently YSlow’s web page analysis is based on 13 identified basic rules that affect web page performance. In decreasing … Continue reading 8 practical tips to make your web pages faster
AJAX image cropper with YUI and PHP
This post will show you how to build an AJAX crop image tool using the image cropper control from YUI library and PHP. If you are unsure of what PHP is, we touch upon it quickly in our Bluehost guide, click here to read more. The ImageCropper Control from the YUI library gives you an interactive interface for getting the … Continue reading AJAX image cropper with YUI and PHP
Show/hide containers by only adding CSS classes without writing javascript code (YUI-based)
This post will show you how to add the collapse/expand functionality in your HTML pages, perfect for FAQs by only adding two class names to your existing page and including the scripts below. Of course it’s all YUI-based and also a demo of the fantastic YUI selector utility. What does the script do ? OK, suppose … Continue reading Show/hide containers by only adding CSS classes without writing javascript code (YUI-based)
nouzil.com – a new Mauritian portal on the web (YUI-based)
I came to know the existing of a new Mauritian portal via Avinash called nouzil (which means our island in creole) and I must say at first look it reminds me of Netvibes a lot. I think the nouzil.com team picked up some bits and pieces from Netvibes.com. Anyway, looking behind the scenes I notice that the new portal uses YUIa lot, in fact it’s all YUI-based. … Continue reading nouzil.com – a new Mauritian portal on the web (YUI-based)
YUI-based alert box – replace your ugly javascript alert box
This tutorial will explain how you can override the default alert box of your browser, without modifying your existing code and by adding 2 lines of javascript code. Today, most reputable web hosting companies allow you to do this server-side. Those 2 famous lines After downloading the package and extracting it to your folder, add … Continue reading YUI-based alert box – replace your ugly javascript alert box