Jennifer Zelazny

Random and Opinionated Thoughts


CSS HOWTOs HTML/XTML Javascript Web Development

jQuery + CSS + XHTML = Jappler Menus v2

Posted by: Jennifer Zelazny | 6 Comments

Previously – I introduced a nice way to create drop down menus using HTML (lists), Javascript (drop down), and CSS (styling of menu). I put all of this together and called it: Jappler Menus. (See previous post about Jappler Menus). Since writing that post – I have found a better, faster, cleaner way to work with drop down menus. I had originally seen some nice menus: and decided with some changes – that would be a much nicer way to work with menus. For this – I give you Jappler Menus version 2. Here is an example of Jappler... Read More » Read more


Simple 3 Column Layout

Posted by: Jennifer Zelazny | 2 Comments

I was talking to one of my friends today who does a lot backend programming but often needs a quick and easy 3 column layout that has the floats all figured out. His frustration with floats prompted me to make a very basic layout for him to use. If you find yourself in the same situation – check out my basic 3 column layout. Read more

CSS Hints HOWTOs HTML/XTML Serenity Now! Standards Web Development

Always Use a Doctype

Posted by: Jennifer Zelazny | 0 Comments

After spending an hour on something that should have taken me 20 minutes – I wanted to pass on something I should have caught right away. The problem: you use CSS to lay something out and it looks great in Firefox and Safari – but not in IE. At this point I validate the CSS to make sure I did not forget a bracket or something stupid. Next step – validate the XHTML. This is where I would have solved my problem, but I failed to take this step. At that point I would have seen that the script I... Read More » Read more

CSS HOWTOs HTML/XTML Javascript User Interfaces Web Development

Sliding Doors + Sons of Suckerfish = Jappler Menus!

Posted by: Jennifer Zelazny | 28 Comments

There have been two great menu and navigation techniques I have used over the last few years: Sliding Doors of CSS Sons of Suckerfish (for drop down menus) I have used both of these techniques on several web sites, but crazily not together…until a week ago when a client decided they wanted to move away from their antiquated menus that relied on hundreds of lines of javascript, HTML tables, and over 40 image files (for seven tabs). This technique works in IE 6, IE 7, Firefox, and Safari. After I had put the code into place I thought it might... Read More » Read more