Anthony Short

Pixel Patterns

Sat, 28 Aug 2010 01:59:08 +1000

Some really nice pixel patterns. Worth forking over the $4.

Styling the search input in webkit

Fri, 27 Aug 2010 10:02:06 +1000

On a recent project I had to create a search input that looked the same across all browsers. I wanted to use the new HTML 5 search input, but in Safari, it styles the input for you:

To make this render as a normal input you only need a couple of rules:


input[type=search]
{
       -webkit-appearance:textfield;
       -webkit-box-sizing:content-box;
}

::-webkit-search-decoration
{
    display: none;
}

-webkit-appearance tells the browser to render the search field as it would any other text input field.

::-webkit-search-decoration turns off the space that is created on the left of the input where the recent search dropdown normally is.

Beautiful Pixels

Thu, 26 Aug 2010 01:06:35 +1000

Beautiful Pixels:

Loving this site at the moment.

A Collection of Simply Amazing iPhone Homescreen Wallpapers

Thu, 26 Aug 2010 01:06:35 +1000

A Collection of Simply Amazing iPhone Homescreen Wallpapers

Sometimes you just need a good, simple, flat pattern in...

Tue, 24 Aug 2010 18:14:33 +1000

Sometimes you just need a good, simple, flat pattern in...

What happened to your csscaffold on github? The code page and the wiki both come back 404

Sat, 21 Aug 2010 11:57:21 +1000

I’ve rewritten Scaffold and it has a new repository on Github.

What advice would you give to a graphic design student?

Fri, 20 Aug 2010 15:25:41 +1000

What advice would you give to a graphic design student?:

Everyone is just making it up as they go along.

Designing for the Web

Fri, 20 Aug 2010 05:55:20 +1000

Designing for the Web:

The Five Simple Steps book is now online for everyone to read. As expected, Mark Boulton gives a great overview of typography. It’s a great book for any designer. Highly recommended.

Color Stream for the iPhone

Fri, 20 Aug 2010 00:36:00 +1000

A really awesome and simple colour palette generator for the iPhone, and it’s free!

Get it on the app store.

Extending HTML5 — Microformats

Thu, 19 Aug 2010 15:28:15 +1000

Extending HTML5 — Microformats

Process Type Foundry

Thu, 19 Aug 2010 00:40:21 +1000

Process Type Foundry:

Beautiful type foundry site with awesome fonts.

LiveReload

Tue, 17 Aug 2010 18:04:40 +1000

LiveReload:

Live page updating extension for Safari and Chrome. It’s awesome for Scaffold and Sass work.

Some really nice desktop backgrounds by Mark Jardine.

Tue, 17 Aug 2010 13:43:00 +1000

Some really nice desktop backgrounds by Mark Jardine.

CSS Form Reset

Mon, 16 Aug 2010 22:31:00 +1000

CSS Form Reset:

Last week Nathan Smith, the creator of 960.gs, put up a template for a form reset. I added the search box styling. It’s turning out to be a really nice starting point for form styling. Although I want to do some testing with box-sizing on form elements as it could solve some cross browser woes.