Opera Tips and Tricks When Artists Meet Semi-Trucks Track Packages Free Antivirus Browser Performance Comparisons
Collapsed This Week Collapsed CyberNotes
Collapsed Last Week

Create Interface Mockups in Firefox

August 3rd, 2008
5 Comments Written by Ryan


Imagine if you will that you’ve got an idea for a program/website that you’re working on, but you’re trying to play around with a bunch of different layouts to see which ones would look the best. What tool do you use to create your mockup? Photoshop? Some expensive program that costs hundreds of dollars? How about a free Firefox extension?

That’s exactly what the Pencil extension was designed for. It has many of the tools needed for fast prototyping of websites, applications, and much more. I for one was shocked at just how much stuff it included:

  • 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

Once you launch the Pencil extension after getting it installed the configuration screen will open in a new window. From there it feels like an entirely separate application from Firefox, but it’s really not:

pencil firefox-1.png
(Click to Enlarge)

I’m sure this type of extension won’t appeal to everyone, but something as simple as this can sure beat trying to tinker with heavy graphics applications for jobs that should normally be simple. And how can you beat the price? Free!

Pencil Firefox Extension [via Digital Inspiration]

RSS Icon Enjoyed the post? Subscribe to our feed to get a daily dose of CyberNet!

Tags: Firefox, Freeware, Google, Newly Released, Software, ,

Learn Firefox
Previous ArticleNext Article
 

Related Posts:


5 Unread Comment Tracking CyberMark This Article
RSS Icon
5

  1. Avatar

    It seems so weird that the developers opted for a Firefox extension instead of a stand-alone program. Why would one want this in his browser?

  2. Avatar

    I can’t tell you how grateful I am this post. I’ve been searching for something like this for Linux for a very, very long time – thank you so much for pointing it out!

  3. Change (All-Star) Quote this Comment Report this Comment
    Avatar

    I guess you got your answer there Pieter ;) (cross-platform)

  4. Avatar

    I think the fact that it’s cross-platform, free, and doesn’t require a complicated installation are all great reasons to make it a Firefox extension. It’s definitely not something that will appeal to everyone as I mentioned in the article, but there will surely be people who’ll find this to be useful. Glad Liz was one of them. :D

:mrgreen: :| :twisted: 8O :) :? 8) :evil: :D :oops: :P :roll: ;) :cry: :o :lol: :x :(
↓ Expand Text Area  or  Decrease Text Area ↑

 Find out how to track new comments!