October 2010
2 posts
1 tag
WDS 2010 Open Sequence →
I was there when they showed this at the Web Directions South opening keynote. I love what CSS can do now.
Laptop thief backs up victim's data, mails it to... →
For around a week later, the professor says he received an envelope. Inside was a USB stick…
No, it held all the data from his laptop. The thief, it appears, took pity and spent perhaps hours making sure that the professor got all of his unbacked-up information back.
September 2010
5 posts
2 tags
Using variables in @media queries
One thing that I’ve discovered recently after playing with a little bit of responsive web design with Sass, is that it would extremely useful to use variables to store the @media query string to help with encapsulation.
Why?
The media queries we’re using to modify our layouts are becoming more robust and numerous. We have queries for mobile, tablets, wide-screen, landscape,...
1 tag
Which CSS structure do you prefer, single-file or...
I’ve been thinking a lot lately about the benefits of both, specifically related to the ‘OOCSS’ approach to CSS development and with tools like Sass. This has all been discussed before, but with these new tools for CSS development, I think it’s worth another discussion.
Single file CSS gives you:
The ability to easily see the cascade and related styles
See the...
No, you don't own it →
Regarding software licensing:
“You agree that you will not redistribute, transmit, assign, sell, broadcast, rent, share, lend, modify, adapt, edit, license or otherwise transfer or use the Digital Content. You are not granted any synchronization, public performance, promotional use, commercial sale, resale, reproduction or distribution rights for the Digital Content.”
Then what CAN...
Internet Explorer 9 Beta Guide for Developers →
Anonymous asked: what happened to scaffold?
August 2010
22 posts
Pixel Patterns →
Some really nice pixel patterns. Worth forking over the $4.
1 tag
Styling the search input in webkit
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
{
...
A Collection of Simply Amazing iPhone Homescreen... →
Beautiful Pixels →
Loving this site at the moment.
Sometimes you just need a good, simple, flat... →
Anonymous asked: What happened to your csscaffold on github? The code page and the wiki both come back 404
What advice would you give to a graphic design... →
Everyone is just making it up as they go along.
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.
1 tag
Color Stream for the iPhone
A really awesome and simple colour palette generator for the iPhone, and it’s free!
Get it on the app store.
Extending HTML5 — Microformats →
Process Type Foundry →
Beautiful type foundry site with awesome fonts.
LiveReload →
Live page updating extension for Safari and Chrome. It’s awesome for Scaffold and Sass work.
1 tag
1 tag
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.
1 tag
Github - Git-backed Wikis →
Github just added the ability to use a git repo for a project’s wiki. This will make managing a project’s wiki/documentation much easier.
It’s going to be very, very handy.
Clumsy Font →
A nice font (and site) by Kyle Steed.
HTML5 Boilerplate - A rock-solid default for HTML5... →
HTML5 Boilerplate is the professional badass’s base HTML/CSS/JS template for a fast, robust and future-proof site.
Times for iPad →
Beautiful site design. I’m buying this app just because it looks so good.
1 tag
The Incident Released
I’ve been waiting for this game for a while now. I love retro games. Go grab it from the iTunes store today.
Source: http://bigbucketsoftware.com/theincident/
The illustrated guide to a Ph.D. →
I couldn’t help but laugh.
1 tag
The Hurley Album
Weezer’s new album is called The Hurley Album. Apart from my love of all things Lost, the single ‘Memories’ (iTunes link) is pretty awesome as well.
I love this quote:
I was coming up with all kinds of stuff, but ultimately, we just went with some random word that doesn’t really have anything to do with anything. I just loved this photo of Jorge Garcia — it just had this...
Style Guides Using Sass @extend →
An interesting way of constructing stylesheets with Sass.
July 2010
10 posts
Authoring Stylesheets with Compass & Sass →
Awesome presentation on the magic of Sass by Chris Eppstein.
Google Font Preview →
Handy little tool. I’m glad Google see the importance of web typography these days.
Dribbble API →
A nice API for Dribbble. Now I can put my recent shots on my site. Score!
ROFLcopter
I do love a good ROFLcopter — and this is a great one.
1 tag
1 tag
CSS Properties Index →
A long, long list of all the CSS properties available today across all browsers.
2 tags
2 tags
Change the colour of input placeholder text
::-webkit-input-placeholder{color:red;}
Handy.
June 2010
5 posts
Cross-browser kerning-pairs & ligatures →
Improved handling of kerning pairs and ligatures in modern browsers using the text-rendering: optimizeLegibility;declaration.
The declaration is currently supported by: Safari, The Webkit Nightlies & Chrome. Firefox already uses optimizeLegibility by default.
2 tags
Designing for 320 DPI →
Designing for the screen just became a whole lot more like print, but we need to support lower resolutions with our designs too. A 1px drop shadow isn’t exactly the same thing at different resolutions.
1 tag
Back to a default theme
The last blog design I did for this site I threw together in one night as an experiment. Turns out that’s a crappy way of doing things. There were bugs all over the place and the design itself was boring.
So while I’m redesigning this blog, I thought a bug-free default theme might be better. It just so happens to be fairly close to what I’m actually going to do with my...
2 tags
Reeder for iPad →
The best RSS reader on the iPhone is now available for the iPad. Rejoice!
1 tag
CSS calc() function →
Now we just need the browsers to implement extends and mixins and we’ll have an amazing toolkit.
May 2010
2 posts
Goodbye Facebook
It was fun while it lasted, but sorry, I’ve had to get rid of you once and for all.
It seems I’m not the only one.
1 tag
Gulf of Mexico Oil disaster could be an... →
Holy crap. I really hate Oil companies. I hope they all burn for this.
April 2010
14 posts
Steam hits Mac on May 12th →
Finally, some high quality games we can play on our lovely Macs. May is going to be a good month for Mac users - iPad and Steam.
1 tag
Steve's thoughts on Flash →
He’s right. I don’t think Adobe can really argue with any of the points he made, I mean, they’re all true; But I can’t wait for their rebuttal.
Watching these two companies battle it out is like watching a bad episode of Days of Our Lives.
2 tags
