Tag Archives: Tips

20 Time Saving WordPress Plugins

What’s most important to the WordPress admin?  Security, simplicity, quality.  These all make the list.  But time is perhaps the only true asset, something you can’t get back.  I have scoured the web looking for WordPress plugins that will save time.  And time is money folks.

This is not an all-inclusive list, so if you’ve come across a WordPress plugin that has saved you time, please add a comment below, or reach out to me on Google Plus.

Pretty Links

pretty link wp admin

An indispensable tool for the WordPress admin.  The easiest and fastest link cloaking plugin I have used thus far.  The free version is very functional, allowing for different types of redirects (301, 302, etc.) as well as basic cloaking.  Stop those affiliate commissions from being stolen and cloak those links!  You can also bulk-add cloaked links with the pro version and generate some handy reports.

ManageWP Worker

manage multiple wordpress sites

Manage all of your WordPress sites from one dashboard! Forget about logging into each site individually, this plugin centralized administrative control.  Very handy for those of us that run more than one site.  It is totally secure (according to the developer) and allows for one-click plugin updates among many other handy features.

Theme Test Drive

This plugin lets you work out the kinks on a new theme while showing your existing published theme to viewers.  This cuts out gobs of time spent customizing a new theme on a local WordPress install or a clone of your site.  You no longer have to export your theme from the local install and hope it works fluidly on your live site.  With some exceptions to functionality, this plugin lets you test your new/potential theme where only you, the admin, can see it.

Plugin Central

time saving plugin central

This plugin lets you streamline the installation of other plugins.  But here is the real time saver.  You can use Plugin Central to bulk transfer plugins from one site to another.  This is a huge time saver for anyone who is moving to a clean installation of WordPress, or who likes to use a default grouping of plugins on all sites.  Very nice.

Ultimate Google Web Fonts

time saving plugin

Stop hand coding CSS or importing Google Font functions into WordPress.  This plugin ($14 at Code Canyon) does it all for you.  Play with lots of different fonts to get just the right look on your site.

OSE Firewall

ose firewall save time with wordpress

Protect your site with one plugin against hacking, viruses and spam.  The built in scanner consistently checks your WordPress site for malicious code so you don’t have to be (as) diligent.

Developer Mode

developer mode plugin

Completely customize how different user levels see and interact with the WordPress admin.  Save time by restricting what your clients can see and change in the WordPress admin.  This cuts down training time, repair time (when they break something) and generally streamlines your clients’ admin experience.

Simple Optimizer

Stop downloading different optimizing plugins and tools, this one does it all for you.  It optimizes the database among many, many other things.  Here’s a brief video on what it can do:

Admin Bar Removal (aka annoying top bar thing slayer)

I always go in and remove this admin bar, it’s worth doing permanently.  The admin car causes multiple problems for the speedy WordPress admin, throwing off layouts and themes and just visually getting in the way of good site testing.

Post Snippets

wp time savers

Use Post Snippets to keep a personal library of assorted code so you’re not looking it up every time you need it.  Perfect for a theme’s shortcodes or javascript, HTML or PHP.

Plagiarism

fast plagiarism check

Plagiarism automatically scours the web for copied content.  This is particularly helpful for any WP admin that accepts guest posts.  You want to make sure work is original, but don’t have time to check everything manually.  This plugin automates the process.

Infinite WP

wp admin time saving plugins

Another way to manage multiple WordPress installs.  This one is completely free, just install this plugin on all sites you want to manage and you will have access to them through the accompanying plugin, Infinite WP Admin.

Infinite WP Admin

You’ll need this plugin to manage Infinite WP.

Global Content Blocks

global content blocks shortcodes

Similar to Post Snippets, this plugin lets you create your own shortcodes.  This is particularly helpful and time saving if you regularly use the same code over and over.  Kind of takes some of the appeal away from fancy themes with built-in shortcodes.

Content Progress

content progress plugin

Insert workflow management into the post writing process.  Very helpful for multi-author blogs.  Label your posts as in-progress, ready for review, etc.  Will be a time save for anyone who frequently uses guest authors or those that manage other writers.

