I often need to write code like: ?View Code CSSbackground: url("/media/img/footer.png") no-repeat; width: 960px; height: 147px; Whenever I do, I have to find the image, then get the dimensions, then copy and paste them in separately. It’s annoying. To help, I put together this small tool, written in Python and using OSX’s pbcopy. You’ll need [...]
Every time I do some web development there are a few things I need to do: Point MAMP to the correct folder and enter password (as I’m serving on port 80) Open the folder in Textmate Open two tabs in iTerm Run livereload in iTerm in that directory Run SASS pointing at CSS in a [...]
This requires you to use the amazing Modernizr library, or could be modified to use your own check for whether the browser supports CSS transitions. It’s rough and ready, but works fine as far as I know! For lots more info and demos of transitions, have a look at my CSS3 transitions and transforms tutorial. [...]
Just a little script to create a PNG image of a simple linear gradient using PHP. You could adapt this to make it better in many ways! Insipired (by which I mean 99% ripped of!) by http://www.cutcodedown.com/ No demo to avoid load on the server, but it just makes a simple gradient. I use it [...]
I’ve just written a tutorial complete with demos showing how to use the CSS3 transition, transform and animation properties – find it here: CSS3 Transition, Transform and Animations Tutorial. Hopefully it’s useful/interesting – any comments/improvements let me know! It’s still a work in progress, so I’ll be adding to it over the next few weeks.
Forms in HTML have typically been pretty boring – input boxes and buttons with all validation performed by javascript. With the new HTML5 Forms module things have become a little more useful. As of May 2010, only bleeding edge browsers support this, Webkit Nightlies, Chrome Dev Channel builds and Opera. The HTML5 forms module started [...]
Just a quick video made of the ChromeOS build found on the chromium.org server. It’s run on Ubuntu in a virtual machine running on Snow Leopard. Used Quicktime X to record it, which turned out pretty well I think! Not much in there yet, but good to see that parts of it are on the [...]
Here are some links that I’ve found interesting: The State of Solid State Hard Drives – Fugitive gives the game away with Facebook updates – Tesco boss raps school standards – Help us nail spammers – Building a jQuery/PHP Powered Chat Room – Time-travelling Higgs sabotages the LHC. No, really – Tim Berners-Lee’s One Regret Regarding [...]
Here are some links that I’ve found interesting: Building a jQuery/PHP Powered Chat Room – Time-travelling Higgs sabotages the LHC. No, really – Tim Berners-Lee’s One Regret Regarding the Web – New in Labs: Got the wrong Bob? – Lightly Edit Images Easily With Acorn [Mac only] – Introducing Google Building Maker – Small But Rapidly [...]
Here are some links that I’ve found interesting: ‘New’ Jackson song penned in 1983 Getting Students To Think At Internet Scale A Lack Of Common Scents STATS: Facebook and Twitter’s Growth Flattens Why Desktop Touch Screens Don’t Really Work Well For Humans Super Mario cupcakes