Greepit » Firefox

Are you still struggling when trying to find the break points of your responsive designs? Are you going insane because you just can not find that exact pixel where your design breaks? Install FireBreak, a free firefox extension and you will find those break points in no time!

Instead of using you mouse to resize the browser window you can now use your keyboard. Just hit Alt + Left Arrow to make the window 1px narrower and Alt + Right Arrow to make it wider. Throwing in the Shift key there as well will make it decrease and increase its width by 10px instead.

When you find your break point the tiny icon in the toolbar will tell you the exact width of you browser window.

Special Downloads
Design Freebies
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

H.264 Video Support For Windows Media Player Firefox Plug-in

Saif — Thu, 23 Dec 2010 07:50:07 +0000

The HTML5 Extension for Windows Media Player Plugin-in for Firefox is an add-on that enables Firefox users to play H.264-encoded videos on HTML5 pages by using the built-in capabilities found in Windows 7.

The plug-in looks for HTML5 video tags and passes the video to the Windows Media Player plug-in for playback.

This Extension adds to the functionality of the extremely popular earlier Windows Media Player Plug-in for Firefox to enable web pages that use the emerging HTML5 standard.

Special Downloads
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Photoshop-like Guide Lines In FireFox: FoxGuide

Saif — Thu, 16 Dec 2010 07:42:58 +0000

Guides are useful for laying out elements symmetrically, structure a design and improving the overall layout.

foxGuide is a firefox extension that displays horizontal and vertical guides in your firefox browser. Guides will appear as thin lines that float over the webpage. You can move or remove them just the way you do it Photoshop.

Special Downloads
Feedback Collection and Polling Widget
Free Creative Resume Template
Open Source Icons
Free Minimal WordPress Theme

Free jQuery Plugin to Style Web Application as Spreadsheet

Saif — Mon, 25 Jan 2010 13:07:30 +0000

jQuery.sheet is a Free jQuery plugin that gives possibility to give your web application a spreadsheet style like Microsoft Excel.

jQuery.sheet addresses the web-based spreadsheet or “websheet” in a different, simple, approach – using html, you simply load the sheet from a url, and you save it to a url… Simple. Or write your own approch. This Free jQuery Plugin manages the sheet creation, viewing, and editing processes, you simply build your application around it.

jQuery.sheet is also theme-able, using jQuery UI ThemeRoller.

Website: http://jqueryplugins.weebly.com/jquerysheet.html

Sketching & GUI Prototyping Software for Firefox – Pencil

Saif — Mon, 02 Nov 2009 11:11:04 +0000

Pencil is a Free & Open Source Sketching & GUI Prototyping Software for Firefox. The Pencil Project’s unique mission is to build a free and open source tool for making diagrams and GUI prototyping that everyone can use.

With the power of the underlying Mozilla Gecko engine, Pencil turns your excellent Firefox 3 browser into a sketching tool with just a 400-kilobyte installation package.

Some Pencil Features

Built-in stencils for diagraming and prototyping
Multi-page document with background page
On-screen text editing with rich-text supports
PNG rasterizing
Undo/redo supports
Installing user-defined stencils
Standard drawing operations: aligning, z-ordering, scaling, rotating…
Cross-platforms
Adding external objects

Pencil is Free and Open Source and can be run on both GNU/Linux and Windows as a Firefox addon or a standalone application using XULRunner.

Website: http://www.evolus.vn/Pencil/Home.html

Download: http://www.evolus.vn/Pencil/Downloads.html

10 Most Wanted Firefox Add-ons for Designers

Saif — Fri, 30 Oct 2009 08:00:02 +0000

A very helpful list of Firefox Add-ons/ Plugins specially for designers. Such tiny but helpful tools always make life easier and it definitely saves time too. Go through the list and lets share if you have any good Firefox Add-on/Tool to add, I will add with your reference.

1- Palatte Grabber

Palatte Grabber allows to create a Color Palatte from the page you visit, the grabbed color palatte can be exported to Photoshop, Paint Shop Pro, GIMP, Flash, Fireworks, Paint.NET, or OS X.

Website: https://addons.mozilla.org/en-US/firefox/addon/2290

2- Window Resizer

Window Resizer lets you switch between different resolution sizes. It provides options to resize windows between: 640×480, 800×600, 1024×768, 1280×800, 1280×1024 and 1600×1200. This extension is also available for Internet Explorer.

Website: http://www.yellowpipe.com/yis/tools/window_resizer/

3- FireShot

FireShot is a Firefox extension that creates screenshots of web pages. It gives freedom to take screenshot of entire page or just the visible area.

This Firefox plugin provides a set of editing and annotation tools, which let users quickly modify web captures and insert text annotations and graphical annotations. Such functionality will be especially useful for web designers, testers and content reviewers.

The captures can be:

Uploaded to FREE public screenshot hosting
Saved to disk (PNG, GIF, JPEG, BMP)
Printed
Copied to clipboard
E-mailed
Sent to configurable external editor for further processing

