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.
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.
The term web 2.0 is defined a period of websites where, basically, content is generated by the user. Along with this period has emerged unique, although now somewhat overused design trends that define the “web 2.0 era” of websites. Whether social media is involved or not, as web designers we all know what a “web 2.0” website looks like. I am aware of the latest “web 2.0” trends and have come up with a few attribute that are featured on MANY web 2.0 designs. It is interesting to see how much of mold has been created. I do like to the look of “web 2.0” designs but the common design techniques are blantently obvious.