Monthly Shaarli

All links of one month in a single page.

December, 2012

Leech - Download manager for OS X / Many Tricks

Every modern browser has its own download functionality, so why should you use a separate application for handling downloads in the first place? Because Leech works better than any built-in download manager.

HTML 5 Outliner

Create semantic outline of a webpage

Dive Into HTML5 - Semantics

This chapter will take an HTML page that has absolutely nothing wrong with it, and improve it. Parts of it will become shorter. Parts will become longer. All of it will become more semantic. It’ll be awesome.

Bourbon Sass Mixins Library

Bourbon is a library of sass mixins that are designed to be simple and easy to use. No configuration required.

What’s your device’s min-device-pixel-ratio?
Vertical rules script in InDesign | Peter Kahrel

The script adds vertical rules (left border) to selected paragraphs. Of the several methods suggested in a thread on Adobe's InDesign forum -- paragraph rule, dropcap on pipe symbol, placing paragraphs in a table cell, graphic rule in an anchored frame -- the latter seemed the most flexible and manageable.

Custom Sublime Text Build Systems For Popular Tools And Languages

In this post, I’d like to take you through the Sublime build system and share build scripts for working with many of the languages and tools we use today.

The Current State of HTML5 Forms · Wufoo

Browser support for the different features of HTML5 forms is quite varied. Let's explore.

mihaifm/simplemon · GitHub (on Node.js)

A simple file monitor that executes a given command each time a file change occurs inside the tracked directory.

NumExt - Numbered Tabs :: Add-ons for Firefox

NumExt numbers your tabs with no limitation on how many tabs you can open.

Apple - Downloads - Dashboard Widgets - Regex Widget

An interactive widget for trying out regular expressions for JavaScript, and other languages (such as Sed, Ruby, or Perl). It has a simple user interface, case insensitive switch, global switch, and match index array view.

jquery.autoellipsis - simulate text-overflow for multiline text

jquery.autoellipsis is a jQuery plugin for automatically applying ellipsis on selected elements. This plugin optimally uses the available space, unlike methods like character counting.

Slim - a lightweight templating language

Slim is a template language whose goal is reduce the syntax to the essential parts without becoming cryptic.

Creating Custom Form Checkboxes and Radio Buttons with Just CSS! | InsertHTML

In CSS we have many ways to style things in any way we want. When it gets to forms though, things get a little complicated. Text inputs are easy, but checkboxes and radio buttons are very difficult to style with CSS. In this tutorial I’ll show you exactly how to style these inputs and make awesome forms with just CSS!

Starkers - Completely Blank Theme for Wordpress | Viewport Industries

Starkers is a bare-bones WordPress theme created to act as a starting point for the theme designer. Free of all style, presentational elements, and non-semantic markup, Starkers is the perfect ‘blank slate’ for all your WordPress projects.

toland/qlmarkdown - GitHub

QLMarkdown is a simple QuickLook generator for Markdown files. It renders a preview of the selected Markdown file using Discount -- a C implementation of John Gruber's Markdown.pl script.

iTextEditors - iPhone and iPad text/code editors and writing tools compared

This is a feature comparison of text editors on iOS. The information was compiled by the web community on an open Google spreadsheet. I cannot vouch for its current accuracy, but will be verifying everything as I’m able. It’s meant to help you find the most useful way to write, code or take notes for your personal needs. Every editor is geared toward a slightly different purpose, with their own strengths and focus.

WordPress Serialized PHP Search Replace Tool | Interconnect IT - WordPress Consultants, Web Development and Web Design

When you’re migrating WordPress (or any other platform using serialized PHP strings in the database) between domains, you must use a safe search and replace method that preserves the integrity of the serialized string lengths. A simple of a dump file for http://localhost to, for example, http://thenewdomain.com is problematic because the length of the string changes but the indexes for the serialized strings does not. Consequently settings are lost and widgets disappear. Not good.

WordPress › Support » Clean up menus markup
holmes.css - CSS Markup Detective

Holmes.CSS puts colored outlines around potentially invalid, inaccessible or erroneous HTML markup.

Выбор и эксплуатация SSD накопителей. - Клуб экспертов THG.ru
Tab Mix Plus • View topic - keyboard shortcuts via keyconfig
Modular Scale - calculate harmonious proportions for web design

A modular scale, like a musical scale, is a prearranged set of harmonious proportions.

Image Shackle Widget - easy image resizing and image and video proportions calculator - OS X Dashboard

There is no need to open a full-featured program such as Photoshop every time you want to make a simple size adjustmant to a picture. Image Shackle lets you resize an image quickly. Whether you are wanting to throw an image up on myspace or print out your latest party pic, Image Shackle is the easiest way to make your photos the right size.

Element Finder for ST2 · GitHub

Search through HTML files for elements that match a CSS selector.

HTML5 Form Validation Examples < HTML | The Art of Web

The option of using pure HTML (sometimes with a dab of CSS) for form validation was until recently unthinkable. Sure there have been all kinds of whacky JavaScript plug-ins over the years aimed at achieving something similar, but never a single standard that we could work towards.

Middleman: Hand-crafted frontend development

Middleman is a static site generator using all the shortcuts and tools in modern web development.

