CSS Font Families Made Easy
If you are looking for font family code – check out CSS Font Stack. You can chose your font, and with a click of your mouse – copy the entire family for your use. Read more
Random and Opinionated Thoughts
If you are looking for font family code – check out CSS Font Stack. You can chose your font, and with a click of your mouse – copy the entire family for your use. Read more
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
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
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
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
Looking to really increase the load time of your site and minimizing the HTTP requests? Check out Minify. This handy app will easily and quickly compress your CSS (and Javascipt) files. Read more
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
Ever wonder how to get rid of the nasty outline that Firefox puts around some images/buttons? Add this little bit of code to your CSS that controls the button or image and you will no longer see these ugly outlines: Read more
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
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