KillerSites Blog

CSS

The Best Way to Learn Web Design

March 28, 2014

studioWeb

I try to start with the point of the article whenever I can … so what is the best way to learn web design and web programming?

In a nutshell:

  • You want to as quickly as possible, get past the basic concepts and basic code principles. Too many courses these days concentrate too much on too many details.
  • Once you have that minimal knowledge, you should be building actual projects!

I’ve been teaching web design and programming for over a decade now and have been teaching for about 20yrs – give or take. And I can tell you that without a doubt, the best way to learn web design and programming is to build.

… With each site that you design, your skills will jump. With each dynamic database driven website that you build, your skills will jump.

Finishing the Job is Key

It is important that you complete projects. For some reason, leaving something half done, just doesn’t seem to have the same learning impact. That’s why smaller mini projects are great for learning because big projects take a long time to finish.

With that in mind, our Complete Web Designer training package follows these principles … which only makes sense since we created all the courses!

PS: If you want a DVD/USB hard copy sent you, we do that too.

Thanks,

Stefan Mischook
www.KillerSites.com

read more

CSS Layouts Video Tutorial Series – Introduction

May 29, 2010

Hi,

I just wanted to announced that I have just released our new video course on CSS layouts. It is a 13 part series where you will learn both fixed layout and liquid layout using modern CSS techniques.

As an added bonus, you will also be learning a little about Dreamweaver CS5 since all the demos are done in the new Dreamweaver.

Check out the intro video (watch it in 720p and fullscreen):

I will be releasing more samples from the course on my blogs but you can get the whole course through our video tutorial subscription service.

Thanks for reading.

Stefan Mischook
www.killersites.com

read more

How to Add a Background Image with CSS

March 4, 2010

csstutorial.net logo

Hi,

In our continuing pursuit to make web design easy for you, we have yet another great little tutorial on using CSS to insert background images into your web pages.

A little bit from the article:

CSS also gives us the tools to direct our background image how we want it. The default, as you can see, is that it repeats itself horizontally AND vertically to fill the entire background, regardless of size. Sometimes we might want the image appear only horizontally or vertically – and maybe not directly on the edge of the viewing area.

… Anyway, you get the idea. Just in case you missed the link, here it is again: background images with css.

Thanks for reading,

Stefan Mischook
www.killersites.com

read more

Styling a Horizontal Navigation Menu with CSS

March 3, 2010

csstutorial.net logo

Hi,

We are busy at work here creating new videos and tutorials with the aim to make web design easy … so, I just wanted to mention a new CSS tip on csstutorial.net on:

Styling a Horizontal Navigation Menu with CSS

From the article:

It’s true: Your navigation items are really a LIST. Bread, Milk, Sugar, Coffee, Home, Contact Us, About, Cheese, Tomatoes, Sitemap. See, it’s a LIST!! And it should be coded and styled like a list. It’s easy.

Just another one of our growing collection of CSS tips.

Thanks,
Stefan Mischook

read more

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