Pinboard: bookmarks for gordonbrander

gordonbrander

« earlier

DynaTrace

Performace-tracking and stack tracing software for Internet Explorer's rendering engine. There is a free version, too.

ie development optimization javascript css web app
yesterday

copy to mine

CSS Browser Selector

Small (really small!) Javascript that appends a class for the user agent.

development web css javascript opensource bug
yesterday

copy to mine

DominikGuzei's flawless.css at master - GitHub

This is one to keep an eye on: library of well-written Less shortcuts, plus CSS3PIE integration. Since it's a modular opt-in toolset, you can grab only what you want. Todo: pick apart grid implementation.

lessc css development javascript web framework
yesterday

copy to mine

The Bike Stylist

How to build a bike, with diagrams, recommendations on parts, and more.

cycling design blog
7 days ago

copy to mine

Compare the cost of travel by air, bus, or car | Getset

Find the cheapest method of travel between US cities.

travel web app
8 days ago

copy to mine

WordPress › Ajax Comment Preview

Nice!

wordpress plugin opensource development
8 days ago

copy to mine

Using Sketchboards to design great User Interfaces quickly
wireframe design process learn ui
9 days ago

copy to mine

Git for the lazy

This is how to write an intro.

git learn development
14 days ago

copy to mine

Blue Fruit

Local design agency. Nice work.

design portfolio denver video web
26 days ago

copy to mine

WordPress Coding Standards « WordPress Codex

A good starting point.

development wordpress php learn
27 days ago

copy to mine

Get Wireframing: The All-In-One Guide

One bazillion wireframing links.

wireframe design process learn
28 days ago

copy to mine

Jason Santa Maria: Grey Box Wireframing Methodology

The classic.

wireframe design process learn
28 days ago

copy to mine

I ♥ wireframes

Wireframe Tumblog. Nice source of inspiration.

design wireframe ui process
28 days ago

copy to mine

WordPress Theme Unit Test « WordPress Codex

A handy WXR full of dummy content for WordPress theming.

test wordpress theme development bestpractice
28 days ago

copy to mine

iOS Fabric Texture Tutorial

A clever use of the noise and blur filters.

iphone design photoshop ipad
4 weeks ago

copy to mine

Improved regex for matching URLs
development resource php ruby python
4 weeks ago

copy to mine

Eureka Streams

An open source project by Lockheed Martin. It looks like an open-sourced Twitter/Facebook

opensource app web communication cms
5 weeks ago

copy to mine

Lessons Learned Concerning the Clearfix CSS Hack • Perishable Press

It turns out using "." for the :after property can cause issues in certain scenarios (ran into it just now). Using " " instead fixes it. Other gotchas noted too. I prefer using a zoom:1 to using height:1%, though.

css web development
5 weeks ago

copy to mine

Standing Desk Project

IKEA UTBY works pretty well.

work furniture design
5 weeks ago

copy to mine

How to prototype interactive web and desktop applications using Apple Keynote

Keynote files, etc. The video is convincing.

keynote ipad iphone design wireframe resource
6 weeks ago

copy to mine

Type in Motion

A lovely and entertaining kinetic typography intro to... typography.

typography video animation learn teaching
6 weeks ago

copy to mine

Tileables - Never Ending Patterns

Free web-ready patterns of hard-to-tile textures like paper (wrinkled!), wool, leather, rust, etc. Comes with images and Photoshop .PAT files.

design web pattern
7 weeks ago

copy to mine

JQuery Cycle Plugin

Pretty reliable carousel-type plugin with support for navigation and some wild transition animations.

jquery plugin javascript development animation
7 weeks ago

copy to mine

node.js

"Evented I/O for V8 JavaScript". Used by Less.js to compile files.

framework javascript opensource
8 weeks ago

copy to mine

v8 - Project Hosting on Google Code

Javascript engine in C++. Part of a server-side JS stack with Node.js

javascript opensource
8 weeks ago

copy to mine

Fake.app

"Web Browser Automation and Webapp Testing Made Simple". Has an interface similar to Automator. From the developer behind Fluid.

tool webkit app mac web testing development
8 weeks ago

copy to mine

iPhone Passwords

Run it on any ordinary input @type=password. The last letter typed will show its actual value so you're not typing blind.

jquery plugin opensource usability design development javascript
8 weeks ago

copy to mine

Design Is History

The history of design, in website form: 1450-Present.

design art history learn school
9 weeks ago

copy to mine

Targeting the iPhone 4 Retina Display with CSS3 Media Queries

Clever use of background-size and media queries to serve up high-dpi images to Retina displays.

css iphone design mobile
9 weeks ago

copy to mine

Stuff and Nonsense: Proportional leading with CSS3 Media Queries

A clever idea: increase leading as column widths increase in liquid areas.

css typography design development
9 weeks ago

