KillerSites Blog

CSS

Make Images Round with CSS3

August 22, 2017

In the old days, we had to go to Photoshop (or some other image editor) to create rounded PNG or GIF files, to create images that were round. Now you can do this with simple CSS3 applied to your image:

style="border-radius: 50%;"

This is what my picture looks like without the CSS:

This is just one small example, where CSS3 makes much of what we used to do with Photoshop in web design, obsolete. If you want to learn CSS3, my CSS course in my IWD package will teach you fast!

Stef

read more

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