Hackasaurus makes it easy to mash up and change any web page like magic. You can also create your own webpages to share with your friends, all within your browser.

All-In-One Video Script

i

Custom bookmarklet shortcuts

LinkWalker let's you open and iterate through a list of URLs extracted from the web page your visiting. It's a bookmarklet - you add it to your bookmarks. Whenever you want to run it you just click on the bookmark.

I put together a bookmarklet that finds videos about a word or a phrase that are selected in the page. A bookmarklet is a piece of code that is saved as a bookmark. When clicked, it performs some action (rather than just taking you to a bookmarked website). to use the bookmarklet, simply drag it to your bookmarks bar (or right click it and save it to your bookmarks). When you see a word or a phrase that interest you, select them with the mouse and click the bookmarklet.

Legal Citation Finder Bookmarklet

Find the full-text of a legal document based on only the cite...when a direct link to the cite doesn't even exist. Just bookmark the LII Citer link (below) in your browser, highlight the cite, and follow the LII Citer bookmark.

How it works

Citer is easy an easy to use bookmarklet. No software installations or browser add-ons:

1.Create a bookmark/favorite pointing to LII's Citer.
Make a bookmark using the code in the LII Citer links above - just as you save any link or website in your browser's bookmarks or favorites list. This is usually as easy as right-clicking the correct Citer link above (mind your browser) and selecting "Bookmark This Location" or "Add a Favorite." Once Citer is saved in your bookmarks/favorites, you won't need to complete this step again. Alternative directions for creating a Citer bookmark are here.
2.Highlight the cite.
Highlight/select any text that includes the cite you want to see in full - currently Citer only follows these citation types. If there is more than one cite in your highlighted text, Citer will only read the last among them.
3.Follow your Citer bookmark to the full-text.
Keep the text highlighted. Find the Citer bookmark where you saved it in your browser's list of bookmarks/favorites. Click the Citer bookmark to follow it. You will be taken straight to the full-text of the cited document if it's supported.

Try it out

Try it out on the citation below. When you highlight the full citation and use Citer, it should take you straight to the text of the citation.

Rodenticide Act (7 U.S.C. 136a(c)(3)(B)(ii)) is amended--

Now try it out on these various legal texts for more citation following fun.

Remember, Citer currently only follows these citation types. A more detailed description and our future plans for this project can be found here. Keep checking back here or follow LII's blog or Twitter feeds to keep up with Citer's progress and future editions.

Share, discover and save bookmarks with friends
Post bookmarks to your profiles on sites like Facebook and Twitter. Easily send bookmarks to multple friends with 1 post. Access and save your bookmarks from your iPhone.

Here's a slight modification to the handy Google Bookmarks Bookmarklet.

A window (or tab depending on your browser settings) pops up with the current page's URL and title loaded into a Google Bookmark for you to add. It allows you to easily browse your existing bookmarks or add a new one, and it increases the window size from the default bookmarklet available on the Google page.

The Gist Bookmarklet makes it easy for you to share any webpage on Gistcaster, it works in all major browsers and is very easy to install and use.

To use the bookmarklet, just drag the Gist This button to your Bookmarks Bar, browse for a page you like and then click it. The Bookmarks Bar is also known as the Favourites Bar or the Bookmarks Toolbar. In some browsers you may need to go to your View menu to choose to show it.

FFFFOUND! is a web service that not only allows the users to post and share their favorite images found on the web, but also dynamically recommends each user's tastes and interests for an inspirational image-bookmarking experience!!

Ever wanted to search only the web site you're currently on? Not the page, but the whole site. And only this site, not the rest of the web. This bookmarklet does just that.

With recent mistakes by companies and organizations not knowing how to properly censor online documents, its easy to see why people believe the text they can't see can't be read. And with computer illiterate people like Rush Limbaugh, it is easy to befuddle them with the apperance of censored text on the web pages they commonly visit.

A playful experiment in "censoring" a web page by hiding text and images behind blocks.

Try it out on your fffffavorite web pages.

What do you do when you stumble across a web page that's definitely saying something you want to know, except it's in a language you don't speak? You translate it, of course. This bookmarklet runs a web page through Google's translation service and automatically detects the language of the page.

