Software / Internet

Tips on Getting Started With Web Design

Designing and creating websites is not difficult. As with anything else, with enough practice, experience and knowledge of the basics anyone can be a “web designer”. The important thing is to start somewhere and work from there. Here are a few suggestions:

  • Learn basic HTML. HTML is not a programming language. Writing HTML is not programming. Disavow yourself of this idea immediately. It only creates a mental barrier for people like me who are intimidated by math and programming. While HTML has some things in common with classic programming languages (like the use of its own rules and syntax), it is better to think of it as a formatting language since you’re just using HTML to change the appearance of what would normally be just text and pictures. The great part is HTML is super simple. Really. If you’re a total newb where HTML is concerned bookmark w3schools.com. They have great beginning tutorials and even little sandboxes where you can write and render (view the output) HTML all in one place.
  • Practice, practice, practice. Build your own starter website. Volunteer to build one for someone else. This is how everyone starts out. It’s fun, low pressure, and it’s for yourself. Make a website where you can putter around and change things any time you feel like it. Don’t hold yourself to an unrealistic standard by comparing your site to everyone else’s. Remember, you’re just a beginner, and you have a lot to learn. You’re going to make a lot of crap before you make something halfway decent. When we’re kids, we all start out drawing stick figures and sausage-headed people. Then gradually, with practice, you start filling in the blanks and progressing. It’s the same thing here. Don’t start out comparing yourself to the people who’ve been doing this stuff for 15 years. If you stay after it, you can be be better than 90% of people within days or weeks.
  • “Plus it.” The biggest thing that will help you progress with designing and building web pages is knowing when something does or does not look good. I’m not talking about having good taste. I’m talking about knowing when something looks like crap. If you have high standards for how something should look, it will drive you so crazy when something does NOT look good that you will push yourself to figure out how to make it look better. This sense of dissatisfacton is central to the learning process. Walt Disney had a standard phrase he used to squeeze the best work out of his artists. He would tell them to “Plus it.” Even if you think something looks pretty good, “plus it”. Push it a little more.
  • Steal Learn from other people. As the old saying goes, good artists borrow, great artists steal. Everything you need to learn, someone else has already learned. Use their knowledge and benefit from their experience. Don’t just borrow what other people know, steal it and make it your own. If you see something cool someone has done, right click their webpage and “View source” to see how they did it. This shows you the unrendered source code, which is the blueprint for how a website is put together. Acquaint yourself with every good resource you can get your hands on and soak it up. I’m a big believer in mental osmosis. If you listen to other people talk and write about something long enough, you’ll gradually pick up little lessons and bits of knowledge and experience. Here are a few places that will speed your education: Webmasterworld (a great place to ask questions and lurk), StyleGala (check out what the cool designers are building), A List Apart (the unofficial academic journal for ‘web designers’). There are tons of other equally good places. Just start reading and cribbing from your fellows. 99% of the ‘web designers’ out there are unremarkable (myself included). Do not be intimidated.
  • Know a few good tricks. Most web designers have a bag of tricks they use over and over. Little things like how to build a website that looks good, but is actually very simple. For example, check out Cameron Moll’s pretty website. As a well-known web designer, he knows how to make things look pretty sharp, but if you look closely you’ll see that his site is actually not that complex. It’s basically a header image, a background, and a two column CSS layout. There are a few complexities, but it doesn’t get much easier than that. If you look at this project he did recently, you’ll see that he uses many of the same tricks. While the site looks very nice, the actual architecture is not that difficult. It’s a navigation element, a large header, and three columns beneath the header. Cameron’s most effective trick is that he’s a whiz with Photoshop, which makes everything else he does look pretty snazzy. Most good designers are very good with Photoshop. I highly recommend spending lots of time in that application as it can account for 60-75% of your success with clients and projects. In my experience, most of the actual ‘designing’ is concepted and performed within Photoshop anyway. I don’t even mess with the HTML part of a project until everything is created in Photoshop. This guy has a similar workflow, which he outlines here. Buy, borrow, or steal a copy of Photoshop if you don’t already have one. It’s a necessary tool that everyone uses.
  • You don’t need books or classes. You need to work. Some people will inevitably disagree with this, but I think books and classes (especially on web design) are almost universally worthless. Why? In any class, you are usually either way behind or way ahead of everyone else. This is a bad place to be. The teacher’s job is to make sure everyone gets through the class together, so you’ll usually only end up learning the very basics. Someone else is always more stupid than you are and holding everyone back. Furthermore, most people who write books and teach classes are not that great. The great designers are out designing and creating. Writers on the other hand are not paid to simplify and teach a subject. They’re paid to trick people into buying massive, expensive books that have no resale value. Most truly great designer / writers freely part with their pearls of wisdom to any with the ears to listen. They’re not interested in foisting more unreadable, unnecessary garbage onto the world to further confuse people who just want to learn. There are a few good classes worth taking, but try very hard to learn on your own first. If you spend 1-2 hours a day just playing around building webpages and graphics, you will eventually learn everything you need to know.

