background preloader

15 Must-Have Bookmarklets For Web Designers And Developers

15 Must-Have Bookmarklets For Web Designers And Developers
Bookmarklets are a great way of saving time when used regularly. With just a click, they can provide so much information / help. Here is a list of 15 very handy web designer / developer bookmarklets which includes: learning the colors usedinserting a ruler on a webpagereloading CSS without reloading the whole site & more.. To use them, bookmark the "Get It" links. Click here to download all the bookmarklets mentioned as a Firefox bookmark folder (can be added from bookmarks>organize bookmarks>import&backup>import HTML menu at Firefox). Note: If you’re not using it already, Firefox web developer extension is strongly adviced for developing faster besides using these bookmarklets (few of the bookmarklets mentioned are already in the extension). WTFramework – Learn JavaScript Framework Used When you wonder which JavaScript framework is used on a website, rather than checking the source, simply click to this bookmarklet & it will display the framework(s) used. Design – Grid-Rule-Unit-Crosshair

15+ handy bookmarklets to power up any browser Bookmarklets can be incredibly handy. If you use multiple browsers, they're a great way to ensure you don't lose any of your favorite functions when switching back and forth. Maybe your browser doesn't support extension or there aren't many in the wild for it just yet - bookmarklets can provide many of the same functions. Here are ten that I find particularly handy. If you've got a favorite, feel free to share the link in our comments! Form Bookmarklets - Loads of handy things like a checkbox toggle, textarea enlarger, character count, and hidden field unhider. iTransmogrify [site] - Creates inline links which allow embedded Flash movies and audio to be played on your iPhone or iPod Touch. LastPass Login and Form Fill - Not linked because that just wouldn't be smart. Tags: bookmarklets, browser-independent, cross-browser

40 Excellent Blog Designs - Six Revisions According to Technorati, there are at least 100 million blogs currently in existence. With that much competition, it’s a true challenge to create a unique and stunning blog design. In this collection, you’ll find 40 beautiful blog designs for your inspiration. Got a blog that you think should’ve been included in this collection? 5 Recommended Bookmarklets To Simplify Tedious Tasks A bookmarklet is a piece of code saved as a bookmark. When you click it, instead of just taking you to a bookmarked website, it performs an action (which may include taking you to another website, but does not have to do that). Here are 5 recommended bookmarklets to boost your productivity by helping you instantly subscribe to, read, tweet, share and translate webpages. [To use the bookmarklets, simply add them to your bookmarks bar. Right click them and choose "Bookmark This Link" or just drag and drop it to the bookmarks bar] 1. Here is a known scenario – you visit a cool blog and want to subscribe to it. 2. The ZAP reader bookmarklet opens a new window where it flashes text at high speed (text which you previously marked in a website). It’s a good idea to use a speed that you can read relatively easily when the text is important and you have to completely understand it. 3. The Bit.ly bookmarklet is the most useful way I know to share links through Twitter. 4. 5. Image credit: vramak

A CSS Sticky Footer A CSS Sticky Footer that just works We've all tried to use a CSS Sticky Footer one time or another, but they never seem to come out right, do they? Well, the days of a hard to understand CSS Sticky Footer are thankfully over. With just a few simple CSS classes with minimal extra HTML markup, I've fashioned a CSS Sticky Footer that even beginners can get a handle on. It's been tested in IE 5 and up, Chrome, Firefox, Safari and Opera. Usage of the CSS Sticky Footer Great! Absolutely. View the CSS or learn about using it NEW: HTML5 Sticky Footer Bookmarklets - www.docjavascript.com Bookmarklets are simple one-line scripts, implemented as ordinary bookmarks. You can use bookmarklets to add macros and additional features to your browser, whether it's Netscape Navigator or Microsoft Internet Explorer. Bookmarklets are cool because: They work on all platforms (Windows, Macintosh, Unix) They are supported by all browsers (Navigator and Internet Explorer) They are extremely simple and easy to write There is no need to write cross-browser code They can be executed on any page Bookmarklets aren't new to the JavaScript community. In this column you'll learn: Produced by Yehuda Shiran and Tomer Shiran All Rights Reserved. URL:

Grid-Based Web Design, Simplified Jesse's Bookmarklets Site Bookmarklets Bookmarklets are free tools to help with repetitive or otherwise impossible tasks in your web browser. To use a bookmarklet from this site on another web page: Bookmarklet categories: Search Bookmarklets.Search Engine Optimization Bookmarklets: search for backlinks, analyze search engine positions.Log Analysis Bookmarklets: analyze referer logs efficiently.Flash Bookmarklets: pause, rewind, and fast-forward Flash cartoons.Tipping Bookmarklet: send money to an e-mail address in a page.Color Bookmarklets: change all colors on a page at once.Keyword Bookmarklets for Scripters: type "jb document.body" to make document.body blink, etc.Site-specific Bookmarklets: fix annoyances on some sites I read.Bugzilla Bookmarklets: for people involved in the Mozilla project or other projects that track bugs using Bugzillas.Testing browsers: test features or stress limits of browsers. Other pages:

Glynn Family Honors Program // University of Notre Dame Make Webpages Easier On The Eyes With Readable | MakeUseOf.com Have you ever needed to read something that is on a horribly formatted website? I am talking about white text on a light colored background or dark purple text on a dark background. Maybe the page you need to retrieve some knowledge from is riddled with pornography? Or maybe you are sensitive to all the penile enlargement advertisements? Any which way an awesome “Bookmarklet” site called Readable is about to change the way you deal with sites like this. Up until now I would have to copy the entire text from the web page using Control ““ A and then Control – C. I know at first glance this can be a little confusing and that is why I am including the author’s “Silent Film” below: If you are still interested in Readable we will cover how to use and configure it below. After clicking on the grey bar you will see the following options: As you make changes to your Font, Font Size, Layout, Color and margins it will be represented in the preview below Step 2. Anyone use something similar?

Related: