Archive | Web Design RSS feed for this section

Clean up Your Messy CSS

Nov/11 in All Posts, Online Tools, Web Design, Web Hosting Tutorials

Clean CSS

Take a look at the CSS file for your web site.  Is it a little on the messy side?  If so, I have the perfect web site for you to add to your bookmark collection.  CleanCSS.com is an online tool that will optimize and format your CSS.  Why would you need to do this?  Well, a clean CSS is a happy CSS!

To use it, just visit the web site and then copy and paste your code into the CSS box.  If needed, you can also just post the URL to your CSS file too.  Then, under code layout, you can select how clean you want it to be (based on readability and size).  Here you can see all the options you will have at your fingertips:

Clean CSS in Action

One thing that CleanCSS doesn’t do is validate your CSS code.  For that, I would still recommend visiting the W3C CSS Validation Service.

Read full story · Comments { 0 }

Other Alternatives to WordPress?

May/08 in All Posts, Web Design, Web Hosting Tutorials

WordPress Alternatives? Don’t get me wrong, I love WordPress – and use it in a lot of places but there are a lot of nice alternatives to WordPress too when you start looking around at scripts and services others are developing.  Marie writes in with this CMS controversy.

“I am looking to setup another web site but I want to stay away from WordPress.  Do you have any suggestions for other content management system or blogging scripts to try?  Thanks!”

Just in case WordPress rubs you the wrong way or your just not happy with it – here are some of my favorite content management systems that are not WordPress.

  • Drupal – found at Drupal.org, this is like WordPress on steroids. Lots of goodies and better membership system in place too.
  • b2evolution – found at B2evolution.net is an old one, but still a good one – with tons of options.
  • Joomla – found at Joomla.org might be too feature rich for the casual blogging fan – but a good engine for in depth web sites or basic blogs.

I used to suggest MovableType to people but over the past few years it just hasn’t been able to keep up with WordPress.  Plus it is a ‘bit resource hungry and their license agreements are way too confusing for normal users.

To check and more and to get some demos of both the output and admin interfaces be sure to check out OpenSourceCMS.com.  They have tons of examples from every corner of the blogging, CMS and forum world.  One of the best database out there if you are looking for a better alternative to WordPress.

Read full story · Comments { 0 }

3 Best Magazine Themes for WordPress

Feb/19 in All Posts, Web Design, Web Hosting Tutorials

The magazine style theme for WordPress seems to be a more popular choice these days, with web sites wanting to look less like your standard blog and more like a professional web site. Here are three of my favorites from this unique theme category:

1. Revolution from RevolutionTheme.com

It will cost you around $80 for a single use license, but oh man – is it ever awe inspiring. One of the first to really make a name for magazine style WordPress theming, Revolution continues to be the top dog.

wordpress-magazine-theme-1

2. Grid Focus from 5thirtyone.com

This theme is a three column WordPress work of art. It also is distributed for free and is not dependent on having any certain WordPress plugins to work.

wordpress-magazine-theme-2

3. WordPress Magazine Theme from solostream.com

The name is simple enough, and this theme also delivers (as long as you wish to pay the almost $80 price tag). I do believe though this would be a good investment if you wanted a theme that made you look more professional and a little different than all the rest. Loads of banner ad space on this one too for advertising bliss.

wordpress-magazine-theme-3

As you can see there are loads of quality WordPress magazine themes out there if you know where to look. For more, the crew at Theme Playground has a nice roundup of some of the best of the best magazine themes available.

Read full story · Comments { 0 }

Free Layout Marketing

Aug/23 in All Posts, Web Design, Web Hosting Tutorials

Related Podcast Link: Listen to Episode 119!

When it comes to bringing in new folks into your web site you would be willing to try just about anything and everything, right? One thing that you might have not of considered is the idea of developing something for the public and then giving it away for free. A perfect example of this would be making a free layout for your users to use.

If there is one thing that gets attention it is free MySpace or free WordPress layouts. Those two seem to be the hot search items these days, and you should cash in on the benefits as well. First thing you need to do is find a designer or learn some basic design skills yourself. Continue Reading →

Read full story · Comments { 0 }

Resource Spotlight – DavidAirey.com

Jun/15 in All Posts, Web Design, Web Hosting Tutorials

David AireyIf you only read the top blogs or resources out there on the Web, you are missing out on so much information and interesting personalities. I always have folks asking me to suggest a few good resources or feeds to subscribe to so they can learn more about the web development world.

This is a new one I just found out about – and I am more than happy to share it with all of you.

DavidAirey.com is the blog of – you guessed it – David Airey, an Edinburgh graphic designer. He caught my eye after linking back to my story about taboo topics in hosting from last week’s episode.

Here are a few of his past articles that I think you’ll find more than interesting:

Have another Web site, blog or resource that I should be keeping my eye on? Let me know about it.

Related Podcast Link: Listen to Episode 110!

Read full story · Comments { 0 }

WordPress Themes and Plugin Help

May/26 in All Posts, Web Design, Web Hosting Tutorials

Now that we have gotten WordPress ready to go, you can now start working about plugins you need and themes you can use. One really nice resource for WordPress themes can be found at themes.wordpress.net. There are dozen there to choose from.

Just make sure if you do decide to use one of those, you pay attention to the author’s notes. Some require that you keep certain links on your Web page back to them – and others have “sponsor links”. I would suggest to stay away from the “sponsor links” ones because that is just a little slimy in my opinion.

