All posts by bogeywebdesign

Helium.com

Life after 3.0

So I wasn’t really able to talk about it before now, but the site I worked for has officially launched our new version – of which I’ve been a major part in since I started in January.  It’s also what’s kept me preoccupied these past few weeks as we fixed minor things in it to get it live yesterday.  We’ve already heard good feedback from our users and I’ve gotten lots of compliments on the UI (which is what I do) – though to be honest 90+% of the design work was done by other people, I just did the XHTML and CSS.

Anyways, check it out if you want to see another big example of my work.  There are still large portions I want to change – some of our dynamic boxes should be switched to the sliding doors method for example – but overall I’m quite proud.

magicthegathering, microformats

Great Decks

Stumbled onto a great article called “10 Decks in 10 Weeks.”  It’s from the writer that does the building on a budget series.  Some really good deck ideas that can be done – online or off – relatively cheap.  Some very powerful decks and new ways to use cards that I’ve kept around but haven’t been able to work decks around.  Really good reading.  He goes through all the basic 2 color combinations and designs a wide variety of decks.

If nothing else it’s good to see another very experienced Magic player’s design strategy and sort of get into their mind as they build, test and modify a deck.  I had thought that I was getting pretty good at deck building but the card drawing and mana acceleration ideas really opened my eyes.  I might have to make another pass through my decks again.

Random Tidbit: I’ve been looking into and trying to better understand the purpose and power of microformats.  One thing I’ve found is that it’s good to be posh.

css, web design, webstandards

Modular Web Design

So I’ve been reading a lot about modular web design. Basically what it stands for is creating a web site – essentially a template – in such a standards compliant and well thought out manner that redesigning the site later on requires you to only modify the CSS file. It’s not a new concept – it’s something that was introduced when CSS was created and made famous by the CSS Zen Garden. Recently sites have been recreating their own personal zen gardens allowing for quicker redesign turnaround.

It’s a process I’ve used since I read up on the Zen Garden. The last 3 sites I’ve done – including my own – were done off a basic template. In essence it was a wire-frame design. And now, if I wanted to update any of them – and I’ve done small ones from time to time – I have enough hooks typically to just add or modify CSS rules. Though this doesn’t work if you go from a simple design, like my site, to a more complex design – with things like rounded corners especially. In those cases you will have to modify the XHTML.

Though it’s simple it’s not a process all beginners can copy though. And it’s an excellent learning tool. So later this week I hope to upload 2 templates – one being the wire-frame and one a more meatier zen garden-esque template. Stay tuned.

Random Tidbit: Along with Web 2.0 has come a new workplace. An article I saw on A List Apart talked about the “Long Hallway” – basically it talks about how in the new workplace designers/developers can collaborate from home offices around the world, building a team with no set office.  It’s something I’ve been thinking about for awhile and very interesting.

magicthegathering

Future Site Pre-Release Tournament

If you’re a Magic fan and have never been to one of these – you definitely should go.  It was challenging and I built the wrong type of deck, but still managed to pull off a 3-1 record and win 4 extra packs of Future Sight.  Some of the new cards are very cool.  It was also very interesting to see the strategies people play in sealed.  Creature based and beatdown decks are the way to go for sure.  2 colors and 40 card max deck as well.  I went red/white and looking at the one deck that beat me and the ones that gave me trouble, if I had to do it over again I’d probably go green/blue based on the cards I got – I almost did at the last minute.

It’s interesting to see cards that I wouldn’t normally see in my playgroup come out and clean up.  3/3 creatures and saproling tokens seemed to rule the boards.  I suppose it makes sense – with the limited number of rares available to each player you’re less likely to get game stopping, big nasties.  The guy that beat me had a nasty green guy and combo that just pumped everyone and gave them trample.  The best I had was a Tarox Bladewing – which did strike fear in a lot of people surprisingly.

This is definitely something I will do next release and I’m considering using some of my extra commons – and maybe even uncommons and rares – to build sealed kits and try this format with my friends.  Pretty cool.

SEO, web design, webstandards