Check the safety of any web site with 1 click. Verified by WOT, Norton Safe Web, Mcafee Site Advisor, Alexa, and Google Safe Browsing Diagnostics

Read on your Kindle. It's Free.

RekindleIT is an exciting new way to read any content on the web on your Amazon Kindle.

Using our simple tools, you can instantly send a web page from your web browser or iPhone for reading on your Amazon Kindle. It's simple, free, and opens up a whole new world of content for the Kindle.

The TinEye bookmarklet allows you to search for any images appearing on the web page you are viewing, without having to go to TinEye first. Unlike the TinEye plugin - which allows you to right-click an image to search for it - the bookmarklet is a little script that is run from your browser's bookmark menu. When you click the bookmarklet, it submits the URL of the web page you are viewing to TinEye, fetches the images, and asks you to choose which image to search (just like when you paste a web page URL to the TinEye search page).

The W3Techs bookmarklet shows which web technologies a site is using.

1. First drag this link to your safari bookmark bar. Convert to WebApp
2. Sync your iPhone (with bookmark sync turned on)
3. Browse to a website you want to make a web clip of through Safari on your iPhone
4. Open your bookmarks and tap the one you just added to bookmark bar (nothing will appear to happen)
5. Then tap the + at the bottom of the screen
6. Select, "Add to Home Screen" and give it a sensible name.

This bookmarklet will help you quickly determine the relative popularity (web traffic) of any web site using the Google Trends for websites service.

This helps me capture screenshots of web pages directly in the web browser that I can directly upload to Flickr, Blogger, Evernote and other online services.

Convert Web Pages to PDF from your Browser

Web2PDF Converter lets you convert web pages into PDF files free online from any web browser, including Internet Explorer, Firefox, Google Chrome, Safari, and Opera.

AdSweep is a small addon that aims to hide advertising from the web pages you visit like Adblock. In technical terms, AdSweep is a user javascript that defines CSS rules based on the web site you are visiting to hide elements of the page that show advertisements. If you want to use Opera's Content Blocker in addition to AdSweep, you can use my adblock list.

AdSweep is designed for standard-compliant web browsers such as Opera, Google Chrome, Chromium, Iron, Mozilla Firefox 3.1+ or Apple Safari. It works better and faster with Opera and now with Google Chrome. It is a work in progress, more and more web sites are added over time, and if you have basic CSS skills, you can take part and help make the web a cleaner place. To help me out, you can get in touch with me by email.

Recordr is a way you record yourself live just with a microphone and a web camera, and share it with your friends.

By using our bookmarklet, you can also comment with video/audio to a web page you are viewing.

RefGrab-It works with your browser to capture bibliographic information from web pages giving you the option to import that data into your RefWorks account.

If an ISBN number, PubMed ID or DOI exist on the web page, RefGrab-It will automatically search various web resources to get supplemental information that may be of interest to you. RefWorks may also locate RSS feeds related to that web page.

When you use RefGrab-It on a web page, it automatically opens a "temporary results page" in a new window. You can view the information and additional resources first, then decide if you want to import the data.

GazoPa is a similar image search service on the web in open beta by Hitachi. Users can search images from the web based on user's own photo, drawings, images found on the web and keywords. GazoPa enables users to search for a similar image from characteristics such as a color or a shape extracted from an image itself. There are abundant quantities of images on the web, however many of these simply cannot be described by keywords. Since GazoPa uses image features to search other similar images, a vast range of images can be retrieved from the web. GazoPa is a new visual search service that can navigate users to new territories on the web.

How to use

1. Open a page with images.
2. After all the images are loaded, click on the bookmarklet (the link added to your bookmark bar)
3. Frames of images on the page becomes blue. "GazoPa search" button appears in a image when mouse cursor is over the image.
4. Click "GazoPa search" button and then you can get search results.

Web Site Optimization Report

WAVE is a free web accessibility evaluation tool, rather than providing a complex technical report, WAVE shows the original web page with embedded icons and indicators that reveal the accessibility information within

The Bookmarklet That Finds Unused CSS Selectors

I’m happy to announce the release of cssess (pronounced secess, like secession), a bookmarklet that helps you find unused CSS selectors on any site.