WP Butler

wp butler

This plugin creates a text field in the WP dashboard that allows admins to jump to commonly used admin actions.  Handy even for people that know their way around the WordPress dashboard rather than waiting for the (sometimes slow) menus.

Adminimize

wp dashboard

I like this one because I like a clean dashboard.  Adminimize allows the WordPress administrator to select what displays on the dashboard.  Of course this can be done manually by modifying the WP core which isn’t recommended.  Instead, use adminimize to pick and choose what you see.

Tidy Up

Tidy Up does exactly what it says, goes through your posts and pages and looks for sluggish or improper coding.  You can then choose (a nice feature) to update the database with the tidied code.  Be warned, this plugin is not actively maintained but appears to still function.

Advanced Excerpt

excerpt

Advanced Excerpt lets you customize the length and behavior of the standard WordPress excerpt function rather than hand-coding the changes.  I use this plugin surprisingly often.  Image credit.

Simple Backup

simple backup plugin

Simple backup takes the process out of “backup process”.  You can regularly download backups of your WordPress site, and optionally run some database optimizations.  This is the kind of plugin you wish you had when it’s too late, but you never think of until it’s too late.

How to customize your WordPress 404 page

I previous discussed how to customize your WordPress 404 page in a previous post, but I was brief.  This tutorial is intended to be a more comprehensive guide for this important customization step.  Customizing your 404 page tells your readers you went the extra mile to ensure they have a quality experience with your site.  Additionally, from an SEO perspective, users who need to take extra steps or “dig” to find your content are less likely to follow through.  They are also less likely to trust your site in search results in the future.

WordPress makes customization easy with logical theme files and template tags.  Here is how to leverage those features to customize your 404 page.  For those who don’t know, and I can’t imagine anyone reading Pingable that doesn’t, 404 pages are a catch-all page for any time a user stumbles upon content that does not exist.  Perhaps the URL has been changed, perhaps you’ve deleted the content, perhaps someone has incorrectly linked to a post.  The 404 page will be found by readers in these situations.

Step 1: Prevention

As they say, an ounce of prevention is worth a pound of cure.  The best way to improve the 404 error page experience is to prevent it entirely.  Here are some steps to prevent most 404 errors.

  1. Use Google Webmaster tools to track dead links and 404 messages.  Google’s huge brain knows how to tell when it has found a 404 page, and if Webmaster Tools has been set up for the domain, it will notify the owner via some nifty charts.  Find out who is linking to these incorrect URL’s and kindly ask them to update their link.  If the error is from inside your site, go through each one and correct the links.
  2. Check and re-check your internal links.  There is no reason you should be the source of errors.
  3. Use a search engine approved site map.  There are several good free plugins that automatically generate sitemaps for you.  This allows search engines to track your content quickly and efficiently.
  4. Internally link through the WYSIWYG hyperlink generator.  This uses post ID’s to create internal links so if the slug is changed, the link is not broken.
  5. Use a consistent url structure.  This is selected through the WordPress settings.  Whatever you choose, don’t change it once your site goes live.
  6. If you must move a post, consider deleting the content and replacing it with a link or 303 redirect to the new location.

 Customizing the WordPress 404 Page

  1. Find the 404 template file. In most WordPress themes, there is a file called 404.php.  This is the 404 error page.  Also in most themes, it will not be customized much.  Only super premium themes come with a custom styled 404 page.  If there is not a 404.php file, you can create one and place it in the theme directory.  WordPress will look for this file automatically and use it in the event of a 404 file not found error.
  2. Edit the file. The file can be edited with the built-in theme editor.  In the WordPress dashboard, go to Appearance > Editor.  Choose your theme and choose the 404.php file to edit.
  3. Choose your message. Make this message a little quirky, a little different, but be clear and concise.  Give users a next step like a search link or a link to the main page.  Apologize and tell them you will be checking into this error.  A little personality goes a long way.
  4. Give them more information. Even better than asking them to search is displaying information automatically.  This plugin will display search results similar to the document title they attempted to access.
  5. Go the extra mile.Make the design something memorable, and funny.  Humor is tied to memory anchors.  If a site makes you laugh, you are more likely to remember it in the future.  If you aren’t a designer, consider using a pre-designed 404 error page.  Here are some very inexpensive options.
  6. Need more? The following premium themes come with custom 404 pages.  If you’re feeling the need for a professional and cohesive design, this is the way to go.

