Link Love: Must-Read Sites For Web Designers

To this day I see a lot of web sites, be they blogs or otherwise, that are just… wrong. As in designed poorly. More often than not the audience is the last consideration most people have when designing their sites when it should be the first.

These links have nothing to do with software and everything to do with knowledge.

Web Pages That Suck

I am a long-time reader of this site. Vincent Flanders is an authority on pointing out design mistakes and is darn good at it. He has coined terms such as Flasturbation (using needless Flash) and Mystery Meat Navigation. It’s more or less a guarantee that if you’re new to design, there are things mentioned in this site that are wrong with yours.

CSS Tutorial

There is not a single application made that will do all your CSS for you. In order to learn CSS properly it must be done "by hand". For those who use WordPress themes you will inevitably run into the problem where a template just "won’t work". This is most likely because the CSS doesn’t "agree" with something you’re trying to add/remove/modify. If you know how to hand-code CSS you’re be way better off discovering out design foibles and fixing them.

PHP

PHP is a scripting language, and this is what you’re most likely using if you’re hosting your own site. The vast majority of sites (including PCMech) require PHP just to run and without it would be nothing but static pages that wouldn’t "talk" to each other at all. In today’s blogging world all the major blog engine offerings (WordPress, MovableType, etc.) use PHP with a MySQL database.

Like CSS, this is something that is best learned "by hand" using a plain text editor to write/modify PHP scripts.

The Bare Bones Guide to HTML

Although dated, the information contained in this guide is still relevant because there are still many instances where you have to use plain HTML to get things done. While it’s true that you can use CSS to do most things HTML can, doing it via HTML is faster and easier.

Small example of the difference between the two:

In HTML, to make something bold you can use <strong>bold text here</strong> or just <b>bold text here</b>.

Doing the same in CSS would be <span style="font-weight: bold">bold text here</span>.

The HTML way is much faster and does the same job, hence the reason you should know it in the first place.

Free eBook!

Like what you read?

If so, please join over 28,000 people who receive our exclusive weekly newsletter and computer tips, and get FREE COPIES of 5 eBooks we created, as our gift to you for subscribing. Just enter your name and email below:

Post A Comment Using Facebook

What’s Your Preference?

Daily Alerts

Each day we send out a quick email to thousands of PCMECH readers to notify them of new posts. This email is just a short, plain email with titles and links to our latest posts. You can unsubscribe from this service at any time.

You can subscribe to it by leaving your email address in the following field and confirming your subscription when you get an email asking you to do so.

Enter your email address for
Daily Updates:

Weekly Newsletter

Running for over 6 years, the PCMECH weekly newsletter helps you keep tabs on the world of tech. Each issue includes news bits, an article, an exclusive rant as well as a download of the week. This newsletter is subscribed to by over 28,000 readers (many who also subscribe to the other option) - come join the community!

To subscribe to this weekly newsletter simply add your email address to the following field and then follow the confirmation prompts. You will be able to unsubscribe at any time.

Enter your email address for
Free Weekly Newsletter: