Mac web developer apps
This gist's comment stream is a collection of webdev apps for OS X. Feel free to add links to apps you like, just make sure you add some context to what it does — either from the creator's website or your own thoughts.
|* Based on https://gist.github.com/583836 from http://stackoverflow.com/questions/3709391/node-js-base64-encode-a-downloaded-image-for-use-in-data-uri.|
|* Neither that gist nor this one work for me in 0.2.x or 0.3.x.|
|var request = require('request'),|
|BufferList = require('bufferlist').BufferList,|
|sys = require('sys'),|
|bl = new BufferList(),|
|url = 'http://nodejs.org/logo.png'|
|# GNU Screen - main configuration file|
|# All other .screenrc files will source this file to inherit settings.|
|# Author: Christian Wills - email@example.com|
|# Allow bold colors - necessary for some reason|
|attrcolor b ".I"|
|# Tell screen how to set colors. AB = background, AF=foreground|
|termcapinfo xterm 'Co#256:AB=\E[48;5;%dm:AF=\E[38;5;%dm'|
|-- show running queries (pre 9.2)|
|SELECT procpid, age(clock_timestamp(), query_start), usename, current_query|
|WHERE current_query != '<IDLE>' AND current_query NOT ILIKE '%pg_stat_activity%'|
|ORDER BY query_start desc;|
|-- show running queries (9.2)|
|SELECT pid, age(clock_timestamp(), query_start), usename, query|
|WHERE query != '<IDLE>' AND query NOT ILIKE '%pg_stat_activity%'|
The graphing widget shows graphs using the Rickshaw graphing library. The names of data fields should be (vaguely) familiar if you've used Rickshaw before.
A custom UI set built to work with and sit next to Bootstrap 3. Custom select boxes by @catalinred. 3D Scroll effects inspired by @chriscoyier's slide in when scroll down pen. The kit is also responsive!
Try clicking & hovering everything.
Feel free to fork, heart and share!