Additional Resources

Great Resources to Learn WordPress

WordPress is simple, powerful and easy to learn.  But it still takes some time to learn to be a pro.  And you will never know everything there is to know about this amazing blogging platform.  As each version comes out, there are new features and structures to understand.  There is always a new trick or tip, no matter how long you have been working with WordPress.

These are a few excellent resources help you learn WordPress.  These are targeted to both experts and newbies.

1. The official documentation.  This is regularly updated by a slew of editors and developers.  Most often, if you Google a WordPress term, the documentation is one of the first results.  There’s a reason for that!

2. WordPress Lessons.  Another official resource, WordPress lessons are targeted towards newbies and intermediate users with specific tasks in mind.

3. WPQuestions.  A Fiverr style website where you can ask a question, name a small price, and people will answer it.  The site takes a cut and the answerer gets paid.  Some people are making a modest living on this site.

4. WP Apprentice.  They are a paid site with a lot of free videos as well.  They will teach you mainly simple tasks aimed at beginners.

5. wp.Tutsplus.com. Part of the TutsPlus and Envato network, this marketplace has lots of tutorials about WordPress.  Some are free, many are paid or part of a membership plan.  But you can guarantee you’ll get quality instruction on WordPress.

Must Have WordPress Plugins for 2011

I build a lot of WordPress sites and these are, in my opinion, the must-have WordPress plugins for 2011.  I start almost every new WordPress install with these plugins, even if I don’t have a specific intention for them all at the time of development.  If for no other reason, these WordPress plugins will make your websites function at a top-notch level in 2011.

Jetpack WordPress plugin for 2011

Jetpack is a compilation of handy features for any WordPress installation.  It includes Gravatar Hovercards, WordPress stats (available as a standalone plugin), Twitter Widget, wp.me shortlinks, Sharedaddy social sharing plugin, and Shortcode Embeds.

jetpack wordpress plugin for 2011

Usernoise Contact Form WordPress plugin for 2011

Usernoise is an absolute must.  It is the easiest, smallest and best-looking contact form plugin available for WordPress.  It is super-simple to setup, but that means there’s not a lot of customization options.  Usernoise Plugin ads a floating “feedback” image on the side of your site, that when clicked, created a slick AJAX powered overlay contact form.

usernoise wordpress plugin for 2011

Donation Can WordPress plugin for 2011

Donation Can creates a widget that accepts both set and custom donations via Paypal.  It works magically, letting you choose fundraising goals like “Pay for our server costs” or whatever you’d like.  Set weekly, monthly goals, anything really.  Perfect for kickstarting your WordPress website development.

donation can wordpress plugin for 2011

Password Protect WordPress Plugin for 2011

Password Protect plugin is essential for development, especially if you’ve got a great idea that you don’t want stolen.  Make sure your WordPress install is not indexable by search engines, then install this plugin.  It will only show the front end to logged in users, ie: you.  You can even set a custom message to users who try and view your site.

password protect wordpress plugin

Facebook Traffic Pop WordPress Plugin

This plugin creates a floating Facebook like box that utilizes jQuery overlay to catch visitors for a set period of time.  They can either “like” you or wait for it to fade away.  This is a great, albeit pushy technique to increase your social networking presence.

facebook traffic pop plugin

Foobar Announcement Bar WordPress Plugin for 2011

This plugin expertly mimics the HelloBar which is a free but branded dropdown bar at the top of your page.  HelloBar limits what you can place in their bar, and asks for $25/monthly to unlock the best features.  That’s pretty steep, especially when this plugin only costs $9 once at CodeCanyon.

foobar wordpress plugin 2011

Google +1 WordPress Plugin for 2011

