Today I published an initial redesign of this website! Design goals The goal with this new design was to develop a simple, responsive layout that provided flexibility for creative expression through graphic design work. I am a big fan of the idea of providing customized page design based on the subject matter of the content. […]
If you are a Web designer or developer, you know that styling forms with CSS is a huge pain. Not only are browser inconsistencies rampant in form elements, but it is very difficult to get an advanced form to layout correctly, both visually & semantically. To alleviate these issues and to help designers / developers […]
Listen to this guy… Everything he says is so true.
Youâ€™ve worked hours on it. Itâ€™s beautiful. Itâ€™s got glossy buttons, reflections, trendy diagonal lines and the perfect combination of textures and gradients. Itâ€™s easy to understand, the information is logically organized, the content is emphasized beautifully by contrasting colors and visual elements. It looks amazing… something like this or this: Now itâ€™s time to […]
“I want it bigger! I want it bolder!” These words have been heard by probably every web designer when consulting with a client. It is a comment that is very limited in its ability to give a designer any sort of useful feedback toward the visual design of a website because â€œbigger and bolderâ€ needs […]
Deciding on a liquid or fixed layout is a decision that should be based on design, technique, and whether or not we are willing to take into account the nature of the web as a “liquid” medium. In the term “liquid layout”, I’m not referring to web sites where only the background colors / background […]
In the wonderful web browser that is IE6, left and right margins are inexplicably doubled on floated elements. This is an obvious IE6 bug that has a very simple solution. To fix it, all you have to do is use the CSS property ‘display:inline’ on the floated element that has left or right margin. Since […]
One of the basic things about developing CSS Layouts that needs to be understood is that parent elements, by default in FireFox do not expand vertically with their “floated children”. The same is true in IE6 and 7 if the container doesn’t have a width set on it. For example if you have a containing […]
I read an article on A List Apart about HTML5 and currently there is a site called css3.info devoted to the development and implementation of CSS3. All I have to say in response to viewing these sites is an unenthusiastic: “oh, good”. We can gawk at the new great things about CSS3 and HTML 5 but the question is: when can we care?
The goal was to create a horizontally centered “tabbed” navigation menu using CSS without having to specify widths on any elements. The menu had to work with the implementation of multiple background images. I have seen this type of thing attempted on various occasions but haven’t seen anything too successful. So with that, I rolled up my sleeves put on my black rimmed glasses with tape holding them together and got to work. The end result was what I think a successful attempt at a seemingly simple horizontally centered navigation menu with no widths specified.