Around mid Jan 2010 Charles Lawrence announced Helium. Helium is a similar JS tool designed to help find unused CSS selectors. It was a great idea but had a number of significant flaws.

* It used querySelectorAll, meaning it wouldn’t work in IE 6 or 7.
* It was designed to be included in the page itself and used on development sites precluding its use on live sites.
* While it would spider other pages to test selectors, you had to add the URLs manually.

Shortly after I decided to create my own project based on Helium that would solve these issues and cssess was born. I replaced querySelectorAll with jQuery, designed it for use as a bookmarklet, and had it spider links on the current page. Unfortunately it fell to the wayside and was never developed far enough for public release, until now.

CSSess is a JS tool that helps find extra CSS rules on your site. It is designed to be used as a bookmarklet.

The name CSSess comes from the word secess and is pronounced the same way. secess means withdraw or retreat.

It was inspired by Helium (https://github.com/geuis/helium-css/). CSSess has many improvements over Helium:

* Helium depends on querySelectorAll, restricting use to the latest browsers. CSSess uses jQuery as a selector engine.
* Helium requires that you add URLs to check manually. CSSess will spider all same domain links on the current page.
* Helium was designed to be included within the page. CSSess is designed to be used as a bookmarklet.

Using cssess

Using cssess is easy.

1. Drag the below link to your bookmarks
2. Navigate to the page you want to check and invoke the bookmarklet.
3. cssess will present you with a list of URLs linked to by the current page. Select the ones you want to include in the test.
4. Click run.

After running, cssess will present you with a list of unused selectors for each page.

Known Issues

I consider cssess to be at a beta level. It’s usable but has issues.

* It doesn’t combine unused selectors across pages correctly.
* Its stylesheet is minimal, meaning it could look funny due to styles already included on the site.
* It lists some URLs multiple times.
* Probably some other stuff I’m not thinking of right now.

There are also some features I want to add, including the ability to enter additional URLs manually and checking for a sitemap.

Feel free to fork cssess on github, fix bugs and add features, and submit a pull request. If you find additional issues or have feature requests please add them to the github issue tracker.

Web development on mobile devices is especially challenging. The debuggers and profilers we use on the desktop aren't available. Bookmarklets are a good alternative. They're lightweight and work on most browsers - even mobile browsers. But installing bookmarklets in mobile browsers is a pain. You could try to find all the good bookmarklets out there and install them one by one. Or...

Just install the Mobile Perf bookmarklet!

This is what the Mobile Perf bookmarklet looks like. It displays a menu with links that load other bookmarklets including Firebug Lite, Page Resources, DOM Monster, SpriteMe, CSSess, and Zoompf. The Mobile Perf menu is updated as new bookmarklets are released - so you get the latest tools automatically.

Using Rule is extremely simple:

* Drag the Rule link below to your bookmark bar (or add it to your standard bookmarks by right clicking the link and selected 'Add to bookmarks/favourites')
* Load any web-page you want
* Click Rule in your bookmark bar
* Use and configure Rule to assist with your layout


It is often very useful for both web-designers and web-developers to be able to both measure out and mark up a design's layout. Traditionally this will be done in a desktop application such as Photoshop and then sliced up into the intended web-site. However, once the site is at that point in the development cycle, these design tools are just as important, if not more so, to ensure that nothing is lost from the original design. There are few if any tools which allow this to be done in a web-browser and Rule is designed to fill this gap.

This website provides an independent and open tool for scanning your Facebook privacy settings. The source code and its development will always remain open and transparent.

Note: we are still working on privacy scans for your photos and status updates. The tool does not check these yet, so stay tuned for updates!

1. Drag this link to your web browser bookmarks bar: Scan for Privacy
2. Go to your Facebook privacy settings and then click that bookmark once you are on Facebook.
3. You will see a series of privacy scans that inspect your privacy settings and warn you about settings that might be unexpectedly public.
4. Follow us on Facebook to hear about the latest updates.

The Design Bookmarklet is a suite of web-design and development tools which can be utilized on any web-page.

Encompassing utilities for grid layout, measurement and alignment, Design is a uniquely powerful JavaScript bookmarklet.

An interesting side-effect of YouTube's recent push for higher quality videos is that most videos can be downloaded as MP4 files directly from YouTube. Until now, you could only get FLV files from your browser's cache or using one of the many websites that let you download YouTube videos. In fact, to download the MP4 files, you need to use the same URL like for FLV files and append "&fmt=18":

http://www.youtube.com/get_video?video_id=ID&t=SIGNATURE&fmt=18

ID is the video's identification value, SIGNATURE is a value that prevents you from downloading the file just by knowing the ID. You could create this URL by looking at the source code of a YouTube page, but it's much easier to automatically generate it.

Sitonomy Bookmarklet lets you quickly check the website components for any site you are browsing. Just click the bookmarklet from any site to be taken directly to Sitonomy.com and see the underlying elements.

Check a website's WOT scorecards ratings.

On any webpage, TrackerWatcher from PrivacyChoice.org shows you advertising companies who may be collecting or using information about your interests and activities. You also see a summary of their privacy policies, whether their practices are subject to oversight and how you can opt-out.

This usefull bookmarklet allows to to find similar sites to the website you are visiting instantly.
Try this search engine in: http://SitesLike.com

Take any webpage you are visiting and add special effects to it. Works in all browsers (Microsoft Internet Explorer users will see different effects). There are about 100 random animations (each time it is loaded it will be randomized) and page glitch experiments.

Example of URL hack:
http://www.google.com.addeffects.net/search?q=add+effects
www.marklets.com.addeffects.net/

The ASCII-to-Hex bookmarklet converts back and forth between ASCII characters and hexadecimal codes. It will continue to convert characters as long as a single ASCII character or a two-digit Hex code is entered into its dialog box. To exit the bookmarklet, simply hit the Esc key, cancel the dialog box or submit a blank entry.

Source (guyfisher.com)
Download Bookmarklet:
(How do I add this bookmarklet to my browser?)
ASCII-to-Hex
View Bookmarklet Code:

[Edit Javascript]

Show Source Code
Rate it:

Tags:

ascii bookmarklet character code converter hex hexadecimal web development

The RGB-to-Hex bookmarklet converts back and forth between RGB and hexadecimal color values. It will continue to convert color values as long as a comma-separated RGB triplet or a six-digit Hex triplet is entered into its dialog box. To exit the bookmarklet, simply hit the Esc key, cancel the dialog box or submit a blank entry.

As you move the mouse around on page, it will alter the opacity up or down by 1%. Works in most browsers.

Simple bookmarklette to zoom out (make smaller). Works with most browsers and can be used repeatedly to make the scren smaller and tiny :)