Despite how you feel about Google’s foray into social networking, savvy webmasters will need to adopt Google +1 as the next wave of content sharing.  This plugin is free, in the WordPress plugin directory and gives you tons of flexibility to choose how the button is displayed next to your content.

google plus 1 wordpress plugin

What’s Your Backup Strategy?

How much do you stand to lose if your site goes down and you’re left without a backup? Even if you only have a smaller personal site, losing months or even years worth of work will hurt.

If your site is vital to your business it can get you in the pocketbook, too. You’ll not only have to worry about lost content, but links that now return 404 errors, any customizations you did to your theme and plugins, lost comments and all of the other tweaks and modifications you’ve made to your site.

You can rebuild but why go through all of that hassle when it can be avoided by having a good backup strategy.

A good backup strategy requires a balance between being as up to date as possible with the effort you can reasonably put into it with the resources at your disposal. Remember, you can’t rely on your web host to do it for you. Even if they offer the service, if you are locked out of your hosting account their backup will do you no good. Ask yourself these questions before formulating your backup plan:

How often do I really need to make a backup?

This will vary based on how often content is updated and how often changes are made to the structure of the site itself. A busy site that’s updated several times a day and receives a substantial number of comments might be backed up hourly while other sites can get away with just once a week.

For most sites a daily backup of the database is sufficient; an hourly backup could potentially strain the server, particularly at busy times of the day.

The WordPress files such as content, themes and plugins will also need to be backed up on a regular basis. If you rarely make changes to your theme or plugins and don’t upload amount of media, this can be done less often, perhaps once a week or even less often if you aren’t making changes and uploading images or other media.

No matter how often you choose to backup your database and files, you’ll want to be sure to do a backup right before making any changes to your site as insurance in case something goes wrong and once again after all changes have been made.

Where will I store my backup?

The simplest solution is to store your backup to your local machine, though this isn’t without its own set of problems. If you’re away from your computer and your site goes down, how will you get it back up and running without access to the backup?

Although it doesn’t seem likely that something will happen to your computer at the same time your site goes down, it is possible.

You can also store backups on your server. However, if you can’t access your sever, you’re still screwed. I’ve heard of more than one person who had their site shut down by their web host and were then unable to get the files and databases needed to migrate to another site.

It’s always best to store copies of your backups in more than one location, for example your personal computer and an online storage service such as dropbox. You can also look into paying a service to make and store backups for you as an added convenience and for peace of mind.

So I have these backups, now what?

Having backups scheduled every ten minutes won’t do you any good if you’ve no idea what to do with them in the event that your site goes POOF!

If you don’t have a plan in place to restore your site, you can lose hours and even days trying to figure out how to get your site back up and running. For most people, this will be stress they don’t need and time they can’t afford to spend. Take the time now to prepare for the worst case scenario.

If you have the time and inclination, teach yourself how to restore your site from the backups. There is a bit of technical know-how needed, but it’s something most people can be taught to do. Since restoring your site isn’t something you’ll do on a regular basis, make sure to write down step-by-step instructions and keep them and all relevant log ins and passwords in a safe place that will be easy for you to access if you need to fix your site yourself.

You don’t want to waste time having to Google and remembering FTP details while under pressure.

Another possibility is to develop a relationship with somebody who is experienced with WordPress and can fix your site more efficiently than you could. Again, it’s best to contract with this person in advance and find out how much the service will cost and what information they’ll need from you to do it. You don’t want to find out at the last minute that you can’t afford to have somebody fix your site.

Some freelancers will allow you to pay a retainer to have their services for a fixed amount of time per month or year. Even if you never need their services, think of it as insurance!

Finally, you can contract with a service that will make and store backups for you and will restore your site should the need ever arise. These services vary in price depending on size of the site and the services offered but can be very affordable, especially if you have a number of sites that need to be maintained.

If you schedule backup with a professional service, be sure to ask them how often backups are made, where the backups will be stored and if you’ll get a copy and how long will you have to wait to get somebody to restore your site if needed.