Now for plugins – there are a lot of good ones for WordPress. A good resource for WordPress plugins would be wp-plugins.net. You can also find a good plugin directory on WordPress.org as well under /extend/plugins/.

Here are a few good plugins I use to get you started right:

Now for most themes and plugins getting them installed it a pretty easy process. You will need to startup your FTP client and get yourself into the “wp-content” folder. From there you will see a folder for themes and a folder for plugins.

The rest of this pretty much explains itself.

Put themes in the themes folder and plugins in the plugins folder.

Plugins are often just one .php file so getting them in there should not be a problem. When uploading a theme, make sure you grab the entire folder for the theme and upload it. Themes have multiple files inside them so if you don’t grab them all – often they won’t work. Each theme and plugin should have a “Read Me” file with it to give you more specific instructions if needed.

Related Podcast Link: Listen to Episode 108!

If you need hosting for your WordPress blog just try our WordPress Hosting Guide! Recommended hosts for WordPress and other great info!

Read full story · Comments { 0 }

5 Great Web Dev Tools

May/03 in All Posts, Web Design, Web Hosting Tutorials

Web DevelopmentBack when we did the poll on WebHostingShow.com a few weeks back, you told me you wanted more Web development talk on the podcast. Well, not to be one to disappoint – I thought I would start sharing the Web dev love today.

1. Color Scheme Generator 2 – When it comes to selecting colors for your Web site, you want to work with things that look well together. WellStyled.com gives you a generator that will help you match your colors and come up with a basic color theme for your Web site or project.

2. 2 Column Tableless Layout – A lot of folks might say this is the best layout on the Web today to try to create, and this second link from WellStyled.com walks you through, step by step, on getting it created.

3. Great Fonts for Web 2.0 – This list (found at ModernLifeIsRubbish.co.uk) gives you some of the most popular Web 2.0 Web sites out there today and lets you know what font they are using for the Web site’s header images. Might be an interesting place to get some inspiration.

4. AnyBrowser.com – This link gives you your Web site of choice in any resolution you can pretty much think of. Just type your URL into the box, and see how it looks in different sizes.

5. Free Icon Resources (for your site) – MaxPower.ca has put together a great list of icons that are free to use on any Web site out there today. You get links, artists, previews and the type of license it was released under as well.

For more Web development help and talk through the week, be sure to check out Lockergnome’s Web Developers newsletter. It is another side project of mine, and I guess since it is away from my major network of Web sites you could refer to it as my home away from home.

Related Podcast Link: Listen to Episode 105!

Read full story · Comments { 0 }

Free Hosting Design Templates

Apr/12 in All Posts, Web Design, Web Hosting Tutorials

It has been a while since I found any hosting freebies, but this one deserves the attention.

The folks over at ResellerGuide.com have got you covered if you are looking for a free design to get your hosting business off the ground. Just this past week they lanunched 12 free layouts for Web hosting companies. Some of them have multiple pages included and PSD files so that you can edit it and make it your own.

This could be a great helping hand for any small hosting company trying to get off the ground.

Free Templates
First impressions are everything, so having a good Web site layout is a nice start to building that relationship with your future clients as they browse through your links.

What is the only thing that they are asking for in return?

All that we ask is that you leave a review of the hosting company you are using and help the community with advice. Plus maybe you can link to us or email me with an article or idea for an article from time to time.

Sounds like a pretty good deal to me. Check out all 12 designs and when they ask you who sent you to them, make sure that you let them know that the Web Hosting Show sent you there.

Related Podcast Link: Listen to Episode 102!

Read full story · Comments { 0 }

Classic HTML vs CSS – Who Wins?

Apr/05 in All Posts, Web Design, Web Hosting Tutorials

When it comes to Web design, there is one battle that seems to have gone on for ages. Which is better, using tables and classic code in your HTML code to design things or use cascading style sheets (otherwise known as CSS)?

Some people can get really fanatical when it comes to this topic but I am going to call it right down the middle and let you know why both can be good for you.

Why Should You Design With Tables and Classic Code in Mind?

Many people that got started coding Web pages when the Web was still young learned to do it with tables. For that reason alone, some people don’t want to change because designing with tables is what they know. Once you know the table basics, it is pretty easy to jot down some HTML and make a pretty basic layout.

The problem is that can be very limiting when you want to do certain things that tables just can not do. When you want things in an exact spot or you want to change around some font sizes or colors. Then we get in a little ‘bit of trouble.

Why Should You Design With CSS in Mind?

There is no secret that CSS does have its advantages. For one, it makes changing between layouts a breeze. All you need to do is edit one external CSS file, and you can go from having a blue background to a red one without touching any other file on your server.

You have much more control as well over the layout. Just change a few lines here or there and you have your navigation bar move from the left to the right.

Who Wins This Battle of Designing Ways?

I might make a few people mad, but in my mind CSS wins hands down. It allows you to write much cleaner looking code for your Web sites and is just more efficient in the long run. For those of you scared to make the transition over you can mix some old school elements with CSS as well.

I have several Web sites that have a basic table backbone and then everything else is designed with CSS. Which side of the fence are you on? If you have an argument for or against either side – leave it in the comments because I’d love to hear it.

Related Podcast Link: Listen to Episode 101!

Read full story · Comments { 0 }
Newer posts →