copy to mine

Cross-browser kerning-pairs & ligatures

It turns out `text-rendering: optimizeLegibility;` improves kerning pairs in Safari, Chrome. FF has it on by default.

css typography design
9 weeks ago

copy to mine

WordPress Members Plugin

Really full-featured plugin for managing roles and access in WordPress. Lets you edit and create roles, force login for your site (gatekeeping), set access to content based on role, wrap content in a role shortcode (hiding it from others), widgets, template tags, etc.

plugin wordpress cms opensource
9 weeks ago

copy to mine

Grunion Contact Form: WordPress Plugins

Finally, out of the bazillions of contact forms out there for WordPress, a decent offering. It only took Automattic to create it. What's up with the name though?

Update: it sure could use a few more filters. Patch?

wordpress plugin opensource
9 weeks ago

copy to mine

LiveView for iPhone & iPad

Drag the frame over a portion of the screen on your computer, and your iPhone/iPad will show that portion on its screen. A great way to test design concepts.

ipad iphone development design tool opensource app
10 weeks ago

copy to mine

St Marie Thin

A thin slab-serif. Modern, angular and idiosyncratic, without being too strange. Available under an attribution/share-alike CC license.

creativecommons font serif modern @font-face design typography
10 weeks ago

copy to mine

Dekar by Fontfabric

A classy, free, quirky-futuristic sans-serif that allows @font-face embedding with a link back to the site.

@font-face typography font sans-serif modern design
10 weeks ago

copy to mine

Paul Irish: Bulletproof @font-face syntax

Way more complex than it needs to be (thanks IE), but at least it works, and it gives me an excuse to put a smily face character in my CSS.

@font-face typography css ie learn
10 weeks ago

copy to mine

Pure CSS Coke Can by Román Cortés

Stunning 3D rotation effect with CSS3

css design development learn inspiration
10 weeks ago

copy to mine

Pure CSS3 Page Flip Effect

More lovely work by Roman Cortes. CSS3 experimental transforms and animation create a clean, smooth page flip.

css design development learn inspiration
10 weeks ago

copy to mine

To Enable (Comments) or Not to Enable

"Conversational journalism is highly proactive — engaging ordinary citizens on stories before or during the reporting process, for instance, not after a story has run."

journalism citizenjournalism communication community
11 weeks ago

copy to mine

Heroic Condensed

Lovely modern sans-serif. I think this is the one Feltron uses all the time?

sans-serif typography font modern
11 weeks ago

copy to mine

Conversational Journalism

We don't broadcast in a vacuum, and the last pockets of low pressure have equalized.

journalism citizenjournalism communication philosophy
11 weeks ago

copy to mine

Smokescreen

Converts Flash movies to HTML5/Canvas/Javascript. Supports a good chunk of Flash8 animation, streaming sound and actionscript.

flash html5 api development canvas animation html javascript opensource
11 weeks ago

copy to mine

Web Fonts at the Crossing

Great overview of the web font situation to-date. This is the ALA I know and love.

css @font-face design development learn
11 weeks ago

copy to mine

Multiple backgrounds and borders using CSS2.1 :before and :after

Brilliant.

css learn development
11 weeks ago

copy to mine

CSS Image Replacement with pseudo-elements

Using CSS generated content to serve up sprites that work with or without images/css on.

css learn development
11 weeks ago

copy to mine

Web Fonts. Delivered ∗ Kernest

Open, free font embedding site (similar to TypeKit)

css @font-face typography design development tool
11 weeks ago

copy to mine

GitRef

Nice reference.

git development learn
11 weeks ago

copy to mine

jQuery plugin: CSS Animations
jquery css animation plugin opensource
11 weeks ago

copy to mine

Transom.org

Resources for learning to create your own public radio stories.

storytelling audio learn citizenjournalism journalism
12 weeks ago

copy to mine

Turing Machine Visualization

Nice visualization of Turing machine in processing.

design inspiration processing java
12 weeks ago

copy to mine

Slippy: HTML Slideshows

Lovely, and it allows you to execute JS right in the presentation.

css javascript opensource teaching design communication
june 2010

copy to mine

Webkit Nightly Builds

Keep this someplace I can find it.

webkit opensource development web app
june 2010

copy to mine

Moz Dev Center: HTML5 Link Prefetching

html5 development html optimization
june 2010

copy to mine

CSS3 Memory

Nice flip animation with CSS3.

css design development
june 2010

copy to mine

Fix for inline-block/text-indent image replacement in IE7

IE7 indents the whole inline-block box, meaning your replacement disappears. `text-indent: 0; font-size: 0; line-height: 0;` causes the text to be invisible in IE7, meaning you don't need an indent. Using the `zoom:1;display:inline` hack also seems to fix the issue.

css ie bug design
may 2010

copy to mine