Categories
Code CSS WordPress

How to use your own widget icon in the WordPress Widget customizer

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 […]

Categories
CSS Google

The Google +1 Sprite Animation

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`, […]

Categories
Plugins WordPress

5 Easy Ways to Disable the Gravity Forms CSS Stylesheet

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 […]

Categories
CSS Google

How to prevent your Google background image from fading in slowly.

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, […]

Categories
Code QuickTip WordPress

How to Prevent Loading WP-DownloadManager's CSS File

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.

Categories
Web Design Portfolio WordPress

SteveSpangler.com Web Design Launched

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 […]

Categories
SEO

Introducing: the SEO Stylesheet for Safari, Firefox, Opera, and IE

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 […]

Categories
Code jQuery

Simple Vertical Align Plugin for jQuery

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 […]

Categories
CSS

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 […]

Categories
Tutorial

Disable Styles and Javascript in Safari with Keyboard Shortcuts – How To

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 […]

Categories
Code Web Design Portfolio

Tableless, accessible, nearly validating osCommerce — Rewriting the beast

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 […]

Categories
Web Development

Standards-Compliant Shopping Cart with XHTML & CSS!

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, […]

Categories
Code

Setting Far Futures Expires in ASP, Using ASP as CSS

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 🙂 :

Categories
Code

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 […]

Categories
Code CSS Design Tutorial

Multiple Matte Colors for CSS Sprites

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 […]