As the saying goes, stuff does happen. But even though we can’t always control hardware failure or malicious attacks, we can be proactive and make a plan to ensure that even in the worst case scenario we have a backup of our sites and can get them up and running again in the least amount of time possible.

Keeping your online assets safe with a regularly scheduled backup routine, is the best insurance a site owner can have.

Sean Platt is a content marketing specialist who offers regularly scheduled WordPress backups at TheWPMechanic.Com. Follow him on Twitter.



Collection of reader submitted resources

Want to see what our readers are interested in?  We ask readers to submit their favorite, new content and resources so we can share them with you.  Without further delay, here are some of the best recent submissions for your enjoyment.

50 Striking Typography Tutorials Using Photoshop

In the broadest sense, typography is the design and use of typefaces as a means of visual communication from calligraphy to the ever-developing use of digital type. we creating list of striking techniques of typography tutorials using Photoshop. Typography is sometimes seen as encompassing many separate fields from the type designer who creates letterforms to the graphic designer who selects typefaces and arranges them on the page. We hope you all like these stunning typography graphics and also can share your own typefaces.

50 Stunning Poster Advertisement Ideas

Poster designing is one of the most creative part of graphic designing and helping for brand advertisements, now web designers also like to draw advertisement posters for web promotions and we have some awesome collection of Poster designs in this creative post. Creative Posters always attract users whether they graphical posters accumulate to the side of roads, in the paper flayers, wall posters, telephone cabin and even when distribute on the way, they always grab the viewers attention and invite them to take some immediate action. This is my favorite alternatives for inspiration is poster design, by looking at great posters, you can learn a lot about composition, typography, and use of colors…

40 Stunning Tutorials about 3D Text

Adobe Photoshop is powerful tool for create any kind of professional designs and effects for both categories like Print Media and Web Designs, we’re proudly present beautiful listing 3D Text Effect Tutorials Using Photoshop, We have collected 40 best ever cool 3D typography text effect trainings. you’ll find all these beautiful, high-quality Adobe Photoshop tutorials from top tutorial sites and designers, they did excellent work in all trainings and sharing helping techniques about Photoshop.

50 Ultimate Useful Free MAC Applications

Apple always produces most powerful products, one of those are Mac Machines and we presenting “50 Ultimate Useful Free MAC Applications” we dug up from famous resources all over the web and arrange on our platform for you Mac lovers. Each of listed are free to download and use as you required in your field, one of the greatest things about Mac Computers are wealth of extremely talented developers that are willing to share their amazing creations without asking for a single cent, because everyone loves to get free Applications.The following list may come in handy too. In this weekend, we’d like to showcase you a list of really useful yet free Mac Software’s you can install for your Mac, we create our list in 3 category: Free MAC Applications for Freelancers, Music and Video MAC Applications, Free MAC Productivity Applications, File Sharing and Transfer Applications and MAC Apps for Web Designers.

30+ Useful Jquery Tutorials Using Advance Techniques

Although there are many great techniques already but hopefully these listed jquery tutorials will help you too and it will also give you a more professional feel and you will get latest techniques for modern design requirements of Web Developers.In this our first jQuery Tutorials article, we will presenting some really useful trainings about how to learn jquery techniques step by step and also will productive in your websites developments.Hope you will like these listed tutorials and leave your comments.

20 Articles and Tutorials About Using Negative Space

Negative space, also referred to as ‘whitespace’ in design, can dramatically improve your designs and help them breathe more and have a much better flow. Today we have collected 20 articles and tutorials to get you started understanding negative space and effectively applying those principles in your designs.Whether you’re a graphic designer or you design solely for the web, I am certain you will learn quite a lot from those articles. Some of them are geared more towards web-design but some also refer to drawing and painting or simply talk about how to effective use whitespace to craft more interesting designs.

Best of Pingable 2007

Pingable best of 2007

Here is a quick sample of the best and most successful articles from Pingable in 2007.

In terms of page hits:

