1) Head over to the web page you want to edit.
2) In the browser’s address bar, paste this code:
javascript:document.body.contentEditable='true'; document.designMode='on'; void 0
3) Now click on the part of the page you want to edit and start changing, deleting and adding text.
6 ways to use your mouse wheel to do more in Firefox
Did you know that in Firefox, you can do more with your mouse scroll wheel than just scroll a web page up and down?
Here are a few tips on using your mouse scroll wheel in Firefox that could save you some time.
1. Closing Tabs
To close a tab just place your mouse cursor on a tab and click with the
scroll wheel. This is more convenient and faster than clicking the
small cross on the tabs, especially when you want to close several tabs.
2. Opening hyperlinks in a new tab
Very often we would like to open a link in a page in a new tab. The
normal way to achieve this is by right-clicking on the the link and
choosing ‘Open Link in New Tab‘.
Here’s a much quicker way. Just click on the link with the scroll
wheel. Presto! the link will open in a new tab. You can even click on
the Home button or the Forward/Back button to open the respective url
in a new tab.
3. Paste URL & Go
Sometimes you would need to copy a link from another source and paste
it into the address bar and hit Enter to open the link. There is an
easier alternative in Firefox. You can just press the scroll button in
the content area to paste, and go to the url. By default this
functionality is disabled in Firefox but you can enable it with two
simple tweak in about:config. Why two tweaks? Because of a bug in
Firefox, the ‘Paste URL & Go’ does not work if
AutoScroll is enabled. So besides enabling the paste and go feature you
need to disable autoscroll. So here we go. Enter about:config in the address bar and press Enter. Look for the Preference Name middlemouse.contentLoadURL and double-click on it to change it’s value to true.
Also look for the Preference Name general.autoScroll and change its value from true to false by double-cliking on it.
That’s all to it. Here are few different ways you can use the Paste URL & Go feature after you have copied a url.
4. Scrolling through the tabs
When you have many tabs open, an arrow appears on either end of the tab
bar to let you scroll through the tab bar and view the hidden tabs.
There is a much easier way. Just place your mouse cursor anywhere on
the tab bar and scroll your mouse wheel up and down to scroll through
the tab bar.
5. Moving Forward/Back
You can use the scroll wheel as an alternative to using the Forward and
Back buttons on the toolbar. Hold down the Shift key and rotate the
wheel forward to view the next page or rotate backward to see the
previous page.
6. Zooming
To zoom into a page, hold the Ctrl key and turn the scroll wheel away
from you. Similarly, to zoom out, hold the Ctrl key and rotate the
scroll wheel towards you.
As a new PHP developer, I am pretty sure these following resources are worthwhile to have a look
Free-php.net
offers lots of free PHP scripts and resources. Website navigation is
very clear and all the free stuff is divided into 6 sections –
Free PHP Scripts, Commercial PHP Scripts, PHP Resources, PHP Tutorials,
Web Resources, and PHP Hosting. A great feature of free-php.net is the
request area, where you can request the script you need. They also have
PHP forums, support forums, programming chat, and PHP resource links.
Php.resourceindex.com is a free directory offering over 3,600 free PHP
scripts and over 300 functions and classes. The PHP scripts are
ready-to-use PHP programs, while the functions and classes are not
complete scripts but code pieces that can aid in application
development. The navigation is very intuitive. Basically, there are 5
main categories – Complete Scripts, Functions and Classes,
Documentation (information, books, tutorials, examples and help
regarding PHP programming), Community (this is where you’ll find
resources such as jobs, chats, message boards, developer sites and much
more), and Web Hosting (find a Web host for your PHP programs). You
will need to become a member in order to download the code. However,
this only takes about 2 minutes of your time.
The Mootorial at //clientside is a comprehensive, practical tutorial
on the MooTools framework. The tutorial allows you to execute the
sample code either by Firebug or the website’s built-in console.
Here’s an excellent screencast that introduces the MooTools
framework. It covers the basics such as the concept of chaining,
customizing MooTools to your needs, and where to find documentation for
MooTools code.
Beauty By Design provides a nine-part video series on improving user
interaction using JavaScript (primarily MooTools). A couple of topics
covered in the lessons include: using mooTabs, creating sliding sub
menus, and using Fx.styles to control font size.
One of the most powerful features of MooTools (as well as other
frameworks/libraries like jQuery and Prototype) is the ability to
easily select page objects for you to work on. This tutorial covers the
basics of selectors in MooTools: $(), $$(), $E(), and $ES() functions.
This tutorial is an entry-level introduction on working with classes
in MooTools. The tutorial works with a hypothetical scenario (buying a
car from a car store) to illustrate the concept of classes. The last
section of the article discusses the differences of MooTools and
script.aculo.us classes.
MooTools’ Ajax/XHR classes provides developers a much simpler
way of working with XMLHTTPRequests by reducing the amount of code you
have to write and by handling browser differences for you. This
tutorial talks about the Ajax and XHR classes in brief.
This article delves into the use, extension, and capabilities of the
Ajax class in MooTools. It discusses chaining Ajax requests and events,
and how you can extend the Ajax class for your needs (also applicable
to other MooTools classes).
Getting started with MooTools is easy, and it won’t be long
until you can create wonderful effects and increase user interactivity
in your web pages. To help you become a MooTools master, here’s a
checklist of common coding mistakes and its corresponding correct usage.
This is a follow-up article from the one above, focusing more on
MooTools syntax usage. Examples involve using shorter code for
selection of objects, shorthand for the Ajax class, and creating new
elements.
Here’s an excellent introduction to using JSON with MooTools
to provide server-side interaction to your web applications. Topics
covered include converting a JSON string into a JavaScript object and
vice versa.
This article explains how to take advantage of MooTools’
powerful Hash.Cookie API to make working with complex cookie
utilization a cinch. The example showcases a working example of how you
can store the number of times a user visits a page.
Chaining is beneficial for several reasons including the ability to
sequentially execute events (“in a chain”) as well as reduce the number
of lines of code you have to write. If you’re wondering about the
“who, what, where” of chaining in MooTools, check out this brief but
informative tutorial.
Learn how to protect your public web forms from spam and SQL
injections with this tutorial on how MooTools can be used to make safer
public web forms.
Create a navigation area that smoothly scrolls left or right depending on where you hover your mouse.
Check out this nifty tutorial on how to build a Facebook-inspired
set of slider controls that manipulate the opacity, width, and height
of an image.
In this tutorial, you’ll learn how to make page elements
flash. It’s an effective way of drawing attention to a particular
section of a web page or alerting users of status changes.
Here’s a tutorial on how to display messages that fades in
after the user clicks on the submit button. It’s designed for use
with web forms, but it can be modified into similar applications.
This tutorial shows you how to build a navigation menu that slides
up and down smoothly using MooTools. The article also covers how to
make a similar effect using plain JavaScript.
Here’s an excellent step-by-step tutorial on how to make a
content area that slides left-to-right at set intervals – great
for slideshows.
This is a two-part series that goes over how to make your web forms
fancier. The first part shows you how to add animated field
highlighting and how to display instructions to users. In the second part, you’ll step it up a notch by adding live comment previewing and auto-resizing of text areas.
Have you got your own personal MooTools resources to share? Got an interesting MooTools application you want to show us? Talk about it in the comments!
If you found this article useful, you might also want to read:
This is so hilarious. Have a watch guys
http://www.thewebsiteisdown.com/salesguy.html
Sean
from Microsoft came by just a few minutes ago to drop off a cake for
the Internet Explorer team. As people may recall, the IE team sent
Mozilla a cake after Firefox 2 shipped and it seems that they wanted to
continue the tradition.
Sean and I used to work together and I happened to be the one that
saw him as he came in so he presented the cake to me and John Lilly and
we then took it around to staff. I think people found it amusing and
the “E” portion of the Firefox 2 cake, which is preserved
in our freezer to this day, was pulled out for comparison. I must say,
the new cake is much nicer (and much less brown) than the old one.
Here are a couple of photos from Rob:
Me with the Cake
Closeup of the Cake
