Hi,
This is part 2 of our new series on CSS layouts. In this particular CSS screencast, we look at the fixed pixel layout vs a liquid layout and we also take a quick look at the new Dreamweaver CS5.
The entire series can be found in Killersites University, our subscription video tutorial service.
Thanks,
Stefan Mischook
killersites.com
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
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
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
Hi,
I just wanted to announce that a new css tutorial has been posted on how to create a 2-Column, Center-aligned Fixed Width Layout with CSS.
OK, that was a mouthful, but nonetheless, still a useful tutorial.
Many more CSS tutorials on the way.
Stefan
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
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
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.
In a nutshell: css code should be divided up into at least 4 separate pages:
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.
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
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:
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.
