The Box Model

Boks - A visual grid editor

April 8th, 2009 by - rtwood

This is a handy little Adobe Air implemtation of a CSS grid editor. Best of all, it’s free. Download it, have a play, and see what it can do for you.

Here is the marketing speal from the Bok site .

Boks is an AIR application (so it works on Windows, Mac and Linux) that provides a User Interface for Blueprint CSS’s framework. It’s been designed for those who think the Grid System is good but never really took the time to give it love.

It handles grid configuration , baseline rhythm pimpin’, CSS (with or without compression) and grid.png export, HTML layout and much more goodie-goodie!

Boks in action

To download this great little app you can visit the Bok site directly - http://toki-woki.net/p/Boks/

Bookmark It

Hide bookmarks

Tags: Bok, CSS, Grid System
Posted in CSS | No Comments »

A brief history of CSS

March 30th, 2009 by - admin

Who created CSS? In a sentence - Håkon Wium Lie and Bert Bos were the original authors of the CSS 1 specifications. However, this does not paint the full picture.

Tim Berners-Lee’s

The first tangible existence of CSS was in Tim Berners-Lee’s NeXT browser (fig.2.1). It worked in much the same way as todays browsers allow users to set their own styles and change how content is displayed.
Read the rest of this entry »

Bookmark It

Hide bookmarks

Tags: Berners-Lee, Bos, CSS, History, Lie, Netscape, Raisch, Sidetrack: JSSS, w3c, Wei
Posted in CSS, CSS3, w3c | No Comments »

Updating The Box

March 15th, 2009 by - admin

If you have any suggestions or comments about the ongoing development of The Box Model then this is your chance. Sound them out here.

todo

Here are some of the things we are working on all ready -

Design -

- sponsorship page

- add more ad space on news, tutorials, about and design blogs

- Delete unused themes

- Delete unused plugins

- Add-block based advertising at bottom of pages

- Make front page and archive designs clickable

- Change tab index for login boxes

- More transparent advertising scheme

Technical -

- name doesn’t appear on home page after login

- Pagination doesn’t work on archive page

- Description and strap are not stored in the session for failed uploads

- Change reCaptcha error

- Censor names and title on design uploads

- Create contact success pages

- E-mails are still from “About”

- Check for errors before upload

- Change redirect after login

- Cannot logout from home page

- Have to login twice to login

- Forum is broken for new users

- Make submission easier if logged in

- jQuery validate forms

- jQuery clear login form value on WP pages

- Logout message

- Finish contact.php

Bookmark It

Hide bookmarks

Tags: To do
Posted in To do list | No Comments »

CSS Properties Index

March 5th, 2009 by - rtwood

Jens Meiert maintains a list of CSS properties, including those in working drafts, with links to the relevant specifications.

This is a great resource and it lists out which properties can be used pre and post CSS3.

Bookmark It

Hide bookmarks

Tags: CSS, CSS3, Meiert
Posted in CSS, CSS3, News | 14 Comments »

CSS 3 Modular Release

March 5th, 2009 by - admin

Now eight years in the making, CSS3 is finally waiting in the wings. The delay was in part down to the necessity of fixing issues with CSS2. Hence, the release of CSS2.1. The release of CSS3 is not expected to take as long as the previous release. Faster adoption is anticipated as the specification has been broken down into modules that can be implemented separately over time.

“Rather than attempting to shove dozens of updates into a single monolithic specification, it will be much easier and more efficient to be able to update individual pieces of the specification. Modules will enable CSS to be updated in a more timely and precise fashion, thus allowing for a more flexible and timely evolution of the specification as a whole.”
(Meyer 2001)

The main aims of CSS3 are for forward-extensibility or ‘future proofing’. The new recommendations include abilities such as multiple background images and image based borders. Currently Opera, Apple, Safari and Chrome all share and implement support for the new specifications, however Internet Explorer is unsurprisingly last to adopt any changes.

Bookmark It