KillerSites Blog

CSS

CSS Tips and Tricks Collection

February 20, 2010

csstutorial.net logo

Hi,

We just started building a new collection of CSS tips and tricks on our dedicated CSS training site csstutorial.net.

CSS recipes that are byte-sized!

I wanted to create a beginner friendly collection of CSS tips that got to the point fast. For example, check out this tip on CSS and font sizes.

Anyway, you should see this collection grow fast (with the help of a few authors) that will include written and video CSS tips.

Thanks and let me know what you think.

Stefan Mischook
www.killersites.com

read more

CSStutorial.net gets a much needed facelift!

February 7, 2010

css tutorial reskin

Hi,

In 2004, many a wannabe-nerds (aspiring web designers) expressed their frustrations to me about learning CSS – and so I created csstutorial.net with the aim simplifying CSS for the common man and woman.

… I succeeded it seems:

Hi Stefan,

Your CSS tutorial was easier and more helpful than the official Adobe training session I attended a couple of years back.
Now I finally get it.

Thank you!

Geof

And I have hundreds more like this one.

Anyway, 2004 became 2005 and then 2010 and csstutorial.net wasn’t looking too pretty anymore. And so like all old timers, worn by the sun and the passing of years, it was time for a facelift!

WordPress behind the scenes

Not wanting to be a hypocrite, I walked my talk and used WordPress as the engine behind the new csstutorial.net web site – basically a new WordPress theme was created. We used WordPress ‘pages’ to replace the old static pages from the original site and now we have all the power of WordPress at our disposal moving forward.

… So yes, csstutorial.net not only has a new face, but a new engine as well. You should see new CSS related content their too … in the not so distant future. So check out the new site, and let me know what you think with comments here.

Thanks!

Stefan Mischook
www.killersites.com

read more

How to organize your css code: the ‘killer’ css structure

April 29, 2008

I can’t stand articles that make you read two pages before getting to the point. With that in mind, let’s look at how I think css code should be organized.

php-video-tutorial

In a nutshell: css code should be divided up into at least 4 separate pages:

  1. page-structure.css
  2. text-styles.css
  3. misc.css
  4. ie-styles.css

How about we call this the ‘killer’ css structure.

🙂

Before I go into the details of what each css file contains (if it’s not already obvious), I want to quickly cover WHY you might want to use this basic css structure for all your websites.

read more

Book Review: HTML Utopia: Designing Without Tables using CSS.

October 3, 2006

Another good book from the boys and girls at Sitepoint – a well written book that walks you through the techniques of modern web design.

Over the last few years a whole bunch of CSS / web standards based books have hit the market. Some were good and some sucked
but there was one thing that was been consistent about them: they all reflected the maturing web design community.

You need to pay attention the word maturing: there were still a few technnical things that had not exactly settled in terms of how web designers should do things.

HTML Utopia: Designing Without Tables using CSS is among the first books I’ve seen that demonstrates a maturity in web design.

WHAT IS THIS BOOK ABOUT

It’s all about modern web design practices and techniques. The following topics are covered over 450 pages:

01. Basics
02. CSS 101
03. CSS Code
04. Validation & Backward Compatibility
05. Color
06. Fonts
07. Text Effects
08. Simple CSS Layouts
09. Three-Column Layouts
10. Fixed-Width Layouts
A. CSS Miscellaneous
B. CSS Color Reference
C. CSS Property Reference

WHO IS THIS BOOK FOR?

If you are a total noob to web design, this is not the book for you. You can start with my free web design tutorial to get your feet wet, then you’ll be ready to buy this book!

You need to have a basic understanding of HTML and CSS. Once you have that, this book would quickly guide you through the sometimes thorny path to web design nerd glory.

Again, a book worth getting.

Stefan Mischook

www.killersites.com
www.killerphp.com

read more

Book Review: Web Designer’s Reference

August 2, 2006

This book is a mirror image of the book Web Design with Dreamweaver 8 by the same author – except this book is for hand coders.

A good title for people new to modern web design practices that include:

  • CSS for layouts
  • Semantic code
  • Accessibility in web design

The topics are covered within the context of small usable projects, that can easily be adapted to your own web design work.

Though published in 2005, the material is still relevant and still is a pretty good buy.

read more

Book Review: Web Design in a Nutshell – 3rd edition

August 2, 2006

This book should probably be on any web designers/developers desk.

Web design has changed drastically since this book’s first edition came out … and thankfully Web Design In A Nutshell has been updated accordingly.

As with all of Oreilly’s ‘Nutshell’ books, Web Design In A Nutshell covers each topic in a concise and yet complete manner making it both a great learning title (for people with some web design skills,) and a great reference.

Some of the topics covered:

  • CSS – basics, page layout methods, hacks, tricks etc
  • HTML, XML and XHTML
  • Accessibility
  • Web graphics

… and so much more.

Besides the core coverage of the material itself, this book is also packed with great references to web sites and other good books on web design.

Get the book.

read more