5 Simple CSS tricks (20,173) It’s very embarrassing to think that this article has got so many hits. It was just a quick list put together with some useful CSS tricks I found around the net and in magazines. Almost all of the traffic came from StumbleUpon. I take encouragement from the fact the 20,173 page hits came from 12,000 unique visitors, so people must have found this article useful enough to come back and actually try out some of the tricks.

10 Purely evil ways to make quick money online (10,142) This article ranks number 3 in Google for the term “Make Quick Money” so it is a constant stream of visitors. If the comments left on StumbleUpon are anything to go by, it pissed a few people off too. I really enjoyed writing it, although I haven’t had all that much success with any of the methods.

The top 15 web API’s for your site (6,620) This article was voted to the homepage of Dzone, and del.icio.us, where it has been saved by 332 people. Social media success is good fun.

In terms of best writing:

What Makes You A Niche Expert?

Is User Generated Content Evil?

Is Your Web Design CRAP?

All three of these articles were a real pleasure to write, although they may not have been as successful as other articles in terms of page views, I feel they represent the best quality of writing on Pingable.

Most comments:

How To Make Your WordPress Blog Safer (29) – Mainly because it was entered into a contest. Getting more comments and interaction with readers is something I really struggle with. This is something I hope to improve on in 2008.

Thanks to all those people who have read my blog this year. I hope I can continue to create good stuff for you to read next year. Cheers, and a very happy new year to everyone.

www.pingable.org

What Makes You A Niche Expert?

Toaster

I want to start my own niche blog site. It will be about toast. I am an expert when it comes to toast. I know the best ways to cook it. I know the best toppings to put on it. I know all the different types of toast, and I am the person to see when it comes to picking a new toaster.

My niche site will have no problems gaining interest because just about everybody eats toast, so I will have a huge market. Toast is fortifying too; I have toast most days in the morning when I check my emails and RSS subscriptions. I will have no issues getting advertising for my site, on account of my astounding expertise in the field of toast. All the bread companies will be dying to get advertisements in front of my highly targeted readership. If I want free lance work, I will make good money, because I am an expert in my field, and the value I bring to others will be priceless.

I will coin new terms like “Optimal Toast Heat Window” (OTHW)- which is the period after the toast has popped, in which you must spread the butter if you want it to melt. I am from New Zealand, where most good butter is made, so I will also have opportunities to sell my services to massive multi-million dollar companies like Fonterra, because of my obvious influence within the Toast Niche.

The opportunities are endless. It will be hard work though. I will have to produce a blog article most days. I will have to network religiously with my fellow Toast Niche friends. However, I have no doubt that users on popular social media sites like Digg and StumbleUpon will instantly appreciate my work, and vote me to the front page whenever I write an article. Maybe not, maybe I am not an expert after all.

So What Makes Someone a Niche Expert?

Because they say they are? I don’t think so, if that was true then the Blogosphere would be one of the world’s most valuable resources with the amount of “Make Money Online” bloggers.

Because they have a niche site that has a lot of traffic and regular subscribers? Maybe.

Because they were an expert in their niche before they started blogging? Probably.

But what if you aren’t an expert already? Does that mean you can’t be a successful niche blogger? No, but you can strive to be one. Now if only I could find a solid untapped niche to blog about…toast, that’s right!

www.pingable.org

Social Media Optimization

The idea of creating content to target social media is nothing new. Terms like “Made for Digg” have been coined, and many people have created a basis for a successful site by focusing on attracting social media. When discussing the term Social Media Optimization (SMO) I consider it to be the optimizing of content on your site, this doesn’t cover your actions in social media environments away from your site, which are also important. Take a look at some existing information on this topic:

    Rohit Bhargava’s 5 rules for social media optimization:

  1. Increase your linkability
  2. Make tagging and bookmarking easy
  3. Reward inbound links
  4. Help your content travel
  5. Encourage the mashup

    Web Strategist adds:

  6. Be a user resource, even if it doesn’t help you
  7. Reward helpful and valuable users

    Cameron Olthuis adds:

  8. Know how to target your audience

    What I would like to add:

  9. Make your content attractive in appearance – people are shallow, especially when browsing social media, if it looks rubbish, it has much less chance of getting read.
  10. Make sure your site is optimized for a fast loading time – if it takes too long to load, people won’t bother. If your site is poorly optimized, large spurts of traffic will crash it.
  11. In your face ads, placed where your content should be will hurt your success. It will help your earnings placing ads in key spots, but social media visitors will hate it, and none of them are going to click ads anyway.

