link – Page 229

PHP TokenPhrase Generator

Based up on this TokenPhrase Ruby Gem I decided to quickly write a PHP variant of it. With it, one can generate unique phrases for you to use in your app as tokens. <?php require_once __DIR__ . ‘/../src/autoload.php’; for ($i = 0; $i < 10; $i++) { echo TokenPhrase\TokenPhrase::generate() . PHP_EOL; } The resulting output …

Continue reading “PHP TokenPhrase Generator”

Read Post →

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 →

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 →

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 →

Elusive Icons

Extra icons for use with Bootstrap Elusive Icons →

Read Post →

Flickable — A Zepto Plugin to Enable Touch Gestures on Any HTML Element

Zepto is great for handling basic gesture events, but for more complex touch interactions it can be lacking. Flickable allows you to make any element touchable; useful for flicking between sections, or sliding elements around the page. Flickable → Flickable Thumbnail Slider Demo → Looking for a jQuery flickable plugin? Check out jQuery.flickable. Note that …

Continue reading “Flickable — A Zepto Plugin to Enable Touch Gestures on Any HTML Element”

Read Post →