CSS3 Object-fit Polyfill
TL;DR; I've made a polyfill for CSS3 Object-fit. Download it from Github here: https://github.com/steveworkman/jquery-object-fit
Tagged “CSS3”
CSS Bookshelf - now on github
My CSS bookshelf is now available on github as an easy download if you want one yourself. Given that the code is now 2 years old it's showing its age somewhat, so I'll give it a spruce up over the next few weeks. Things like:
Problems loading local fonts with font-family
I'm investigating a problem with loading locally installed fonts in Windows 7. It's a weird one this, and it only seems to affect Firefox and IE9/10, or, those browsers that use DirectWrite.
Responsive web design in practice - making Steve and Emily's Wedding.co.uk
Over the last few months I've been making a web site for my wedding. Emily (my fiancée) and I didn't want your run-of-the-mill wedding website, hosted by someone on an unrecognisable domain (for example, ewedding.com or gettingmarried.co.uk sub-domains). I wanted something that I had control over, that I could make as the perfect website for us, not a nice template that thousands of others have. We wanted something personal.
The Progressive Web with Andy Hume (LWS Future)
Monday night (16th August 2010) was London Web Standards' 'Web Futures' event with presentations from Clear Left's Andy Hume (@andyhume) and Richard Rutter (@clagnut).
The Future of Web Typography with Richard Rutter (LWS Future)
Monday night (16th August 2010) was London Web Standards' 'Web Futures' event with presentations from Clear Left's Andy Hume (@andyhume) and Richard Rutter (@clagnut).
CSS3 Bookshelf
Using CSS3 and a little JavaScript, I've created a bookshelf for your blog. For a demo, go to the CSS3 bookshelf, for some more information on how it was made, read on.
Debugging print stylesheets
Simple premise: web sites are designed for the screen, they are meant to be viewed through a computer and that’s about it. Still, most people want to print out a web site at some point and your design probably won’t look very good. Print media strips out all backgrounds and forces a page width so large fixed width sites simply won’t print all their detail.
Why CSS Multi-Columns aren't ready for prime time
Of the upcoming CSS3 modules that are coming into common use: selectors, borders, text etc, the multi-column layout module interests me the most. I've always been a fan of newspaper style layouts and that was one of the key looks I was going for when re-designing this site. The big problem is that the module just isn't ready yet.
CSS Matrix Layouts - Another Way?
Today, Jonathan Snook posted about CSS Matrix Layouts, a proposal for a third way for creating advanced layouts in CSS3, with Advanced Layouts and Grid Layouts being the others. His ideas are around creating a grid and defining sections (be it divs or natural HTML5 elements) that are effectively laid out like a table. Each section can span like a table can span rows and columns, with all those values being stored in CSS. Take a look at the post for an example, it's quite simple once you get your head around it.
Don't just complain about CSS3, do something!
A colleague of mine and I were discussing the current state of the internet, CSS3 and IE being behind the rest of the browsers in terms of standards adoption. He argued that IE was "rubbish because it doesn't support CSS3 selectors/borders etc". My reply to this was, "well, do something about it".
Easy Semantic Forms with CSS
In the early days of the Internet, web sites were for gathering and displaying information. In its 20 year history, this hasn't changed much! At some point on a site you have to enter your details or what information you're searching for. So, it makes sense that the thing I spend most of my time doing is creating forms!
CSS Animations on iPhones
I've just come across this brilliant CSS 3 technique from Ajaxian on how to do web animations. This produces a great iPhone-esque technique by simply writing 6 lines of code!
Is CSS a black art?
Recently, I've been asked a lot of questions about CSS and my commitment to it. I'm a purist when it comes to the web. I firmly believe that the only way to create a web site is to use standards-compliant CSS that is cross-compatible with all major browsers. Javascript should only be used as a progressive enhancement technique and should certainly not be relied upon (yes, I'm looking at you ASP .NET). Most of my colleagues regard this stance as noble, but somewhat stupid in the "real world", where it's not always getting it done "right", it's just getting it done. Why is CSS considered such a black art?