Install this theme
Awurl is an awesome web-based website highlighter

Highlights

Awurl, “the Awesome Highlighter,” is just that: a great way to highlight specific parts of webpages and send the page, with highlights, to friends. You can also save the highlights for later, or use the link as an informal citation, of sorts. 

Read More

Changing Firefox Bookmark Icons [UPDATED]

Normal Bookmarks Toolbar

Favicons are a great thing for websites—they let you identify the website easily in tabs and in bookmarks, and especially in the bookmarks toolbar. It’s always annoying to run into a favicon you don’t quite like, however. Here’s how to change a site’s favicon on the Bookmarks Toolbar in Firefox, without any additional add-ons.

Read More

Is Google Search Rolling Out an Updated User Interface?

image

I usually use Bing, but I stumbled across a Google search link from Reddit recently, and was surprised to find quite a different UI for Google. So far I’m seeing it only on Firefox nightly, with all userstyles and userscripts (as well as Adblock) disabled.

The interface looks much, much cleaner. It uses a lot more space, but I can’t find the “Cached” and “Similar” options in this interface.

image

Update: Techcrunch says its tipsters are seeing this as well. 

Customize Firefox App Menu Button’s Colors

image

Thanks to Lifehacker commenter TheButcherFly for help with this.

The Firefox [or Minefield, for the Firefox nightly users] “app button” comes with a default orange color, which many users dislike. Fixes for this range from add-ons (also, this one), to some quick CSS code. However, these often disable the color change for Private browsing mode, and sometimes need additional tweaks. Here’s some CSS code to quickly change the app button color, text color, and give the text some text shadow. Change the colors as you wish. Use something like this to get the rgba values for colors.

#appmenu-button{
background-image:-moz-linear-gradient(rgba(200,200,200,1), rgba(200,200,200,1)) !important;
color:black!important;
font-weight: 900!important;
font-family:"Segoe UI"!important;
text-shadow: 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white!important;
}

#main-window[privatebrowsingmode="temporary"] #appmenu-button{
background-image:-moz-linear-gradient(rgba(115,115,115,1), rgba(115,115,115,1)) !important;
color:black!important;
font-weight: 900!important;
font-family:"Segoe UI"!important;
text-shadow: 0px 0px 5px white, 0px 0px 5px white, 0px 0px 5px white!important;
}

Firefox 4 Keyboard Shortcuts [Autohotkey]

imageimage

Firefox 4 removed some shortcuts that power users may miss quite a bit. With Autohotkey, however, these are really easy to fix.

Read More

Firefox 4: Prompt to Save Session on Exit

image

Firefox 3 had a cool feature which allowed you to save your session on exit. For whatever mysterious reason, Firefox 4 disabled this. Here’s how to fix it.

Read More

Easy App Tabs (no, not the add-on)
image

One of the great features of Firefox 4 are the app-tabs. While it’s pretty easy to turn a tab into an app-tab, there’s already an add-on that allows you to make an app-tab simply by double clicking on a regular tab. However, there’s another simpler way: Make one app tab, and you can make any other tab an app tab simply by dragging it to the left of that app tab. Similarly, you can take the app tab and move it to the right of a regular tab, and it will unapp-tabify itself.

Bing HTML5 Preview

Bing Logo

A few days ago, the www.bing.com/peek website was discovered. Alas, while it did provide some information on Bing’s new update, it did.. nothing.

Fast forward to now, and the Bing Peek website no longer exists. What does exist, however, is Bing’s Cache of the page. So I decided to take a spin at it. Maybe something still works? It does.

Read More

Transparent Firefox Buttons

image

Transparency attack!

After getting the tabs to be transparent, I’ve become obsessed with glass. Someone directed me to a Stylish script which made buttons transparent (http://userstyles.org/styles/43376/firefox-4-transparent-navbar-buttons), and I really liked it. A few things were weird though—I didn’t like the hover color used, and it didn’t work with the icons I have in my tab bar (e.g. the Panorama button). The below is my code as of now:

.toolbarbutton-1 {
      background:transparent !important;
      box-shadow: none !important;
      border-color: transparent !important; 
}
.toolbarbutton-1:not([disabled="true"]):hover .toolbarbutton-icon {
      box-shadow: 0px 0px 3px 3px #4690ff !important;
      background: #4690ff !important;
      border-radius: 4px !important;
      -moz-transition: background-color .4s ease-in,  border-color .2s ease-in,  box-shadow .2s ease-in !important; 
}