Skinning CSS Cats

Skinning CSS Cats

Summary: I am building a very simple site for an artist friend in Joomla!, part of my learning new skills in the dash for the green hills.

SHARE:

I am building a very simple site for an artist friend in Joomla!, part of my learning new skills in the dash for the green hills. (His name is Edward Bell, and I really admire his paintings). The CSS is written one line per property eg

div#horiz-menu { background: yellow; height: 36px; }

Whereas I much prefer multiple properties per line:

div#horiz-menu { background:yellow; height:36px; }

It’s shorter, it’s neater, you can see more lines in the window at any one time. For my money, it’s a more efficient way of having an overview and understanding of your CSS code.

However, I have found that it really doesn’t matter if you just to want quickly hack the code – simply fire up Firebug in Firefox, click on the element and you’re told exactly which line and file that property has been defined in. Wondrous.

Topic: Software Development

Jake Rayson

About Jake Rayson

A web designer since the 20th century, I am a pragmatic advocate of Free Software and I use proprietary software when appropriate. I made the full-time switch to Linux back in 2007, and my desktop tools of choice are Linux Mint, Inkscape, GIMP and Sublime Text.

As a Front End Developer, my core skills are HTML5, CSS3 and jQuery, and my working life reflects my commitment to open standards and accessible websites (ie accessible by everyone, regardless of browser, platform, ability or technology).

For web publishing platforms, I use WordPress for ease of use and Drupal for more complex solutions.

I am also learning about Ruby, Rails, Sinatra and CoffeeScript. I like the minimalist Ruby Way. To this end, my personal portfolio website is built with NestaCMS.

Kick off your day with ZDNet's daily email newsletter. It's the freshest tech news and opinion, served hot. Get it.

Talkback

0 comments
Log in or register to start the discussion