Is it really worth it?

Visitors from social media have a short attention span. They drop in, look at what they came to see, if it is attractive they scan over it, if something catches their eye, they may even read it. They will hardly ever click on other content on your site, they won’t click your ads, and very few will subscribe to your feed. So why bother?

Good content for social media is good content for anyone. If you can catch the attention of visitors that are sent your way from social media sites, you can catch the attention of anyone.

Rand Fishkin from SEOMOZ also discusses the value of Social media traffic for gaining incoming links, a very important SEO factor for increasing overall traffic of your site.

This is the main reason why you see so many top 10 type  list posts and other viral content when browsing social media. These types of posts tend to attract people to link to them (linkbait). This should be a key goal in your aim for success on social media sites.

Images used in this article are copyrighted by their original websites.

www.pingable.org

5 Simple CSS Tricks

  1. CSS Image Replacement

    System fonts can look ugly, and appear rigid. Using CSS you can replace text with a beautifully formed anti aliased image, yet still have all the accessibility and SEO benefits of text headings.

    Inline:

    <h1>Hello World</h1>

    CSS:

    h1 {
    display:block;
    width:100px;
    height:0;
    padding:30px 0 0 0;
    background-image:url(“heading.gif”);
    overflow:hidden;
    }

    Example of fonts

    The first image is a system font in the browser, see the edges of the “S” are rigid. The second is the same font as an image, the third is a non system font with a shadow, because you can use any font and apply effects to them when using Image Replacement.

  2. Rounded Corners Without Using Images

    To create CSS objects that have rounded edges without using images you can use the following technique:

    Inline:

    <div id=”container”>
    <b class=”rtop”>
    <b class=”r1″></b> <b class=”r2″></b> <b class=”r3″></b> <b class=”r4″></b>
    </b>
    <!–content goes here –>
    <b class=”rbottom”>
    <b class=”r4″></b> <b class=”r3″></b> <b class=”r2″></b> <b class=”r1″></b>
    </b>
    </div>

    CSS:

    .rtop, .rbottom {
    display:block
    }
    .rtop *, .rbottom * {
    display: block; height: 1px; overflow: hidden
    }
    .r1 {
    margin: 0 5px
    }
    .r2 {
    margin: 0 3px
    }
    .r3 {margin: 0 2px
    }
    .r4 {margin: 0 1px; height: 2px
    }

  3. RSS Feed Icon Without Using an Image

    With the increasing importance of RSS, finding crafty ways to display an icon is a useful skill. This method displays a tidy RSS icon without using an image.

    Inline:

    <a href=”http://pingable.org/feed/” class=”feed”>FEED</a>

    CSS:

    .feed { border:1px solid;
    border-color:#FC9 #630 #330 #F96;
    padding:0 3px;
    font:bold 10px verdana,sans-serif;
    color:#FFF;
    background:#F60;
    text-decoration:none;
    margin:4px;
    }

  4. Size Fonts Without Using Pixel Units

    It is important to size text using a method that is not absolute, so it can be enlarged for better visibility in a browser.

    CSS:

    body {
    font-size: 80%
    }

    p {
    font-size: 1.1em;
    line-height: 1.2em;
    }

  5. Using Images For Bullets

    An easy method to create list with images as your bullet points:

    Inline:

    <div id=”navcontainer”>
    <ul id=”navlist”>
    <li id=”active”><a href=”#” id=”current”>Item one</a></li>
    <li><a href=”#”>Item two</a></li>
    <li><a href=”#”>Item three</a></li>
    <li><a href=”#”>Item four</a></li>
    <li><a href=”#”>Item five</a></li>
    </ul>
    </div>

    CSS:

    #navlist {
    list-style-image: url(images/arrow.gif);

    www.pingable.org