Bram.us – Page 361 – A rather geeky/technical weblog, est. 2001, by Bramus

Increasing the Clickable Area of Inline Links

p a { margin: -.5em; padding: .5em; position: relative; } Neat little hack! Demo → Increasing the Clickable Area of Inline Links →

Read Post →

What no one told you about z-index

z-index seems so simple: elements with a higher z-index are stacked in front of elements with a lower z-index, right? Well, actually, no. Turns out stacking contexts are triggered by more than the general rules most of us (including me) know .. What no one told you about z-index →

Read Post →

Fresh Prince: Google Translated

In the geekiest experiment ever, CDZA co-founder Joe Sabia shows us what happens when we translate the lyrics of the Fresh Prince of Bel-Air through every language in Google Translate (64 times), and then taking what remains and translating it BACK into English.

Read Post →

Rotating Words with CSS Animations

Cool effect. Lots of manual work though (per word you have to define a delay) — Now, where are those CSS functions and variables? Rotating Words with CSS Animations →

Read Post →

Conversations are not competitions

Conversations are not competitions. Just because someone else is right doesn’t mean that you are wrong. An opinion that differs from yours is not an attack on your rightness. Failing to see that often leads you in the wrong direction. — By Nicholas C. Zakas, from Being right doesn’t matter

Read Post →

Napkin for Mac

Napkin is the ultimate tool for concise visual communication. Painlessly annotate images or create diagrams and share the results quickly. Not only does it and the results look good, it also some contains some interesting user interactions. Napkin →

Read Post →

Airbnb JavaScript Style Guide

Extensive JavaScript Style Guide by Airbnb about just about everything in JavaScript: Types, Functions, Naming Conventions, Whitespace, Comments, Constructors, Performance, etc. — A must read for anyone who scripts the JavaScript. Airbnb JavaScript Style Guide →

Read Post →

Adobe Creative Suite 2 now Free

Adobe’s now offering Creative Suite 2 (Acrobat Pro, Photoshop, Illustrator, …) for free. Sounds like a perfect deal for (my) students who are still learning the tools and are still learning (and most likely will only need) the basics. Adobe Creative Suite 2 Downloads →

Read Post →

Spark SVG

Easily integrate sparklines into your website. Host it yourself, or embed the hosted version. <embed src="//sparksvg.me/line.svg?10,12,3,4,8,20,15,9,7,9,10,6,4,0,4,7,10,8,12,9,7,3,0" type="image/svg+xml"> Results in: The service also offers charts with bars and dots. Spark SVG →Spark SVG Test Page →

Read Post →

Super Resize Me

Very fun browser game in which you have to constantly resize your browser window to have it match the box shown on screen. Simple, and therefore awesome. Super Resize Me →

Read Post →