Posts tagged as:

CSS

Google fade-in loads slowly. Real slowly.

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

June 7, 2010

in CSS,Google

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, as it wasn’t taxing on computers to fade in on white.

Now that Google allows for custom image backgrounds (likely in response to how beautiful the Bing backgrounds are), the fading in process can be tedious, even using blazing-fast Chrome. I can only imagine what users using Internet Explorer 6 are going through: fading in images takes a lot of work and time!

This was annoying me, so I made a quick modification to my SEO Stylesheet (a Custom Stylesheet to display search results and no-follow nicely in Safari, IE and Firefox). This mod will make the image load solid, with no fading or resulting lag.  Read more&hellip

5 comments

How to Prevent Loading WP-DownloadManager’s CSS File

November 13, 2009

in Code,QuickTip,WordPress

Stop loading WP-Downloads 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.

0 comments

SteveSpangler.com Web Design Launched

November 4, 2008

in Web Design Portfolio,WordPress

Stevespangler.com Header image

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 of this site required lots of tricks that convert WordPress into more of a CMS (Content Management System). Read on to learn some of the WordPress customization.  Read more&hellip

4 comments

Simple Vertical Align Plugin for jQuery

September 8, 2008

Everything in it's right place.
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 to be a jQuery plugin that will allow you to use the function in the jQuery chain.  Read more&hellip

Read the full article →

Google's Sprite Image is a Thing of Beauty

June 3, 2008

If you want to know more about CSS sprites and how to put them together, feast your eyes on Google’s:

Here’s the history of Google’s PNG sprite image

Google's Sprite Image

http://www.google.com/images/nav_logo.png

Google's Sprite Image

http://www.google.com/images/nav_logo2.png

Google's Sprite Image

http://www.google.com/images/nav_logo3.png

Google's Sprite Image

http://www.google.com/images/nav_logo4.png

Google's Sprite Image

http://www.google.com/images/nav_logo5.png

Google's Sprite Image

http://www.google.com/images/nav_logo6.png

Google Image Sprite

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 21, 2010 – http://www.google.com/images/srpr/nav_logo12.png


May 4, 2010 – http://www.google.com/images/srpr/nav_logo13.png

Google Sprite
July 2, 2010 – http://www.seodenver.com/wp-content/uploads/HLIC/53708e94f618e796e88d30563dab0856.png

You can’t get much more efficient than that…

Read the full article →

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

June 2, 2008

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 on Safari as possible.

The feature that I missed the most in Safari was Disable Styles and Disable Javascript, both of which are super-easily done in Firefox via the Web Developer Plugin. With the advent of Safari 3, disabling CSS and Javascript is as simple as a keystroke combination of your choice!  Read more&hellip

Read the full article →

Tableless, accessible, nearly validating osCommerce — Rewriting the beast

May 29, 2008

Rocky Mountain Baggers

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 together a XHTML/CSS’ed out template.  That only solves one part of the problem, however, because your wonderful template is going to be wrapping around a whole slew of undesirable code.

Over a year ago, a client of mine wanted an osCommerce website. I wanted to create a masterpiece of accessibility. I tackled osCommerce head-on and re-wrote most of the code that creates the HTML.  It was a nightmare, but I created a nearly validating eCommerce website with osCommerce.

The experience was so scarring that I haven’t yet written about it :-) Nearly every file was affected, so upgrading it would be a nightmare, but it’s truly an effort of love.  Read more&hellip

KWD presents: a nearly validating, tableless osCommerce website

Read the full article →

Standards-Compliant Shopping Cart with XHTML & CSS!

May 22, 2008

\

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, and a great admin panel.

I was quite pleasantly surprised when I discovered Tradingeye. They have a well-coded shopping cart solution as well as a CMS. Very, very interesting.  Looks like a pleasure to develop for; like WordPress for eCommerce. Check out their Shopping cart demo.  Read more&hellip

Read the full article →

Setting Far Futures Expires in ASP, Using ASP as CSS

April 24, 2008

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 :-) :  Read more&hellip

Read the full article →