Website mockup with Pencil Sketching

* Website mockup with Pencil Sketching

** why

I'm not a designer but I need mockup web site for desinger and other member of developer team.

- Microsoft Office is a good tool which I used more than 10 years, but it makes me tired.

- LibreOffice is a good tool sometime it crash, but since verion 5.x it stabilized. It  makes feel like more than MS-Office, just kidding.

- Actually, I use Emacs. You know what it make you is somewhat fear. So, I need out of this Emacs word!


** where it came from?

*** Once it was in -> https://code.google.com/archive/p/evoluspencil/

*** Now it is one -> https://github.com/prikhi/pencil

** download
*** source and release -> https://github.com/prikhi/pencil/releases

*** homepage and nightly build -> http://pencil.evolus.vn/Downloads.html
    (Firefox Extension link)


** installation guide

 -> Read Readme.md https://github.com/prikhi/pencil

  : Prerequisites
  :
  : You will need version 4 or higher of firefox to run Pencil as a
  : Firefox Extension. Linux users will need version 4 or higher of either
  : firefox, iceweasel or xulrunner, or version 25 or higher of
  : palemoon. The Windows installer and OS X archive has everything you
  : need built-in.


** browser requirement
※ (from the above)
   Pencil requires browser "firefox, iceweasel, xulrunner, palemoon"

*** firefox in Ubuntu
   > env. I am running firefox installed 53.0 (64-bit) on Ubuntu 17.04 in Linux(4.10.0-20-generic), which is not compatable with pencil extension.

   > I can't drag & drop

  (If you use nightly build firefox 55, it opted multi-thread and you can not even activate)

*** xulrunner
   (If I have enough time, it's a good chice but time is always short to me.)

*** palemoon
   download -> http://www.palemoon.org/

   It's simple and fast, actually not far differenct. I choose it.


** install pencil with extension

   download -> https://addons.mozilla.org/en-US/firefox/addon/pencil-prototyping/

   Launch ▶ [Menu] ▶ Pencil Sketching ...

※ other (just for fun)
  search engine change -> https://www.ecosia.org/


** Add Extra Stencil Collections
   > from. https://github.com/prikhi/pencil

: Extra Stencil Collections

: Android Lollipop by Nathanielw
: Bootstrap by Nathanielw
: Bootstrap Glyph Icons by Craig-Fisk
: Material Design Icons by Nathanielw
: Polymer Iron Icons by MercMobily

 ① download zip file from above link.
 ② then launch pencil extension in the browser (palemonn)'s
    Tools ▶ [Menu] ▶ Pencil Sketching ...
 ③ in the Pencil's menu ▶ Tools ▶ Install new Collection...
    then select download in ① file named with .zip file