Website: https://addons.mozilla.org/en-US/firefox/addon/5648

4- GrifFox – The Grid Layout for Firefox

GridFox is a Firefox extension that overlays a grid on any website. It’s easy to customize, allowing you to create the exact grid you designed your layout around.

Website: http://www.puidokas.com/portfolio/gridfox/

5- View Dependencies

View Dependencies adds a tab to the Page Info window, in which it lists all the files which were loaded to show the current page.

Website: https://addons.mozilla.org/en-US/firefox/addon/2214

6- JSView

All browsers include a “View Source” option, but none of them offer the ability to view the source code of external files. Most websites store their javascripts and style sheets in external files and then link to them within a web page’s. JSViewle is very handy in such cases, you can view source code for external Javascript and style sheets files with this Free Firefox Add-on.

Website: https://addons.mozilla.org/en-US/firefox/addon/2076?src=reco

7- Location Navigator

Location Navigator is an extension that lets you grab a location, select a portion of the location that varies, and then navigate up or down from that starting spot.

Website: http://urlnav.mozdev.org/

8- BetterSearch

An addon for Firefox and Flock which enhances Google and Yahoo! with all their international flavours and Delicious by adding previews (thumbnails) and additional functionality.

Website: http://mybettersearch.com/

9- Pixel Perfect

Pixel Perfect is a Firefox/Firebug extension that allows web developers and designers to easily overlay a web composition over top of the developed HTML.

By toggling the composition on and off, the developer can visually see how many pixels they are off in development. Pixel Perfect also has an opacity option so that you can view the HTML below the composition. By being able to see both the composition and the HTML you can now simultaneously use Firebug while Pixel Perfect is still in action.

Website: https://addons.mozilla.org/en-US/firefox/addon/7943

10- Font Finder

Simply highlight a single element (e.g. a paragraph or a strong tag ), right-click and select `Font Finder`, then marvel as the full CSS text styling of the selected element appears.

Website: https://addons.mozilla.org/en-US/firefox/addon/4415

Automatically Merge All Pages Into One With PageZipper

Saif — Fri, 03 Apr 2009 11:15:53 +0000

Ever read one of those top ten lists or photo galleries where every item is on a different page? You spend more time clicking “Next” and waiting than actually reading anything.

PageZipper is a free bookmarklet which automatically merges all the “Next” pages into one, so you can skip directly to the stuff you want.

PageZipper automatically searches through the page for a “Next” link. You don’t need to tell it anything. It is also available as Firefox extension.

Website: http://www.printwhatyoulike.com/pagezipper

Make Your Web Life Easier With Ubiquity – An Innovative Firefox Plugin

Saif — Tue, 03 Mar 2009 10:58:45 +0000

Ubiquity is a very useful and user friendly Firefox plugin to make your life easier. This innovative plugin helps when you:

Are planning to have a meeting with your friends
Want to tell your friends about some new thing
Want to share your experience
Want to translate something
Want to extract something to send
Are looking to send some a location map

The Problem

You’re writing an email to invite a friend to meet at a local San Francisco restaurant that neither of you has been to. You’d like to include a map. Today, this involves the disjointed tasks of message
composition on a web-mail service, mapping the address on a map site, searching for reviews on the restaurant on a search engine, and finally copying all links into the message being composed. This familiar sequence is an awful lot of clicking, typing, searching, copying, and pasting in order to do a very simple task. And you haven’t even really sent a map or useful reviews—only links to them.

A Solution

Ubiquity’s interface goal is to enable the user to instruct the browser (by typing, speaking, using language) what they want to do. The end goal is something like this:

We aren’t there yet. Instead, we have the rudimentary systems of structured natural language commands. You can select something and Ubiq “translate this to French”, or “email it to Jono”. In both cases, Ubiquity is smart enough to realize what “this” and “it” refers to, as well as knowing who Jono is (by talking with my web-mail’s contact list). It’s also smart enough to be able to understand commands like “map Chicago Comics” and “yelp Tapas near SF” and give you rich previews and search results to get you where you want to be quickly. Even better, both of those commands let you insert results directly into, say, an email you’re writing so that you never have to interrupt
your chain of thought.

For more details:

Visit website: http://labs.mozilla.com/2008/08/introducing-ubiquity/

User Tutorial: https://wiki.mozilla.org/Labs/Ubiquity/Ubiquity_0.1_User_Tutorial

Firefox Plugin for Bloggers – easyComment

Saif — Sat, 28 Feb 2009 14:14:37 +0000

A very handy plugin for bloggers to automatically fill out Blog Comment Forms. Fill easyComment form with desired values and easyComment will use those values to fill out blog comment forms for you.

EasyComment supports multiple commenting profiles and even Language Mutation.

Requirements: Firefox 1.5+

Website: https://addons.mozilla.org/en-US/firefox/addon/9095