Web Developer Extension for Mozilla-based Browsers

In the works since June 3rd 2003, the Web Developer Extension for Firefox (Any Mozilla-based browser really, including Flock!) is simply amazing. The first version, Version 0.1, had a couple of features like resizing your screen and validating the css, etc. Now, the brand new version, Version 1.0.2, came out on January 31st 2006 and is simply stunning. It allows you to do many many things, from validation of HTML, CSS, Feed, Links, etc, to editing HTML and CSS on the fly. All of this is done by adding a toolbar in your browser.

By now, you are wondering why I am that excited about the plugin ? Right. My exact reaction when I found it (My friend Clint did actually, from www.leavingbehind.com). Well, for one thing, the tool bar enables you to change code for ANY page on the web. You wonder what www.alistapart.com would look like with red text instead of grey/black text ? No worries, simply click ‘Edit CSS’ and change ‘color: #333;‘ to ‘color:#FF0000‘ in the base.css file. It’s that simple. Now, of course, this will not change the look of the page for every user on the internet, only for you, but think about the time saved by developers all over … We can finally look at the result of changing a simple little css command live in the browser. It is an amazing tool to learn XHTML and CSS as well, since you can see what a XHTML command does by changing the values and seeing the result right away.

Enough praising. Where can you find a little jewel like this ? Find it at Chris Pederick’s page. Let me know what you think. I think it’s a stunning like plugin that, so far, works perfectly fine without any bugs. Great, great piece of software!

Creating a Tip Jar on WordPress with Paypal

I’ve been curious to know how to setup the equivalent of a Tip Jar on my website. Just for the fun of it. I finally got to it, and I thought I should share the wealth by writing this simple tutorial on how to create a Tip Jar using your existing PayPal account.

  1. Go to http://www.paypal.com and login to your account (Sign up for one if you don’t have one)
  2. Click on ‘Merchant Tools’
  3. Find the link to ‘Donations’ at the right side by scrolling down a little (or do a search for Donations).
  4. Fill out the necessary information and click on ‘Create Button Now’
  5. You then copy it to your website, and hope for some more traffic!
  6. Don’t forget to leave a tip by clicking on my ‘Make a Donation’ button to see if my setup works and help improve my site (Ha ha!).

What’s The Deal With CSS ?

Why can’t they make web broswer complient. I wonder why can’t they make web browser compliant to the same rules. Let’s discuss css’s for a moment. I mean, Cascading Style Sheets are great if you ask me. They allow you to re-use code within your html pages, which is a great tool I’ve been waiting for forever. Now the problem is that Internet Explorer or Firefox (Mozilla) web broswers won’t “read” the code the same way. For the programmer in you, it’s like programming java for PC and for Mac at the same time. You have to be careful. Some bugs might pop-up when you don’t want it to be there.

The main problem I have been having with the webpage so far is this two-column business. It looked great in Firefox but IE and Opera didn’t like it. I managed to fix the glitch in Internet Explorer but forget about Opera. I give up. Good thing IE does not understand what a CSS2 selector is. Now, that said, I hope you guys enjoy the hard work I put into this website. And don’t tell me you use Opera!!! Else go get Mozilla’s Firefox!!

© Copyright Bonuel Photography - Theme by Pexeto