Monthly Shaarli

All links of one month in a single page.

November, 2012

Websites as graphs - an HTML DOM Visualizer Applet
UKsubtitles.ru
100000 Stars Google Chrome Experiment

It's a new Chrome Experiment called 100,000 Stars that visualizes the stellar neighborhood. Using your mouse or trackpad, you can zoom in and out to explore our galaxy. Zooming in reveals the names of the most prominent stars close to our sun – click each name to learn more about it and see a digital rendition.

CSS Specificity And Inheritance | Smashing Coding
JsFormat

JsFormat is a javascipt formatting plugin for Sublime Text 2. It uses the commandline/python-module javascript formatter from http://jsbeautifier.org/ to format the selected text, or the entire file if there is no selection. The plugin does not check to make sure the buffer has a ".js" file type, it just javascript formats the selection/file. Thus, use with caution if you are in an html file.

jQuery Bookmarklet Generator

Create your own "requires-jQuery-to-run" bookmarklet!

erinata/SublimeMarkdownBuild

This is a Sublime Text plugin for building markdown into html and open it in browser.

skuroda/FindKeyConflicts · GitHub

Assist in finding key conflicts between various plugins. This plugin will report back shortcut keys that are mapped to more than one package. This does not guarantee that the listed plugins are necessarily in conflict, as details, such as context, are ignored. This is simply a tool to help assist what plugins may be conflicting.

Navigating the new multi-screen world: Insights show how consumers use different devices together - Google Mobile Ads Blog

How many times have you started reading an email on your phone while commuting, and then continued it on your laptop when you got home? Or perhaps you saw a commercial for a new car and then used your tablet to search for the specs and see it in action? If these things sound familiar, that’s because they’re all part of the new norm in multi-screen behavior.

Vendor-prefixed CSS Property Overview « Peter Beverloo

Next to having four seperate pages for the major rendering engines, this page shows a clearer overview of the implemented, prefixed properties, and their counterparts in other engines.

Keyboard Maestro 5.3.2: Work Faster with Macros for Mac OS X

Keyboard Maestro is a powerful macro program for Mac OS X Mountain Lion, Lion and Snow Leopard which has received glowing reviews.

Data URI fallback for MSIE browsers

Reducing the number of HTTP requests is a must, sprites are cool, but a pain to maintain, so there come data URIs (for all browsers) and MHTML (IE6 and 7). I've talked about these things on this blog to a point where the blog comes up in top 10 results in search engines for queries like "mhtml" and "data url". Therefore I think it's my duty to clarify a point for the good of the mankind :)

Polygon
URL Fixer Plus RU and UA :: Add-ons for Firefox

URL Fixer fixes common typos in URLs entered in the address bar. It will fix errors like "google.con" or "youtube,com". You have the option of being asked to confirm corrections before they are applied.

Anonymous Agency
Let's Get Physical (Units) | Boris Smus

One thing that remains constant across these devices are their users. Technologies come and go every year, but people stay the same. Existing form factors: pads, tabs and boards still make sense, and will continue to do so for the forseeable future. As a result, ergonomic considerations like touch target sizing, readable text and image size remain constant. Fingers will be fingers and eyes will be eyes! Our bodies are firmly rooted in the physical world, and the interfaces we create should reflect that.

SmartMarkdown SublimeText plugin

The plugin is aimed at making editing Markdown in Sublime Text 2 easier and more powerful. Ideally, I hope we can bring several amazing features of Org-mode of Emacs into Sublime Text 2.

Auto Reload :: Add-ons for Firefox

Reload page automatically when selected local files are changed.

Readlists

What’s a Readlist? A group of web pages—articles, recipes, course materials, anything—bundled into an e-book you can send to your Kindle, iPad, or iPhone.

Progressive Enhancement & Mobile [HOW Interactive 2012]

For years, designers and developers have griped about the difficulties they encountered in supporting the numerous desktop browsers out there, but mobile is even more fragmented. Phones, tablets, media players, video game systems—each device (and in some cases each browser on each device) has its own dimensions, quirks and capabilities. It can make your brain hurt just thinking about it.

compfight + a flickr™ search tool

Compfight is an image search engine tailored to efficiently locate images for blogs, comps, inspiration, and research. We make good use of the flickr™ API, but aren't affiliated with flickr.

Emmet (former Zen Coding)

Emmet (previously known as Zen Coding) is a web-developer’s toolkit that can greatly improve your HTML & CSS workflow.

HTTP Archive - tracking how the Web is built.

Trends in web technology - load times, download sizes, performance scores;
Interesting stats - popular scripts, image formats, errors, redirects;
Website performance - specific URL screenshots, waterfall charts, HTTP headers.

Верстка рассылок — что мы имеем? / Хабрахабр

Смысл поста — подытожить методику верстки писем под сегодняшние реалии, при этом не забывая про ископаемые клиенты.

DetectSyntax

DetectSyntax is a plugin for Sublime Text 2 that allows you to detect the syntax of files that might not otherwise be detected properly. For example, files with the .rb extension are usually Ruby files, but when they are found in a Rails project, they could be RSpec spec files, Cucumber step files, Ruby on Rails files (controllers, models, etc), or just plain Ruby files. This is actually the problem I was trying to solve when I started working on this plugin.

Specificity Calculator

A visual way to understand CSS specificity. Change the selectors or paste in your own.

Clickable Urls for SublimeText2

This plugin underlines URLs in Sublime Text 2, and lets you open them with a keystroke (Cmd+Option+Enter by default).

Sublime Forum • View topic - Auto-pair typographical quotes (and other symbols)

I am not a programmer and I'm testing Sublime text as a general editor, oriented to tagged text for Desktop publishing. I have been attempting to get auto-pair working for typographical quotes (“”‘’«») without sucess, due to my lack of knowledge. Any suggestion? I attempted to modify the windows sublime keymap but... Thank you very much in advance.

Markdown Viewer :: Add-ons for Firefox

Markdown document viewer.
Allows to visualize formatted markdown documents in browser.
(Works under Mac OS X!)

Adaptive Web Design reading list (by Aaron Gustafson) - Readlists

Essential reading & explorations in crafting adaptive user experiences. (by Aaron Gustafson)

Infographics and charts - interactive data visualization | Infogr.am

Infogr.am is an easy to use online service that lets create, share, discover infographics and online charts.

Infographics & Data Visualizations - Visual.ly

Telling Stories With Data - Share, create and study infographics

CSS+canvas blending modes demo //Chikuenok.ru
HTML Mail - Send HTML Emails Online

Write an email message in rich-text and send it to anyone with a click. Use the Edit HTML button to directly edit the source code.

How to learn CSS specifity - CSS: Specificity Wars // Andy Clarke

Join me, and together we can rule the galaxy as father and geeks!

Chained Selects jQuery Plugin

Chained is simple jQuery plugin for chained selects. You can choose from two different versions. Use jquery.chained.js if you do not want to make external queries for setting content of child selects. This version uses classnames of select options to decide content. As a bonus it is usable even with JavaScript disabled. However with JavaScript disabled there is one catch, all options will be shown to user.