The CSS flexbox is a future CSS3 layout module that aims to make CSS page layout much simpler. It makes it easy to create flexible, stretchy layouts.
How to use the new CSS multi-column layout feature to split a list across multiple columns.
some tools and techniques that make it much easier to debug what your wayward application is doing.
The windows event tracing can give detailed information about what has happened to a broken request that fails before or after it gets to the IIS7 pipeline.
Failed request tracing is a handy IIS7 feature for debugging what’s happening when there are problems with modules or handlers in the IIS pipeline.
How to use the Fiddler proxy to simulate HTTP response latency to test how your website works over a slow connection.
Now the new HTML5 audio element has pretty decent browser support it is starting to be a pretty compelling alternative to using Flash.
A talk that I gave at the Developer, Developer, Developer day in Reading in 2011 about my experiences trying to make CSS easier to maintain. Contains slides and sample downloads.
In languages like C# and Java you never really need to give a thought to the
How to use the CSS3 multiple background syntax to create complex, scalable and beautiful backgrounds for HTML elements.
A small browser quirk for IE6 where absolute positioning with the CSS right property is one pixel out when the parent container has an odd number of pixels.
I don’t much like reset stylesheets. They make extra work when creating CSS and are an extra request for the browser to make to build a page.
Prototype chaining is used to build new types of objects based on existing ones. It has a very similar job to inheritance in a class based language.
SVG images are an interesting options for CSS backgrounds because they’re small to download, easy to create and have many powerful features that aren’t possible using CSS3 alone.
Inline-block is a halfway point between setting an element’s display to inline or to block. It keeps the element in the inline flow of the document like display:inline does, but you can manipulate the element’s box attributes (width, height and vertical margins) like you can with display:block.
The story of how Joe and I used our favourite web tools to organise our wedding and share the experience with the people who couldn’t be there.
A neat little trick I learnt from Ting is a way to check whether a value was null or undefined using the or operator (||). It’s really simple. If valueThatMightBeEmpty has a value set, you get that value. If it is null you get the default. It’s just like the ?? operator in C#: var […]
One problem I’ve had a couple of times when using Firebug to show things during code demos is I haven’t been able to make the font big enough for people at the back to read it. I found the solution at stack overflow: 1. Open firebug in new window 2. Go to the view->text size […]
My find for today was a Firefox extension called Dust-Me Selectors from the SitePoint guys that scans a web site looking for unused selectors in the CSS. It extracts the style references for the current page and then looks at the page to see where they are used. It can look at the current page […]
CSS3 is going to include a new attribute called box-sizing so we can choose whether the width set on an element will include borders and padding or whether borders and paddings will be added to the width. The difference is basically the difference between the IE5 and W3C box models. The default will still be […]
The object literal syntax is great for setting up one off objects but sometimes you’ll want to mass produce objects that all have the same properties and methods. It would be a pain to have to set up each object individually so instead you can use a constructor function to do it for you. There’s […]