Monthly Shaarli
December, 2012
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.
Create semantic outline of a webpage
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 is a library of sass mixins that are designed to be simple and easy to use. No configuration required.
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.
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.
Browser support for the different features of HTML5 forms is quite varied. Let's explore.
A simple file monitor that executes a given command each time a file change occurs inside the tracked directory.
NumExt numbers your tabs with no limitation on how many tabs you can open.
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 is a jQuery plugin for automatically applying ellipsis on selected elements. This plugin optimally uses the available space, unlike methods like character counting.
Slim is a template language whose goal is reduce the syntax to the essential parts without becoming cryptic.
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 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.
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.
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.
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.
Holmes.CSS puts colored outlines around potentially invalid, inaccessible or erroneous HTML markup.
A modular scale, like a musical scale, is a prearranged set of harmonious proportions.
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.
Search through HTML files for elements that match a CSS selector.
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 is a static site generator using all the shortcuts and tools in modern web development.
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 is a high performance template compiler heavily influenced by Haml and implemented for PHP 5.3.
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.
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).
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 is a SublimeText 2 plugin for adding, deleting and modifying text around the cursor or selection.
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.
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.
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 is the shared task list for your team.
The place to plan, organize & stay in sync.
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.
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.
Powered by html2jade
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.
It remembers where changes were made.
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.
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 is a simple tool that helps web designers find variations of any color.
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.
Or, less presumptuously: How to name and apply classes and id’s for flexibility, future-proofing, and maintainability.
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.