Greasemonkey Hacks: Tips & Tools for Remixing the Web with by Mark Pilgrim

By Mark Pilgrim

Publish yr note: First released November fifteenth 2005

Greasemonkey Hacks is a useful compendium a hundred creative hacks for strength clients who are looking to grasp Greasemonkey, the recent new Firefox extension in an effort to write scripts that modify the internet pages you stopover at. With Greasemonkey, you could create scripts that make an internet site extra usable, repair rendering insects that webmasters can't be troubled to mend themselves, or upload goods to an online site's menu bar. you could regulate pages so that they paintings greater with applied sciences that talk an internet web page out loud or convert it to Braille. Greasemonkey authorities may import, mix, and change facts from assorted websites to fulfill their very own particular needs.

Greasemonkey has completed a cult-like following in its brief lifespan, yet its makes use of are only starting to be explored. Let's say you're buying on an e-commerce website. you could create a script that might instantly show aggressive costs for that individual product from different sites. the chances are restricted purely by means of your mind's eye and your Greasemonkey services. Greasemonkey Hacks can't assist you with the mind's eye half, however it promises the professional hacks-complete with the pattern code-you have to flip your brainstorms into reality.

greater than simply an important number of made-to-order Greasemonkey options, Greasemonkey Hacks is filled with pattern code, a Greasemonkey API reference, and a complete record of assets, to make sure that each source you wish is obtainable among its covers.

a few everyone is content material to obtain details from web pages passively; a few humans are looking to regulate it. while you're one of many latter, Greasemonkey Hacks offers the entire shrewdpermanent customizations and state-of-the-art information and instruments you must take command of any website you view.

Show description

Read or Download Greasemonkey Hacks: Tips & Tools for Remixing the Web with Firefox PDF

Best javascript books

Smashing Node.js: JavaScript Everywhere (Smashing Magazine Book Series)

Learn how to make extra effective apps, with only one language!

Smashing Node. js: JavaScript in all places equips you with the mandatory instruments to appreciate Node. js and its makes use of in constructing effective internet apps. With extra conventional internet servers changing into out of date, having wisdom on servers that in achieving excessive scalability and optimum source intake utilizing Node. js is the major for your app improvement luck. educating you the necessities to creating event-driven server-side apps, this booklet demonstrates how one can use much less area and take much less time for conversation among internet patron and server.

* comprises various hands-on examples
* Explains implementation of real-time apps together with Socket. IO and HTML5, and WebSockets
* Addresses useful Node. js merits from particular layout choices
* Demonstrates why wisdom and use of JavaScript is beneficial
* contains an interactive on-line part with pattern chapters
* Explains parts of stand out apps together with brevity and benchmarks

Looking to reinforce your talents even extra? Smashing Node. js: JavaScript all over the place makes constructing server-side apps obtainable with its concentrate on JavaScript, open resource, and easy-to-use language.

Scripting in Java: Integrating with Groovy and JavaScript

Scripting in Java teaches you the way to exploit the Java Scripting API and JavaScript to execute scripts and benefit from the good points of a scripting language whereas constructing Java purposes. The publication additionally covers issues that permit scripting languages to exploit Java good points and the Java classification library, together with the recent Java Collections and JavaFX eight APIs.

HTML, CSS & JavaScript Web Publishing in One Hour a Day

Completely revised and up to date with examples rewritten to comply to HTML5, CSS3, and modern net improvement practices, this easy-to-understand, step by step educational is helping you speedy grasp the fundamentals of HTML and CSS prior to relocating directly to extra complicated themes resembling pix, video, and interactivity with javascript and jQuery.

Additional info for Greasemonkey Hacks: Tips & Tools for Remixing the Web with Firefox

Sample text

Submitting the form will be trapped in the private _save() method. Saving Last piece of the editing puzzle is saving the content changes after the person is done typing and they have submitted the form (via the Enter button). preventDefault(); // ... info Conclusion and virtual DOM diffs At this point the editing feature is complete. It didn’t take too much code. edit • render an input field when displaying the table if the row and cell indices match the cell the person double-clicked • update the data array with the new value from the input field As soon as you setState() with the new data, React calls the component’s render() method and the UI magically updates.

Mounting and updating two components You can see how the child component is mounted and updated before the parent. Figure 2-14 shows what happens after you delete the text in the textarea and count becomes 0. In this case the Counter child becomes null and its DOM node is removed from the DOM tree, after notifying you via the componentWillUnmount callback. info Figure 2-14. Unmounting the counter component Performance win: prevent component updates The last lifecycle method you should know about, especially when when building per‐ formance critical parts of your app, is the method shouldComponentUpdate(next Props, nextState).

_log('componentWillUnmount', arguments);}, arguments);}, arguments);}, arguments);}, arguments);}, // ... // more implementation, render() etc.... }; Figure Figure 2-10 shows what happens after you load the page. Figure 2-10. Mounting the component As you see, two methods were called without any arguments. The method component DidMount() is usually the more interesting of the two. getDOMNode() if you need, for example, to get the dimensions of the component. You can also do any sort of initialization work for your component now that your component is alive.

Download PDF sample

Rated 4.05 of 5 – based on 21 votes