category-list.html

---
layout: common
title: "Featured Extensions :: Firefox Add-ons"
page-class: listing-page
facet-type: browse
facet-compatibility: true
facet-sort: true
facet-category: true

featured-exts:
  -
    name: "Tab Scope"
    icon: "featured-01.png"
    category: "Tabs"
    desc: "Preview and navigate tab contents through popup."
    author: "Filiberto Mastrocola"
  -
    name: "CyberSearch"
    icon: "featured-02.png"
    category: "Search Tools"
    desc: "Adds advanced Google Search capabilities to the Firefox 3 address bar. Supercharge the Awesome Bar with instant search results that appear as you type!"
    author: "Filiberto Mastrocola"
  -
    name: "Pixlr Grabber"
    icon: "featured-03.png"
    category: "Photos, Music & Videos"
    desc: "Grabbing screens and pulling images from the web just got a bit easier. With the Pixlr Grabber add-on, you can copy, save, share or even edit your final grabs - including any image or … background - with just a right-click."
    author: "Filiberto Mastrocola"
  -
    name: "Xmarks Sync"
    icon: "featured-04.png"
    category: "Bookmarks"
    desc: "NOTE: Xmarks lives! Learn more at http://blog.xmarks.com . Xmarks is the #1 bookmarking add-on. Keep your bookmarks, passwords and open tabs backed up and synchronized … across computers and browsers."
    author: "Filiberto Mastrocola"
  -
    name: "Stylish"
    icon: "featured-05.png"
    category: "Appearance"
    desc: "Restyle the web with Stylish, a user styles manager. Stylish lets you easily install themes and skins for Google, Facebook, YouTube, Orkut, and many, many other sites. You can even … customize Firefox and other programs themselves."
    author: "Filiberto Mastrocola"
  -
    name: "Search Tabs - get Facebook, Gmail™, Dropbox, LinkedIn on Go…"
    icon: "featured-06.png"
    category: "Search Tools"
    desc: "Get search results from your Gmail, Facebook, Dropbox, LinkedIn accounts and more, on the right-hand side of the Google search results page. Add Wikipedia, Twitter and many more … to personalize your search as you like it."
    author: "Filiberto Mastrocola"
---

<div id="proto-controls" class="initial">
	<div class="floating"><div>
		Show:
		<a href="#" data-class="non-firefox">Non-Firefox</a>
		<a href="#" data-class="first-run">First Run</a>
		<a href="#" data-class="small-screen">Small Screen</a>

		<a href="#" class="close">Close</a>
	</div></div>

	<div class="fixed"></div>
</div>


<div id="page-content"><div class="funnel">

{% include nav-sidebar.html %}

<div class="primary-col">
	
	<section id="featured" class="island">
		<header class="large">
			<h2>
				Social &amp; Communication
			</h2>
			
			<form class="sort">
				<label>Sort by</label>
				<select>
					<optgroup>
						<option>Featured</option>
					</optgroup>
					<optgroup>
						<option>Most Users</option>
						<option>Highest Rating</option>
					</optgroup>
					<optgroup>
						<option>Release Date</option>
						<option>Last Update</option>
					</optgroup>
				</select>
			</form>
			
			<div class="sorter">
				Sort by:<!--
				--><ul><!--
					--><li><a class="selected" href="#">Featured</a></li><!--
					--><li><a href="#">Most Users</a></li><!--
					--><li><a href="#">Highest Rating</a></li><!--
					--><li><a href="#">Last Update</a></li><!--
					-->
				</ul>
			</div>
		</header>
		
		<div class="pages">
			<ul class="page onecol wide-ext-list">
				<!--
				{% for i in (1..3) %}
				{% for ext in page.featured-exts %}
				--><li>
					<div class="wide-ext">
						<p class="icon"><img src="static/img/icons/{{ ext.icon }}" /></p>
						<p class="title">
							<a href="detail.html">{{ ext.name }}</a>
							<span class="author">by {{ ext.author }}</span>
						</p>
						<p class="desc">{{ ext.desc }}</p>
						<p class="meta">
							<span class="rating-stars rating-4"></span> (30)
							&middot;
							<span class="users">9,999,999 users</span>
						</p>
						<p class="install">
							<a class="button small install" href="#"><span>Add to Firefox</span></a>
						</p>
					</div>
				</li><!--
				{% endfor %}
				{% endfor %}
				-->
			</ul>
		</div>
	</section>
	
	{% include paginator.html %}

</div>


</div></div>