I agree with David: most pre-rolled grid “solutions” are way too complicated. And in any case, applying a pre-existing grid framework for a new project seems kind of like applying a pre-existing colour palette.
As David points out, it really needn’t be so complicated.
An excerpt from Mark’s forthcoming book, which promises to be magnificent.
Code Club + Raspberry Pi + Hack Day = Awesomeness from Josh
A really nice piece on scale, ratio and rhythms in web design.
Josh writes about the importance of using rules and systems as tools without being bound by them.
It’s kinda nuts that in the space of just a few months, Code Club has gone from being an idea by Clare and Linda into something with an all-star promo video.
I am a mermaid.
This is interesting, not because it’s yet another grid framework (which I never use anyway) but because of the way it’s doing layout: with border-box and inline-block, rather than floats. If you’re only serving up your layout styles to browsers that support media queries (which would discount older versions of IE anyway), this could make a lot of sense.
This is an excellent idea: get a whole bunch of after-school code clubs going to teach kids how to code in Scratch.
Luke catalogues layout patterns in responsive designs.
The thought process behind trying to abstract class names that are used for layout in responsive designs (and can therefore refer to different widths depending on the context). Here, the author settles on letters. In the past, I’ve approached the same kind of abstraction by using latinised names.
A great in-depth look at the tricky problem of advertising in responsive design from Mark.
A jQuery plugin for embedding videos in responsive layouts. Very nice …but… does it really need to require jQuery? Would somebody like to fork this and create a non-jQuery version? Thanks.
In this interview Mark discusses the “content out” rather than “canvas in” thinking that informs his new canon.
Some great, considered thoughts from Mark on how CSS Grid Layout could work as part of a larger tradition in design.
I agree with Oli’s conclusion:
Save IDs for fragment identifiers or JavaScript hooks.
The dream of SSI is of a humanity free of the constraints of the Earth. In expanding outward into space, we can not only help to preserve our present biosphere, we can also seed other independent biospheres elsewhere, ensuring the continued survival of life despite any kind of planetary disaster.
This might just be the best bookmarklet ever created. Use it to turn any page into an asteroid-like game of destruction.
Asteroids in canvas. Works a treat. Now I want Battlezone.
Asteroids implemented using HTML5's canvas.
A handy tool for planning grids. Limited, alas, to pixels.
The Grid System is a resource for all designers to learn about the benefits of using grid systems, golden ratios and baseline grids.
Mark's book is almost ready. Really. It's got its own site and everything so it must be true.
Richard has launched the redesign he's had bubbling away for a while now. 'Tis lovely and gridilicous.
A piercing article by Brenda Brathwaite examining people's attitudes towards gaming. Substitute "videogames" for "social networking sites" for equal slices of moral panic.
Here's another CSS framework for grids. It could prove to be very useful for wireframing.
Pulling together a bunch of CSS tricks from a range of sources: reseting, baseline typography and grids (fixed width, unfortunately).
Mark has launched his business site. Lovely grids and typography, as you'd expect.
A really nice article by Jesse Bennett-Chamberlain detailing the process behind a site design.
Khoi has posted the slides from his grids workshop online. Download and learn.
The worm turns. Play the part of an asteroid trying to crash into spaceships.
Talking with the youth of today about how they spend their time online.
This is the plain vanilla look.
You can subscribe to the RSS feed of links.