lewro’s blog - 2.1 - web designer beginner

Archive for September, 2007

Pro CSS Techniques (Book review)

September 25, 2007 [10:41 pm] No Comments

When three top web designers sit down together and write a book about CSS then it must be a good one. That is exactly what has happened in this case. Jeff Croft, Ian Lloyd and Dan Rubin have created a perfect book which is ideal for web designers with medium knowledge who would like to wider their CSS spectrum. I am sure that even lots of professionals with couple of years experiences can find a full bunch of useful tips and tricks in this book

At the beginning of the book you will find the natural basics which are required when you are working with CSS. So called “best practice”. Things like semantic markup and the cascade itself. I have found specially very interesting the scoring table which describes the priority of the selectors and the order in which styles are applied.

In the fifth chapter guys talks about organizing your style sheets and about dividing them into different files based on the type. For example typography, layout. I do it the same way on all my projects but I have found recently lot’s of discussions about http requests, specially from yahoo guys and they are basically saying that the more files is the browser requesting the longer the time of page loading is even if the files are small. I think the web browser is capable of receiving only two files at the same time. So I have this dilemma if I should continue using this system.

Chapter six describes probably the hardest part when you are working with CSS and it is browser hacks and workarounds. The standard way dealing with browser problems is for example targeting different versions of IE with conditional comments. I do use them quite often but I find myself fixing problems in IE6 only very rarely. I think once you realize what causes the problems you will try to avoid these situations in the first place.

Chapter seven is called layouts and you can find here lots of ideas for creating liquid, elastic and fixed layouts or how to use floats properly. Floating is something I use a lot. I somehow found it very practical.

The next chapter is about typography. Another one of my favorite subjects. You can see here lots of different typefaces, tips how to use kerning and leading with CSS.

Last part of the books describes how to style your tables and forms and how to style for print and other media.

So that’s about it. You have again my high recommendations for this book.

Thank you Jeff, Ian and Dan!

  • Rating: ★★★★★
  • Reviewed: Sept 25, 2007
  • Book’s home page: Pro CSS Techniques

Archive for September, 2007

Majority of readers are Firefox users

September 21, 2007 [9:49 pm] No Comments

After checking stats and graphs on google analytics for the past month I have to say there is one think I am truly happy. Who would have thought that these numbers become reality. And hey I am not talking about the number of people visiting my site and talking about the browsers they use. It is just incredible. Look at the image bellow and specially the blue area. That area belongs to Firefox. The best browser ever. This is just amazing. Almost 70 percent of all my visitors use Firefox.

The number must be influenced a lot by enormous number of visitors coming from smashing magazine site which is well known as one of the best web designers magazine on the net. So obviously most of the professional web designers use Firefox. But comparing to other months the difference is not that huge. In June it was 58 percent and in July it was 59%. So here we go. I feel much better when I know that the world is going the right way.

Lewro's blog stats on google analytics for August

Archive for September, 2007

Colour theme for coding view

September 10, 2007 [8:33 pm] 1 Comment

Today I have decided to share with you the way I code in dreamweaver. If you thinking about coding practice that is not what I am about to show you. There are no questions for me in terms of coding. It is strictly semantic markup but as a designer I like when thinks looks pretty. Whatever I do I like to keep it simple, organized and pretty.

I played a bit with various dreamweaver functions that day and I have discovered the possibility to create your own theme for coding view. It is always very useful to create a nice working environment because it motivates you and stimulates your creativity process. If you are that type of person who walks around with open eyes watching colour combinations, grid systems, patterns in your daily life you probably will understand why it is important for me to keep my working area interesting and motivating. Anyway, no more talking let me show you my coding view in Dreamweaver. You can see on the first image the css code and the html code on the second. If you are interested what colours I have used here they are.

CSS Colours

  • import: #002142
  • media: #003366
  • comment: #969696
  • important: #99CC00
  • property: #00356A
  • selector: #99CC00
  • string: #0071E1
  • value: #42A0FF

HTML Colours

  • anchor: #99CC00
  • atribute value: #42A0FF
  • comment: #969696 I
  • form: #99CC00
  • image: #99CC00
  • table: #99CC00
  • text: #0071E1

CSS Colour theme for coding by lewro

HTML Colour theme for coding by lewro

I was also thinking about changing the font type but I have not found anything which would be as readable as the default font - Courier New.

If you guys had the same idea using different colours or font types please send me a link to your code view image. I would be very happy to get inspired by your ideas. Thank you!