HOWTO: Target Firefox for Specific CSS

Posted by: Jennifer Zelazny | 5 Comments

Generally – the best way to handle CSS is to keep it simple, clean, and without any hacks. From now and again there are some times when I need to write CSS specific to IE (using conditional comments). I recently came across a site where I needed to target Firefox because of a width issue. This is the first time in my many years I ran into this – and tried a number of hopeful solutions but nothing worked. I then found that if I used: @-moz-document url-prefix(){} that that would work out and only Firefox would use the styles… Read More »

Read More

CSS Tuesdays: Keeping it Simple

Posted by: Jennifer Zelazny | 0 Comments

I just released my fist two commercial WordPress themes: Lucidity and Lucidity Catalog with a focus on simplicity. After creating over one hundred custom WordPress themes – I decided to take my most requested features, coupled with a slick admin interface, and some really simple XHTML and CSS and put it together to create a really easy to use and customize theme. If you looking for something really easy and clean – take a look at the CSS used. You can see that a little goes a long way! Just remember – keep it simple. When you overcomplicate – you… Read More »

Read More

CSS Tuesdays: Fun With User Agents

Posted by: Jennifer Zelazny | 0 Comments

If you are going to do any serious CSS development and/or troubleshooting – you need to be able to see the site on as many browsers as possible. Generally – we have several browsers on several operating systems going at once so we can make sure our bases are covered. Last week I built a mobile theme for a client and after a few refreshes on my iPhone – I decided I needed something easier and more developer friendly (I needed to view source). I use the “Develop” menu in Safari (Preference > Show Develop menu in menu bar) –… Read More »

Read More

CSS Tuesdays: Cool Breadcrumbs

Posted by: Jennifer Zelazny | 0 Comments

There are plenty of times when you need to have a clear navigation path back to home or to a main section on a particular page, and most web developers use “breadcrumbs” to do this. Over the years, I have implemented breadcrumbs a number of ways, but I really like what I saw on Verlee’s blog. If you are looking to add some style to your breadcrumbs and want to take it to the next step – check out how she used some CSS and clean XHTML to accomplish something like this:

Read More

CSS Tuesday: Overide Inline Style

Posted by: Jennifer Zelazny | 0 Comments

How many times have you worked with either someone else’s code or some crazy dynamically generated code that uses inline styles for everything which you need to change or override but cannot for some reason or another? I have seen this a lot with custom applications written by programmers who think they are doing designers some sort of favor. Something that I recently found that will allow you to override inline styles: Let’s override that because I think 20px is overkill and I only have access to the stylesheet: Of course that will override any paragraph tag that has an… Read More »

Read More

Quick CSS for WordPress Images (Updated)

Posted by: Jennifer Zelazny | 0 Comments

A week or so ago, I posted some information on how to quickly style your WordPress images. After recently updating my company’s web site (SDAC Inc. – I noticed if you used captions, my custom CSS would not work. Here is some CSS that will work with and without image captions: The difference? I used img.align.. which worked if you did not use captions, but if you use caption, there is an outer div class called align… The more generic CSS posted here takes care of both issues.

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