I hope you find some of these tips useful. Remember that you can do anything anyone else can do. Do not be afraid to make mistakes or ask questions.


Martin Random: Bullshit Genius or White House Insider?

This guy is either a great liar or he knows some things. It doesn’t have to be true to be entertaining. Be sure to read the whole thread. From Something Awful:

Homeland security buys in bulk and at great premium millions of dollars of useless personal appliances from China, such as rice cookers, nose hair trimmers, massage wands, and heating pads, boxes them up, and buries them in railroad shipping containers in the Arizona desert for no reason whatsoever other than to spend its budget and prevent sub-agencies from getting the funds. I suspect that the money goes to a middleman in order to secretly siphon funds into foreign organizations which we can’t support over the table, but this is just me trying to find a justification for this massive and intentional government waste.

Donald Rumsfeld needs to wear iced underwear because of some medical condition, and he has his secret service detail hold his spares. He was recently getting uncontrollable long-term erections and had to change up his medical treatments. The underwear and the erections is why he uses a standing desk, not because he is some super-man. He also wears nylon stockings, not because he’s gay, but to control some vascular problem with his legs which causes him intense pain.


Attention board game geeks: Settlers of Catan

Every month at my apartment complex there is a “game night”. It’s hosted by this couple who work for a group called “Cares”, a non-profit that tries to build community in large apartment complexes. The idea behind Cares is that if you make the complex feel more like home the tenants will want to take better care of things and stay longer. That saves the landlord money.

We have a young married couple on site who run all the events. They’re very nice. My guess is the complex gives them a free or sharply discounted apartment in return for their services. I can see the point behind trying to build community in a 300 unit complex, although every time I go to a Cares event there are usually fewer than eight people and most of them are regulars like me who can only be coaxed from their apartments to play board games. The last couple times I’ve gone it’s been a total sausage party, 4-5 guys and occasionally a couple women playing Scrabble. Out of the three times I’ve gone in the last three months, we’ve played Risk once and Settlers of Catan twice. I’m new to Settlers of Catan, but it’s one of the best games I’ve ever played. It’s Chess meets Risk. Although there is no combat, it is very strategic and competitive. The basic idea is to get to ten victory points before anyone else. You start out building roads and villages and each village gives you one point and helps you to collect resources like ore, wood, sheep, timber, and clay every time the dice are rolled. These resources help you build or buy development cards. Like Chess, there are several ways to win, and as you play you will see the most popular strategic gambits: the race for the longest road (2 victory points), the race for the largest army (2 victory points), etc. Many people go all out for the development cards, which like Chance cards in Monopoly can often throw you some sort of bonus. For example, there is a card called “Monopoly” that allows you to strip all of one resource out of every player’s hand. The game itself is relatively new as board games go, having been created in 1997 by a small publisher, so many people have not heard of it. It will become one of those classic games, if it hasn’t already. It’s that good.

Poking around online, I stumbled across a free knock-off of Settlers of Catan called Sea3D that you can play over the Internet. It’s a direct translation of the game into digital form produced by Jason Fugate, a programmer at EA in Chicago. It even just looks like a board game on your computer since it uses 3D representations of the game pieces complete with wood grain. In addition to a fantastic iteration of Settlers, Fugate created a ladder ranking and online game matching system, so you can actually compete against players from all over the world. The game application allows you to host your own Settlers matches as well as join games hosted by other players. In some ways, I wish I hadn’t found this because I’ve spent several hours playing since last week. Last night I laid awake at two in the morning trying to figure out why my strategy using the sheep port didn’t pan out. I think I’m coming out too strong in the beginning which results in unwanted attention from my opponents who check me with the Robber and slow me down. The Robber is placed on a tile whenever someone rolls a 7 or plays a Soldier card. If the Robber is on one of your tiles he can keep you from producing resources until the piece is moved.

If you’re interested in playing The Settlers of Catan Sea3D is be a good way to start. It’s still more fun to play in person since you can enjoy the petty little rivalries and arguments that inevitably take place as players become frustrated watching their fortunes change.


Wanted: Browsercam users

I need people who would be interested in using browsercam.com to join my fundable campaign. Browsercam has this promotion going where if you get twenty people together you can all pile up and get a browsercam group account for $25, which is good for one year. Browsercam is a good tool for web designers that lets you make sure your web pages look good across multiple platforms. For example, using browsercam you can see how your pages will look on Linux or a Mac in various different browsers. If you’re building websites (especially with CSS) it’s very useful.


Time for more encrypted VOIP

