In developing deeper integration with the Customizer functionality of WordPress, I wanted to use a custom icon for my IDX+ plugin’s widgets. By default, WordPress defines a list of icons using their dashicons icon set and tries to guess the best icon for your widget based on the CSS class of your widget. Check out […]
Tag: CSS
How the +1 Button Works The +1 Button uses an advanced sprite technique to simulate an animated `gif`. The animation occurs when hovering over search results with +1 enabled, and the shine moves across the button. (The image to the right is an animated `gif` I made…) The +1 Button is not an animated `gif`, […]
We can do this the easy way or the hard way. What’ll it be? The WordPress form plugin Gravity Forms (if you don’t use it, you should — it’s great) comes with a stylesheet found at [plugin-directory]/plugins/gravityforms/css/forms.css. SEODenver.com’s is found here. If you want to turn off styles for Gravity Forms, there are a few […]
Google + slow loading = not worth having background images. In trying to keep their homepage as minimal as possible, in December Google switched to fading in the home page links only on an event: moving your mouse or tabbing out of the search box. This was fine when the home page was only white, […]
If you want to disable the WordPress plugin WP-DownloadManager‘s download-css.css file from being loaded, add the following code to your functions.php file: remove_action(‘wp_print_styles’, ‘downloads_stylesheets’); Alternatively, if you would just like to use your own stylesheet, you can add a file named download-css.css to your theme’s directory, and the plugin will automatically load your stylesheet instead.
WordPress Search Engine Friendly Logo
Optimize your logo using SEO-friendly techniques. Google’s algorithm likes text more than images. It likes headlines more than paragraphs. You can increase how much weight your headline has by only having one or two of them. Having the same headline across all pages reduces the value of it each time. Instead of having your logo […]
Visit Katz Web Design-developed SteveSpangler.com As announced in August, Steve Spangler chose Katz Web Design to develop their blog. Their previous blog was aging and didn’t provide the functionality they needed. I was provided with a design by Blake Sumrall (at Steve Spangler, Inc.) and was tasked with converting it to a website. The development […]
Firefox gets all the cool toys As I’ve written before, Firefox SEO — not Safari — gets all the glory. One of the great things about Firefox is the Add-ons (plugins) that extend its functionality. For web developers and SEOs, it’s vital to easily see what rank your website has when doing searches. There are tons […]
Sometimes you may want to vertically align a block item, but the CSS-only vertical aligning methods don’t make you feel clean. Personally, I hate having to style items as a table/table cell to get them to vertically align in Internet Explorer. jQuery to the rescue. Using a jQuery vertical align snippet as my base code, I modified it […]
Google's Sprite Image is a Thing of Beauty
Google Sprite changes over time: If you want to know more about CSS sprites and how to put them together, feast your eyes on Google’s: Then: Now: Here’s the history of Google’s PNG sprite image http://www.google.com/images/nav_logo.png http://www.google.com/images/nav_logo2.png http://www.google.com/images/nav_logo3.png http://www.google.com/images/nav_logo4.png http://www.google.com/images/nav_logo5.png http://www.google.com/images/nav_logo6.png http://www.google.com/images/nav_logo7.png http://www.google.com/images/srpr/nav_logo8.png http://www.google.com/images/srpr/nav_logo9.png March 25, 2010 – http://www.google.com/images/srpr/nav_logo10.png April 1, 2010 – http://www.google.com/images/srpr/nav_logo11.png April […]
Now Safari’s just as cool as Firefox If you’re a web developer on the Mac, you may be sick of everyone talking about Firefox Addons that do everything but wipe your ass. True, Firefox is a great browser that is very expandable, but I love Safari, and I want to do as much web development […]
osCommerce accessibility stinks osCommerce default installation is a huge mess for accessibility. Every piece of code that the platform spits out has endless tables and poorly coded HTML — finding your way through the code is like trying to clear brush. The simple solution to osCommerce accessibility is to install the Simple Template System and put […]
I’ve been looking for a shopping cart like this for a long time One of my clients is looking to move from osCommerce to a more user-friendly solution, and I really want to use a shopping cart that is XHTML and standards-compliant…Something that validates and looks pretty with stylesheets off, has a full feature set, […]
I normally don’t work with ASP; I use PHP for my coding. Recently, I had to create a style.css.asp file, and I needed to find how to set a far-futures header in ASP. Here’s what I found in 5 minutes 🙂 :
Cars and Code – Not all that different
Customizing under the hood I was talking with one of my clients who is a mechanic, and he was telling me about how he used to do a lot of car customization and performance enhancing, and that he really loved it.He told me that the problem with customizing cars is that when you start tinkering […]
Here’s the problem: I want to use CSS Sprites for transparent images, and they require different matte colors. The promise of CSS Sprites is great: you can combine many small images into one bigger image, and use CSS to reveal only the revelant parts. But what if you have a background image, and the background […]
You must be logged in to post a comment.