To see other Favlets/Favelets I have made & added, click on the DAVE BROWN tag :)

Makes boring code look pretty!

Automatic Syntax Coloring for Code Blocks

As a programmer it's very common to be surfing the interwebs for various code snippets. The problem is many websites have poor methods for displaying sample code. This is where Syntactlet comes in. Simply click the Syntaclet Bookmarklet and it will automatically transform boring code into pretty, syntax highlighted code with line numbers making it much easier to read.

Save a cookie to the browser in the current page's domain

javascript: varadck = function() {
varn = prompt("Cookiename?");
varv = prompt("Cookievalue?");
vare = prompt("Expiry?'0'fornever", newDate().toGMTString());
document.cookie = n + "=" + escape(v) + (e == 0 ? "" : ";expires=" + e);
};
adck();

Use this to trigger the XDebug Profiler. Make sure that you have xdebug.profiler_enable to 0 and xdebug.profiler_enable_trigger to 1 in your php.ini

Ever wondered which JavaScript framework was used on a specific website but were too lazy to check the source code for the answer? Fear no more WTFramework is here.

Click the bookmarklet and a small inline window will appear in the upper right hand corner of your browser window with the framework found on the page.

MRI is a bookmarklet for Internet Explorer 6+, and Webkit and Mozilla based browsers (including Safari, Firefox, Camino or Mozilla). Use it to test and play with selectors.

When invoked, a div element will appear in the top left corner of your browser window with a list of the following bookmarklets :
Color List
Document Tree Chart
HTML Attribute Viewer
HTTP Header Viewer
Hidden Field Modifier
Javascript Object Tree
MODIv2
Mouseover DOM Inspector
Object Dimensions
Page Info