From the NY Times: Taking Spying to Higher Level, Agencies Look for More Ways to Mine Data:

Mr. Arquilla, who was a consultant on Admiral Poindexter’s Total Information Awareness project, said that the $40 billion spent each year by intelligence agencies had failed to exploit the power of data mining in correlating information readily available from public sources, like monitoring Internet chat rooms used by Al Qaeda. Instead, he said, the government has been investing huge sums in surveillance of phone calls of American citizens.

“Checking every phone call ever made is an example of old think,” he said.

He was alluding to databases maintained at an AT&T data center in Kansas, which now contain electronic records of 1.92 trillion telephone calls, going back decades. The Electronic Frontier Foundation, a digital-rights advocacy group, has asserted in a lawsuit that the AT&T Daytona system, a giant storehouse of calling records and Internet message routing information, was the foundation of the N.S.A.’s effort to mine telephone records without a warrant.


Gmail for your domain

I got a beta invite for the “Gmail for your domain” program. Basically, the idea is that you let Gmail and Google host your email using one of your domains. So, if you register iamthecoolestguyintheworld.com, you can let Google / Gmail handle all the email and email accounts for that domain. All you have to do is point your MX records to Gmail. They provide a control panel interface for you to create and manage email accounts as well as a total of 2GB of server space. No doubt, they will offer this service paid for with Google ads. It’s a smart service to add as well as a no brainer. Why hasn’t anyone else done this yet?

Most of the web-based email services offered by small web hosts use installations of SquirrelMail, Horde, or NeoMail. If Google can provide a reliable service, I’m sure many people will gladly switch. I imagine many might buy domains just to have personalized Gmail.

Using Gmail for your domain, you get the great Gmail interface, of course. The only downside is that your email is stored with Google rather than on your server. That’s a dubious proposition. I wish you could just license the Gmail software to install on your webserver.

gmail for your domain

Here’s a quick run down of the features:

  1. Search accounts - This search allows you to find accounts by account name. If you create 300 email accounts and you need to find one with a specific name this is how you do it. I imagine this will be useful if Google allows you to host multiple domains in the future.
  2. User management – Create new users, change user passwords, etc. You can even force a user to choose a new password on their next login as well as set the user as an admin with admin privileges to manage email for the domain. There are also options to create multiple account aliases for the same user. For example, I could have an email box that collected anything sent to [email protected] or [email protected]. The only other thing I noticed here was the ability to add the user to a mailing list created on the domain.
  3. Create mailing list – This is pretty standard. Create a mailing list much like Mailman or other listserv apps, the only difference you can only add users on your domain. That will probably change in the future, which should be troubling to the various listserv companies out there like Lyris and Mailermailer.com.
  4. Domain settings – Here you can change the sign-in box color and add a special graphic for your sign-in page, so you can brand your webmail.

The features are limited right now, and match what you can do with any virtual hosting environment. The main benefit here is the Gmail interface as well as the 2GB of essentially free space. That allows you to use your virtual hosting space solely for storing files rather than constantly growing email boxes. I look forward to what they will include in the future. If they coupled this with a domain purchasing program it will be a success. Imagine, a user buys a domain at google.com, signs up for a blog hosted by Blogger, and email hosted by Gmail, all for free. They could even start offering free domain names supported by Adsense.


Get active in Wikipedia

While you’re using Wikipedia, you should keep an eye out for any errors you see. It’s easy to make changes and add content. I added a user template for Dallas wikipedians, but there’s still not one for Austin, I just noticed. I may have to add that unless someone gets to it before me.


Jigglypuff on American Idol

American Idol in Austin…


More google.cn

The image search for “tiananmen square” on the left is from Google.cn, the image search on the right is from Google.com.

Google censorship

It’s almost so bad, it’s funny.


Google trades ideals for utilitarian cynicism

This wouldn’t be so disappointing if it weren’t for their oft-advertised ethos of “don’t be evil”:

Launching a Google domain that restricts information in any way isn’t a step we took lightly. For several years, we’ve debated whether entering the Chinese market at this point in history could be consistent with our mission and values. Our executives have spent a lot of time in recent months talking with many people, ranging from those who applaud the Chinese government for its embrace of a market economy and its lifting of 400 million people out of poverty to those who disagree with many of the Chinese government’s policies, but who wish the best for China and its people. We ultimately reached our decision by asking ourselves which course would most effectively further Google’s mission to organize the world’s information and make it universally useful and accessible. Or, put simply: how can we provide the greatest access to information to the greatest number of people?

I don’t think anyone was shocked when Yahoo! kowtowed to China. They’ve always been business first, cool second, but Google was supposed to be better and different. But all the Google fanboys should remember, when the rubber met the road, and principle clashed with capital, Google got in line with everyone else, shriveling their ethos into a hollow marketing slogan.