Fastest and Easiest Way to Sync Sites in FileZilla on your Mac via Dropbox | Krunk4Ever!

So I’ve been a long time user of FileZilla and awhile back I looked into how to share my site list across multiple machines and one method many people were doing was storing their application settings on Dropbox by modifying their fzdefaults.xml to point to a location under your Dropbox folder.

Jade.php - GitHub

Jade is a high performance template compiler heavily influenced by Haml and implemented for PHP 5.3.

Jade Template Syntax Documentation by Example

This interactive documentation illustrates the most important features of the Jade templating language. You can play around with the examples and watch the html output in real time.

An Introduction To Object Oriented CSS (OOCSS) - Smashing Coding
SASS & Color Variables | SachaGreif.com

I’d like to share a small tip about handling color variables. First - descriptive variables (like $lightblue:#001eef), than redefine them with meaningful variables (like $linkcolor: $lightblue).

Bones - A Wordpress Development Theme Themble

Built around the HTML5 Boilerplate, Bones is a rock solid foundation to start any WordPress project. Keep what you need, remove what you don't. It's totally up to you.

Рвота у кошек. Диагностика и лечение рвоты у кошки.

Рвота у кошек бывает острой и хронической. Диагностический и терапевтический подходы при двух формах рвоты различаются. При острой рвоте у кошки чаше всего требуется простое симптоматическое поддерживающее лечение, тогда как при хронической рвоте — проведение специфических методов диагностики до начала назначения соответствующей терапии. Некоторые здоровые кошки отличаются склонностью к рвоте, у которых она носит физиологический характер.

Sublime-surround ST2 plugin · GitHub

Sublime-surround is a SublimeText 2 plugin for adding, deleting and modifying text around the cursor or selection.

Awesome Bookmarklets + Tutorials and Resources - WebsitesMadeRight.com

I have quite an extensive collection of bookmarklets that I’ve presented here for your convenience, I recommend all of them. There’s also a round-up of tutorials and resources at the bottom.

What is a Polyfill? - Remy Sharp's blog

A polyfill, or polyfiller, is a piece of code (or plugin) that provides the technology that you, the developer, expect the browser to provide natively. Flattening the API landscape if you will.

WooCommerce | WooThemes

Transform your WordPress website into a thorough-bred online eCommerce store. Delivering enterprise-level quality & features whilst backed by a name you can trust. Say hello to WooCommerce.

Asana - Task Management for Teams

Asana is the shared task list for your team.
The place to plan, organize & stay in sync.

CSSDeck - try and learn CSS

We're trying a new way to teach and learn html/css/js. Basically, you just need to write HTML, CSS, Javascript code inside code editors and we'll record whatever you type. Other people can then "playback" your recording in a video style and learn how you made your creation.

Quick Tip: Using jQuery to include files | Attack Of Design

One common problem when developing html templates, is that you have to duplicate the same code a lot: every page needs the same header and footer, and this goes against the DRY principle. In a WordPress theme, you would simply use a PHP include, but what if you can’t use PHP? Some buyers use ASP, Rails, or other server-side languages, and will not be able to parse PHP on their server.

HTML 2 Jade - a converter for HTML

Powered by html2jade

WidgetTerm | Free Development software downloads at SourceForge.net

WidgetTerm is a terminal Dashboard Widget for Mac OS X 10.4 or above. This widget implements the terminal function through the Web Kit Plug-in in Objective-C powered by iTerm's open source terminal implementation.

randy3k/Change-List · GitHub

It remembers where changes were made.

Periodic Table of the Elements - Josh Duck

The table below shows the 107 elements currently in the
HTML5 working draft. You can also view how HTML5 elements are used on any site.

Bulletproof, cross-browser RGBA backgrounds, today | Lea Verou

This article discusses current RGBA browser support and ways to use RGBA backgrounds in non-supporting browsers. Bonus gift: A PHP script of mine that creates fallback 1-pixel images on the fly that allow you to easily utilize RGBA backgrounds in any browser that can support png transparency. In addition, the images created are forced to be cached by the client and they are saved on the server’s hard drive for higher performance.

0to255 - color variations selection tool

0to255 is a simple tool that helps web designers find variations of any color.

CSS Specificity Should Be Irrelevant

I think it’s great if a CSS developer wants to learn the ins and outs of specificity, because it is an important aspect of how CSS works. But I’m going to put forth an argument here that CSS specificity is quite overrated and, in fact, learning about CSS specificity has the potential to degrade the quality of your code.

Naming and using id's and classes properly | Matt Wilcox .net

Or, less presumptuously: How to name and apply classes and id’s for flexibility, future-proofing, and maintainability.

Comparing My Favorite iOS Text Editors - WriteUp, WritingKit, Elements, Notesy

Earlier this year, I promised myself that I would get more work done using the iPad. The plan was an ambitious one: after three years of writing, researching, and online communication done exclusively using my MacBook (and, perhaps to an extent, my iPhone) switching to the iPad as my main work machine did indeed seem like a daunting task at first. Yet the more I thought about it, the more I realized the long-term benefits of giving the iPad a fair chance as a full-time writing tool would outnumber the perks of using a device I am accustomed to. With a mature ecosystem of apps that sees great new software coming out every week and a Retina display on the horizon, starting to use the iPad as my main computer was an investment.