The Basics of SEO

I’ve done a few SEO posts lately, but I got to thinking of another quasi beginner’s guide – similar to the one I posted awhile back. I think this is a little more clear as I have gained more information, insight and confidence with regards to the subject.

Search Engine Optimization (SEO) is comprised of 3 basic elements: good site design, site age and trust, and link popularity.

Good site design basically means two things: designing with web standards and utilizing good keywords and content in SEO important tags.

Designing with web standards means using semantic tags – p for content paragraphs, ul/ol for lists, h1-6 for headers and so on. It also means using the least amount of non-semantic tags like divs and spans to provide hooks in order to style your site with CSS. Ideally, you want to have the least amount of tags possible because a large amount of non-semantic tags makes it harder for search engines to “read” your site and find content, as well as the fact that they only index so much of a page, so if a page is too large and your content too far down it might not be seen at all. Many standard tags like headers, p and lists are block level elements anyways and can by styled with borders, padding, margins and background images eliminating the need for extra divs for all but the more complex designs like rounded corners.

Utilizing good keywords and content is a major part of SEO. First, you must decide what your site is about and what you are looking to provide to users. That will determine your content and what searches you should (and can) optimize for. Second, you must place those in SEO important tags. The highest level and most important is the page’s title tag which displays at the top of the browser. For example, in this article (at the time of this writing at least) the title tag of this page reads “The Basics of SEO.” Having relevant, clear, concise and individual title tags is one of the most important parts of SEO. Each page should ideally have a unique title – for example your home page might be “YourSite.com” and your about page might be “About YourSite.com”, etc. Second is a page’s h1 tag(s) which should be, ideally, similar to the title tag but not exactly the same. Some repetition is good but you don’t want to keyword stuff. Finally, at a much lower level, are h2-h3 elements and, on a much broader level, the actual content of the site. While the actual content is not in important tags, this allows search engines to figure out what your page is about, what keywords you really are targeting, and what should be displayed in search result snippets.

Site age and trust are harder to quantify. Site age refers not to how old the domain name is but how long it has been in the search engine’s index. This is why older, popular domains can fetch a decent price at sale and can unfortunately be, at least for a short time, abused to spam search engines for profit. Trust is typically related to Google and deals with link popularity as well. Most assumptions are that trust is derived from the trust of the site plus (or minus) the trust of sites that link to and from them. The biggest factor here is black hat strategies like link rings having a lot of links to you from sites that aren’t trusted can significantly lower your own trust.

Finally, we talk about link popularity. Besides the negative effects I mentioned before this can actually provide significant and quick returns for SEO. One of the simplest things is to institute social bookmarking/networking icons on your site – digg, del.icio.us, reddit, furl, ma.gnolia, blinklist, etc. These sites, especially del.icio.us, are becoming the new search engines of choice. They are gaining trust because actual humans build the indexes and the tags associated with sites as part of the Web 2.0 movement think of them as social search engines. Many of these sites have high level of trusts so links coming from them, especially if many people bookmark you, are highly valuable. Adding these buttons simplifies the process for your users to help you out and can expose you to new users who might be using those sites to search for tags relevant to you.

Providing high quality content in your niche can also boost SEO because search engines give additional value to links to your site from other sites in the same niche. If you are seen as an authority on that subject, you will naturally gain more trust and move up in the rankings.

Sites that rank high typically do because a search engine can trust them. They have been around for awhile, have lots of links from other sites that are relevant to the terms being searched for, have lots of inbound links total, and have content that is designed to be easily understood by search engine spiders. A good analogy is to think of a search engine like word of mouth advertising. If someone asks you for the best pizza place in town you’re going to recommend places you trust. And if some place you usually recommend changes their recipe or gives you a bad experience, they will lose your trust and not be as highly recommended by you. The same with search engines – if you use black hat or spam techniques, you could hurt your trust for a long time and potentially even be banned. However, if you provide good content and are popular for that niche, then they will recommend you more and more.

Random Tidbit: A neat article on how to make a six figure income while blogging.