CSS User Interfaces
Easily Find Font Information For Any Web Site
Ever go to a site and really like the font but too lazy or not sure how to see what font they are using?
CSS Hints HOWTOs
Fix for Bold Fonts Looking Bolder in Chrome
If you noticed your fonts in Chrome looking more bold in Chrome than Safari – there is an easy fix. Add this in to your stylesheet (body or specific CSS class/ID): Example: h1 {-webkit-font-smoothing: antialiased;} You can see the difference: Before: After:
CSS HOWTOs Web Development
Add Bootstrap Classes to the Next and Previous Image Buttons
When viewing media (usually the image.php template) within WordPress – there are buttons to browse the next and previous buttons that you might want to customize if you are creating a Bootstrap WordPress them. If this is the case – styling the buttons with Bootstrap is easy. You can simply add the following to your […]
CSS Hints HOWTOs WordPress
Add Bootstrap Button Classes to the WordPress Comment Form
Looking to stylize that WordPress comment button on the WordPress comment form? Adding the correct classes needed to the comment form button are as easy as finding where comment_form() is called in your theme.
CSS Hints HOWTOs WordPress
Add Bootstrap Classes to WordPress Widgets
When creating your Bootstrap WordPress themes, you will notice the sidebar widgets (archives, categories, etc) which use dropdowns do not share the Bootstrap styling because there is no place easily accessible to add in the needed classes or CSS.
CSS
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.
CSS HOWTOs Web Development
HOWTO: Target Firefox for Specific CSS
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. […]
CSS Web Development WordPress
WordPress Themes Over the Years…A Look Back and Then into the Future
After working with WordPress for over five years now, I have seen a lot of changes both front-end and backend – both for developers and for users. I work for the most part on WordPress themes for a few hours a day and have been doing so for the last 3+ years full time. As […]
CSS HOWTOs Web Development
CSS Tuesday: Images as List Bullets
There are plenty of ways to spruce up the boring bullets used in HTML lists. The best way and most browser compatible way I have found to do this is using the following code: You can see that here: Example of fancy bullet Another bullet point Vs. The plain list: Example of fancy bullet Another […]
CSS Web Development
CSS Tuesdays: Keeping it Simple
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 […]
CSS Hints Web Development
CSS Tuesdays: Fun With User Agents
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 […]
CSS
CSS Tuesdays: Cool Breadcrumbs
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 […]