Monthly Shaarli

All links of one month in a single page.

October, 2012

Convert to WebM via Miro Video Converter with better quality

Run this in Terminal:
/Applications/Miro\ Video\ Converter.app/Contents/Resources/ffmpeg -i /path/to/input/video.mp4 -f webm -vcodec libvpx -acodec libvorbis -ab 160000 -b 1152k /path/to/output/video.webm

jQuery-Stickem · GitHub

Make items sticky as you scroll, to a point.

The Viget Guide to a Great UX Portfolio | Viget

We’ve been talking about what makes a great UX candidate, and it’s pretty clear that a great portfolio is one of the quickest ways to convince us that we need to talk. The first problem is that a lot of people looking to get into UX as a career—whether they’re new grads or changing fields—don’t know what goes into making a stand-out portfolio. The second problem is that a UX portfolio doesn’t quite follow the same rules as other design portfolios.

Status-4-Evar :: Add-ons for Firefox

The extension provides "Status Text", "Progress Meter", and "Download Status" items. These toolbar items can be moved wherever you want by customizing the toolbars. Behavior of the toolbar items, and other additional settings, can be controlled in the extension preferences.
This extension can also act as a replacement for the Fission extension. There are preferences to show links, status, and progress in the location bar instead of the toolbar items.

Blog | Dearest Nature | A life of nature-inspired food, fashion, and fun
FO (FRAGILEOBSCURITY) - The studio where digital applications meet beautiful graphic design!

FO is a graphic design & digital studio hailing from the alps of Austria

WebPlatform Docs - open documentation on web technologies - HTML, JS, CSS

Web Platform Docs is a new community-driven site that aims to become a comprehensive and authoritative source for web developer documentation.

Bounce – Annotations on websites & screenshots

A fun and easy way to share ideas on a website.

23 rules for speeding up the site - Yahoo! YSlow for Firefox

Yahoo!'s Exceptional Performance team has identified 34 rules that affect web page performance. YSlow's web page analysis is based on the 23 of these 34 rules that are testable. Click each performance rule below to see the details.

kihlstrom/CloseTagOnSlash · GitHub

This is a command for Sublime Text 2 that is meant to be bound to the slash ("/") key in order to semi auto close open HTML tags

HTML5 Video Player Comparison

We’ll help you choosing the best HTML5 based video player for your next project.

Hopes & Fears — Ежедневный журнал о новом поколении предпринимателей.

HOPES AND FEARS — это источник идей, историй успеха, мнений известных предпринимателей и другой актуальной информации для молодых бизнесменов в России. Основное настроение — это оптимизм, активная позиция и созидание. Мы считаем, что увеличение количества предпринимателей — безусловное благо для любого российского города и для страны в целом.

Backbone.js

Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface.

Restartless Restart :: Add-ons for Firefox

This 15KB restartless add-on will add a "File" -> "Restart" menu item and a ctrl/cmd + alt + r hotkey to restart FIrefox or Seamonkey.

Digger Reloaded :: Add-ons for Firefox

Dig through URLs with mouse right button click (context-menu).

Fresco - A Beautiful Responsive Lightbox

Fresco is a beautiful responsive lightbox. It can be used to create stunning overlays that work great at any screen size, in all browsers on every device.

Zepto.js: the aerogel-weight jQuery-compatible JavaScript library

Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto.

Google/Yandex search link fix :: Add-ons for Firefox

Google Search has the annoying habit of changing the result link when you click it. If you try to copy the link you get some gibberish instead of the actual link. This extension disables this behavior - on any Google domain, without having to configure anything. Simply install and enjoy!

Blind Pig Design

Blind Pig Design is Aaron Awad making prints, posters, logos and illustrations. Have a look.

Download status :: Дополнения Firefox

This add-on replaces the standard download text of Firefox 3.* with some more detailed information. It displays the total download speed, the remaining size, the total number of files and the remaining time of your downloads (including DownThemAll!).

SublimeText/EncodingHelper · GitHub

Guess encoding of files, show in status bar, convert to UTF-8 from a variete of encodings.

Spur - A fun and easy way to critique a webpage.

Check your webpage with spacer, contrast and other designer tools.
Spur is a fun and easy way to critique web designs in ways you’ve never done before. Just paste a URL (or upload an image) and you’ll be able to use seven different tools to help you find what’s working (and what isn’t!).

Open Multiple Locations :: Add-ons for Firefox

Adds a "File" menu option to open multiple locations at a time.

agibsonsw/AndySublime · GitHub

CSS, PHP and JavaScript completions for Sublime Text 2.

MediaElement.js - HTML5 video player and audio player with Flash and Silverlight shims

HTML5 and made easy. One file. Any browser. Same UI.

A Crash Course in Information - Short guide into Webdesign

Good design is an interesting thing. It's easy to identify but hard to explain. If you have ever tried to mimic good design, you'll really know what I mean. Sometimes, even with the "inspiration" right before your eyes, you struggle with creating something that feels as "tight" as the original piece.

Auto focus URL bar :: Add-ons for Firefox

When keyin a-Z,will auto focus to URL bar.

Semantic data extractor - QA @ W3C

This tool, geared by an XSLT stylesheet, tries to extract some information from a HTML semantic rich document. It only uses information available through a good usage of the semantics defined in HTML.
The aim is to show that providing a semantically rich HTML gives much more value to your code: using a semantically rich HTML code allows a better use of CSS, makes your HTML intelligible to a wider range of user agents (especially search engines bots).
As an aside, it can give clues to user agents developers on some hooks that could be interesting to add in their product.

Disable clipboard manipulations :: Add-ons for Firefox

This extension prevents websites from interfering with your copy and paste actions without waiting for bug 542938 to be fixed. No configuration required, the website will simply no longer notice when you copy or paste text.

It's All Text! :: Add-ons for Firefox

Edit textareas using an external editor, because it's all text!
Right click on a textarea, select "It's All Text!" and edit the text in the editor of your choice.
Alternatively, click on the edit buttons added for your convenience. Right click on the edit buttons for even more options, including preferences.

Scroll Search Engines :: Add-ons for Firefox

Changes the selected search engine in the search bar by scrolling the mouse over the searchbar or search context menu. Also supports keyboard shortcuts ctrl+k and ctrl+shift+k to change the search engine with the keyboard.

Workflow Tips: Useful Fireworks Techniques And Features For Large Design Teams
JewelryBox - The Official OS X RVM GUI

JewelryBox allows you the freedom to manage your rubies, gemsets and gems from a graphical environment. Take advantage of the native OS X application interface with a 100% pure objective-c code base. Out of the box, JewelryBox runs natively on Mac OS X Lion and Mac OS X Snow Leopard.

CSS Tools: Reset CSS

The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others.

WordPress › Custom Post Type UI « WordPress Plugins

Admin UI for creating custom post types and custom taxonomies in WordPress

Popcorn.js | The HTML5 Media Framework

Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web. Popcorn.js is part of Mozilla's Popcorn project.

Online-convert.com

Convert media free, fast and online.

Egg Freckles | Syncing Transmit with Dropbox

I use Transmit everyday to post new content to Egg Freckles, or upload changes to my MessagePad theme. Transmit’s Sync command is invaluable for moving the changes on my computer to the various sites I have bookmarked in Transmit’s collection of favorites. Unfortunately no matter how useful Transmit’s Sync command may be, it is powerless at synchronizing my Transmit favorites between two or more computers.