Out With the Old, In With the New

Posted by: Jennifer Zelazny | 4 Comments

As you might have noticed – I took a week off from blogging in order to focus on something else – cleaning up Jappler.com. Over the past few months I have learned so much more about WordPress, web site optimization, and what I really used this web site for – so I decided I needed to take some time to redo this site. From a design perspective, I decided to darken the colors quite a bit in order to remove some of the drabness of the old design. I also added a background pattern to give some depth, and also… Read More »

Read More

Uncheck Checkbox Values

Posted by: Jennifer Zelazny | 0 Comments

I recently ran into a situation with a custom form where users had a number of checkboxes where the values were saved upon submit. When they went back through the form to make changes, if they unchecked something that was already checked and submitted the form again, the checkbox value would not change (not empty). The solution (thanks to Demitrious for finding this!) was simple.

Read More

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: http://help-developer.com 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

Quick CSS for WordPress Images

Posted by: Jennifer Zelazny | 3 Comments

If you install WordPress and use the media uploader to manage your images in your posts – you can easily style your images quickly by adding the following code to your theme’s stylesheet. This code will set up your images to float appropriately, as well as give a nice border as seen below. Note* This information is now updated: Updated CSS

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

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

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

validate, validate, validate!

Posted by: Jennifer Zelazny | 0 Comments

I have been working on a project for a few months that has been touched by many developers at various points in time. It is my job to optimize the code, ensure it works in multiple browsers, and then test new functionality. This is a huge project with tens of thousands lines of code. I recently got stuck on one issue that I could not figure out at all…so I finally decided to run everything through the W3C validators, and as soon as I did, I realized I should have done this as soon as I started on the project,… Read More »

Read More

Great CSS Buttons

Posted by: Jennifer Zelazny | 0 Comments

I am working on a project that started small and got really big. Good for the company, bad news for the code. I am in the process of going through the code and to fix and optimize it for multiple browsers. One word of advice for developers: when starting a new project, expect exceptions. One issue I have run into: not all buttons will be 90px wide like once thought by the original designer. By using flexible code, your big and small sites can benefit from changes in the future. If you are going to create buttons for your site,… Read More »

Read More

css containers: one image, fixed width, rounded corners.

Posted by: Jennifer Zelazny | 1 Comment

I use reuse a number of CSS/XHTML layouts everyday and feel it is time to share. This is the third of three articles in a series on how to create various CSS rounded corner or “fancier than a simple box” container with CSS and XHTML that work in IE 6, IE 7, Firefox 1.5, Firefox 2.0, and Safari 2.0. I have used this code on several large and small sites and have enjoyed the flexibility of both changing the height and the width. (Also see css containers: simple, fixed width, rounded corners, and css containers: fancier, fixed width, rounded corners..)… Read More »

Read More