File:  [mozdev] / quickfilters / www / index.html
Revision 1.15: download - view: text, annotated - select for diffs - revision graph
Fri Aug 3 11:00:27 2012 UTC (7 years, 9 months ago) by axel.grude
Branches: MAIN
CVS tags: HEAD

    2: <style type="text/css" >
    3: td.navigation-list a[href$='index.html'] {
    4:   background-color: rgb(203,96,179);
    5:   background: -moz-linear-gradient(top,  rgba(203,96,179,1) 0%, rgba(173,18,131,1) 50%, rgba(222,71,172,1) 100%);
    6:   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,96,179,1)), color-stop(50%,rgba(173,18,131,1)), color-stop(100%,rgba(222,71,172,1)));
    7:   background: -webkit-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);
    8:   background: -o-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);
    9:   background: -ms-linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);
   10:   background: linear-gradient(top,  rgba(203,96,179,1) 0%,rgba(173,18,131,1) 50%,rgba(222,71,172,1) 100%);
   11:   border-bottom-color:  #93105A !important;
   12:   color: #FFF !important;
   13:   height: 27px !important;
   14:   font-weight: normal;
   15: }
   17: h4.QuickFolders:before {
   18:   content: url('img/quickfolders-Icon.png');
   19:   margin: 0.2em 0.5em 0em 0.2em;
   20:   vertical-align: top;
   21: }
   23: h4.ZombieKeys:before {
   24:   content: url('img/zombie-key-32.png');
   25:   margin: 0.2em 0.5em 0em 0.2em;
   26:   vertical-align: top;
   27: }
   29: h4.QuickPasswords:before {
   30:   content: url('img/QuickPasswords-32x32.png');
   31:   margin: 0.2em 0.5em 0em 0.2em;
   32:   vertical-align: top;
   33: }
   35: </style>
   37: <!-- ***************** INFO/NEWS *************** -->
   38: <a name='news'> </a>
   39: <div id="infoTabs">
   40: <div class="infoTab" id="whats-new">
   41: <h5 class="infoHeader">What's New</h5>
   42: <ul>
   43: <li>Version <a href="">0.9</a> 15/05/2012  </li>
   44: <li>Version <a href="">0.8</a> 08/05/2012 First Release</li>
   45: <li><a href=""></a></li>
   46: </ul>
   47: </div>
   50: <!--
   51: <div class="infoTab" id="other-stuff">
   52: <h5 class="infoHeader">Other Stuff</h5>
   53: <ul>
   54: <li>stuff goes here</li>
   55: <li>more stuff goes here</li>
   56: </ul>
   57: </div>
   58: -->
   60: <!-- alternative image/table base tab works better in NS4 -->
   61: <!--
   62: <div class="infoTab" id="whats-new-image">
   63: <h5 class="infoHeader"><img src="" width="154" alt="What's New"></h5>
   64: <div class="infoItems">
   65: <div>News item goes here</div>
   66: <div>More news item goes here</div>
   67: <div><a href=""></a></div>
   68: </div>
   69: </div>
   70: -->
   71: </div>
   72: <!-- ***************** INFO/NEWS *************** -->
   74: <!-- MAIN CONTENT -->
   77: <a name='main'></a>
   78: <h2 class="page-header">quickFilters :: homepage</h2>
   80: <p>Thanks for installing quickFilters! <br/>
   82: This extension makes it much easier to create new mail filters, by simply dragging emails into folders and let quickFilters do the "heavy lifting" 
   83: of filling in the sometimes complicated settings in the filter settings. Filters are usually used to move emails to other folders, automatically, so it makes
   84: sense to show Thunderbird "what to do" by dragging one typical email manually, rather than filling in all the complicated details.
   85: </p>
   87: <a name='messageFilterAssistant'> 
   88: <h3>The Filter Assistant</h3>
   89: </a>
   90: <p>
   91: With this, it is very easy to create new filters very quickly. 
   92: </p>It will prefill the destination folder and other relevant fields after you have dragged the email into a different folder in the tree.
   93: </p>
   94: <ol>
   95:   <li> Click on the quickFilters button on the main toolbar<br/>
   96:   <img class="screenshot" src="img/quickFilters-ToolbarButton.png" alt="main menu: filter assistant">
   98:   <li>The button will change depicting a glowing wheel instead of the mail icon and there will be sliding notification:<br/>
   99:   <img class="screenshot" src="img/quickFilters-Notification.png" alt="filter notification" title="filter notification assistant">
  101:   <li>Drag an email into a folder on the left hand folder tree. This will trigger the Create Filter Assistant.<br/>
  102:   <img class="screenshot" src="img/quickFilters-Assistant.png" alt="filter wizard" title="filter wizard">
  104:   <li>select a template (e.g. "based on Sender") and click [Create Filter...] - in the example I have pulled an email into the QuickFolders folder.
  105:   See below for a detailed description.  
  107:   <li>Next, the Edit Filter dialog is displayed - as you can see it already tries to "guess" what  you want the filter to do when it should be applied, 
  108:   <u>based on the email that you dragged to the folder</u>:<br/>
  109:   <img class="screenshot" src="img/filter-Rules.png" alt="filter rules">
  110:   <br/>Since in this case I chose "Based on Sender", it will pull all conversations from and to <i></i> into the QuickFolders folder. 
  111:   No need to select the folder (as it has been done automatically) or to enter any condition (this is based on the template that you have chosen).
  113:   <li>Now tweak the filter as usual and click Ok to save it (and try it out in the Filter List)
  114:   <li>You can also click Cancel to not create the filter
  116:   <li> in the last step Thundebird's list of filters is shown. <br/>
  117:   <img class="screenshot" src="img/filters-List.png" alt="list of filters">
  119:   <li>You can repeat the process from step 2 to create more filters
  121:   <li>When you're done, click the filter button again to disable "Filter Wizard" mode.
  122: </ol>
  124: <a name='templates'> </a>
  125: <h3>Filter Templates</h3>
  127: <p>This section describes the different patterns used to create filters based on the dragged email. 
  128: I will probably add more templates in future, if I get good requests from the users. 
  129: Simply head over to the <a href="bugs.html">bugs section</a> to suggest new templates.
  130: <br/>
  131: <h4>Based on Sender (from)</h4>
  132: <p>Probably the most used pattern: this will retrieve the sender's email address and paste it into the from and to filter conditions fields.
  133: This way a whole conversation with the sender will be moved to the new folder.
  134: </p>
  135: <h4>Based on Recipient (to)</h4>
  136: <p>Similar to 'Based on Sender': use this when you move an email from yourself 
  137: to somebody else. This will retrieve the recpient's email address and paste it into 
  138: the from and to filter conditions fields. This way the complete conversation with 
  139: the contact will be moved to the new folder.</p>
  140: <h4>Mailing List</h4>
  141: <p>
  142: Similar to Based on Sender, but it doesn't fill the 'to' condition field.
  143: </p>
  144: <h4>Subscriptions - By Subject [Keyword]</h4>
  145: <p>
  146: This will look for special "bracketed" expressions, e.g. [amo-editors] or {Mozilla} and create a filter condition based on these; a lot of
  147: mass email is set up using this pattern, so it is really easy to use.
  148: </p>
  149: <h4>By Tags</h4>
  150: <p>
  151: Uses the tags of the email and adds them as filter conditions.
  152: </p>
  155: <a name='messageFilterList'> 
  156: <h3>The Message Filter List</h3>
  157: </a>
  159: <p>
  160: I also created additional functions that I added to the filter list dialog - I created these after it had
  161: become a simple thing to create many filters (as the list became too long to handle without the search function). 
  162: </p>
  163: <img src="img/messageFilters-5.png" alt="Message Filters: new features"/><br/>
  164: <p>The biggest new feature here is the addition of a Search box, which allows filtering the number of results</p>
  165: <p>Also you can now move the filter to the top of the bottom of the list. This is actually significant as the 
  166: order you see on screen is the same as the order in which the filters are executed. This also means, if a filter
  167: on the top moves a message from the inbox then the filters below will not get a chance to execute on this message;
  168: as the filters are only executed on messages in the inbox, they will simply be ignored. Therefore it is very important 
  169: that it remains easy to re-order the relative positions of the filters. This also works while the search box is active.</p>
  172: <h3><a name="other">My other Extensions - highly recommended</a></h3>
  173: <br/>
  175: <h4 class="QuickFolders"><a href="">QuickFolders</a></h4>
  176: <p>
  177: <a href="">QuickFolders</a>
  178: (Thunderbird / Postbox) takes the pain out of working with many mail folders; has currently 22,000 daily users and the top rated message reading extensions.<br>
  179: </p>
  181: <h4 class="ZombieKeys"><a href="">Zombie Keys</a></h4>
  182: <p>
  183: <a href="">Zombie Keys for Firefox / SeaMonkey</a> ; 
  184: <a href="">Zombie Keys for Thunderbird / Postbox</a>
  185: <br>
  186: <p>Entering European languages (which include diacritics (accented characters, diaeresis, umlauts, etc.), ligatures, the Euro sign, etc.) 
  187: into Mozilla applications using a non-native keyboards doesn't have to be a pain any more! 
  188: </p>
  190: <h4 class="QuickPasswords"><a href="">QuickPasswords</a></h4>
  191: <p>
  192: <a href="">QuickPasswords for Firefox / SeaMonkey</a>;
  193: <a href="">QuickPasswords for Thunderbird / Postbox</a>
  194: <br>
  195: this is a very neat and quick way to retrieve and use a growing number
  196: of passwords, without displaying them on screen or having to re-type them. 
  197: Also supports renaming of multiple passwords!
  198: </p>

FreeBSD-CVSweb <>