May 2012
8 posts
git log pimping
PIMP IT YO
git log --graph --pretty="%n[%C(yellow)%h%Creset][%C(red)%cn%Creset] %s - %Cgreen%cr%Creset"
git log --graph --pretty="------------------------------------------------%n[%C(yellow)%h%Creset][%C(red)%cn%Creset] - %Cgreen%cr%Creset%n%n%Cblue%s%Creset%n%n%b" -U
Responsive Tables →
Three quick Rails console tips - (37signals) →
Achievement: Andrew Krespanis
So today, due to Flippa redesign, I got introduced to Andrew Krespanis. Don’t know who he is? well, if you’re a front-end engineer I’m sure you’ve seen his code more than a couple of times in your life, he’s the author of the “star hard reset”:
* { margin:0; padding:0; }
So yeah, achievement unlocked.
Recommended read: The History of CSS Reset
jQuery Knob →
Interesting graphs.
ActiveSupport::Concern →
AS::Concern will look for modules named ClassMethods and InstanceMethods and bootstrap them as you normally would like.
@pda: @Kuroir ActiveSupport::Concern is great. But there’s no need to specify an InstanceMethods module. Just methods, and a ClassMethods module.
iOS Text Gestures.
It’s blow your mind time. Ready? Double-tap any text you are editing in order to select a word. That also allows you to drag the endpoints. Tapping with two fingers selects the whole paragraph. In short: Tapping places the cursor (and brings up the keyboard if it isn’t already up), double-tapping selects a word, tapping with two fingers selects a paragraph. I couldn’t find any other gestures. If...
“sudo ln -sf /usr/share/zoneinfo/Australia/Victoria /etc/timezone”
Maps Stamen →
Styled Google Maps
→
April 2012
13 posts
The Google attack: How I attacked myself using... →
“Sometimes you want the UI to be frictionless (i.e. buying something)
Sometimes...”
– Mark Harbottle
Image Magic Crop and Center
Just use the command line (even in PHP).
/usr/local/bin/convert -resize 100x -resize 'x100<' -resize 50% -gravity center -crop 50x50+0+0 +repage $in $out 2>&1
“Hey, just wanted to tell you that I’m exceedingly fond of your theme and...”
– Andrey Terantsov, on Kuroir Theme
Demonstrating Responsive Design →
before: after: ie7 →
All The Cheat Sheets An Up To Date Web Designer... →
“DevTools APIs summary”
– chrome.devtools.panels - Google Chrome Extensions - Google Code
Clutch.io →
lazerwalker/Mobile-Safari-Inspector →
Golden.
LukeW | Multi-Device Layout Patterns →
March 2012
4 posts
An explanation of the CSS animation on Apple's... →
We are Colorblind →
Compass user-select:none
Use it via:
@import "compass/css3/user-interface";
@mixin user-select(none);
Documentation:
Here.
How I Helped Destroy Star Wars Galaxies » Medium... →
This would be awesome to read on Ragnarok Online.
February 2012
11 posts
“Making good-looking graphs shouldn’t be hard. Morris.js is a lightweight...”
– Morris.js
“y – Yes, add this hunk
n – No, don’t add this hunk
d – No, don’t add this hunk...”
– git add —patch and —interactive
Valid JavaScript variable names →
“Essential JavaScript Design Patterns For Beginners”
– Essential JavaScript Design Patterns For Beginners
jQuery UI Bootstrap- GitHub →
Watch(via Designing better user interfaces)
JavaScript Array Remove →
10 Usability Tips Based on Research Studies →
Forget the “Three-Click Rule”
Enable Content Skimming By Using an F-Shaped Pattern
Don’t Make Users Wait: Speed Up Your Website
Make Your Content Easily Readable
Don’t Worry About “The Fold” and Vertical Scrolling
Place Important Content on the Left of a Web Page
Whitespace of Text Affects Readability
Small Details Make a Huge Difference
Best way to generate slugs (human-readable IDs) in... →
Recursive Search with Path/File exclusion
:)
function search() {
find . \( -path \*/SCCS -o -path \*/RCS -o -path \*/CVS -o -path \*/MCVS \
-o -path \*/.svn -o -path \*/.git -o -path \*/.hg -o -path \*/.bzr \
-o -path \*/_MTN -o -path \*/_darcs -o -path \*/\{arch\} -o -path \*/ul -o -path \*/templates_cached -o -path \*/cache \) \
-prune -o \
\( -name .\#\* -o -name \*.o -o -name \*\~ -o -name \*.bin -o...
“find . -type f -exec grep -il 'Mario' {} +”
January 2012
9 posts
Sublime.
Good Stuff for SublimeText2
{ "keys": ["ctrl+super+g"], "command": "find_all_under" },
{ "keys": ["super+d"], "command": "find_under_expand" },
{ "keys": ["ctrl+s"], "command": "show_overlay", "args": {"overlay": "goto", "text": "#"} },
“The thing about being a manager is you are involved in a lot more stuff at once,...”
– Awesome Manager
Android Design - Welcome →
Container and Image
Something as simple as a a tag wrapping an image can be some times frustrating when you don’t know how to work around them.
Today making the a fit perfectly over the child ( a img tag) made me think for a minute there. Leaving this note to myself to avoid having to think about it again:
Annoying spacing huh?
Anyway to fix it just add vertical-align:middle to the child and it will...
“aria2 Command Line Download Utility”
– aria2 project
Profiling CSS for fun and profit. Optimization... →
Subtle Patterns | Free textures for your next web... →
December 2011
11 posts
“sudo hostname”
– terminal.app - Hostname issue in Mac OS X Lion - Super User
All Functions | Compass Documentation →
5 tags
Compass: ie-hex-str()
There are times where you need to provide “support” for gradients, on the shitty internet explorer 7-8. And doing it with Sass mixins is not as simple as one would want.
It’ll work some times, and other times won’t work. Problems occur when you put colors that can be minified, like #FFFFFF which Sass will minify to #FFF.
What happens if you use #FFF on a IE filter?...
Developing Grammar Files on Sublime →
Golden Ratio Mixin — Gist →