Brandon Wang

A New Way to Order CSS Rules

Here’s a new way to order your CSS rules: instead of ordering CSS rules alphabetically, try ordering them contextually. By ordering this way you save yourself the hassle of going through your alphabetical list, humping from W for width to H for height when they should be together.

1. Sizing (width, height)
2. Positioning (position, z-index, float)
3. Padding and Margins (padding, margin)
4. Typography (font, line-height, text-decoration)
5. Color, Background, Opacity (color, background, opacity)
6. Borders (border)
7. Content Specific Settings (list-style)
8. Usability Hacks* (text-indent)
9. Miscellaneous

Continued »

Take the Time to Design (Please)

Good design is timeless and just simply so important. When you visit websites like CNN.com or a design blog, you simply don’t realize how important the role of the design is. It is the unspoken warrior, not overtaking your content but rather pushing it forward.

Recently GeoCities shut down, and a portion of the Internet shut down with it. It represents the loss of millions of table-based websites, the final whisper of even more websites with bad graphics and cheesy animations.

So one would think that in this age, for a major company or a major website to not hire a decent designer, not take the time to design, not take the time to think, it would be insanity, would it? Akin to selling Lamborghinis from behind a McDonalds?

So why is it, that as a student, I have to deal with bad design all the time? It’s one thing to see WordArt in a fellow classmate’s PowerPoint (I spoke out on that), but to see this on a major websites?

That’s ridiculous, and it makes me mad.

Continued »

When Outsourcing Bites Back

Recently I visited my own literature blog soul log I was completely shocked when a popup came up, advertising a get-rich-quick website, featuring a very fat person marveling at how he made $14,596 at home using Google, complete with a stupid narration and photographs of fake checks.

soul log does not employ any sort of advertising. I experimented with Google Adsense as well as networks like Entrecard but they never really worked out. I have several widgets on the page, notably a page view tracker (for public view), a private Google Analytics tracker, and a Maps Among Us visitor map.

I examined the source code but there was nothing interesting. Then I decided to inspect the page, and, tada, I found two scripts in the header, added using document.write() or some other devious method.

Continued »

Proposing <bdo> for Hiding Email Addresses

There are so many methods of email address hiding, the most popular being using the MailHide service (which basically CAPTCHA-protects your email address), embedding your email address in an image, and using unescape() and JavaScript to print the email address.

All of these methods work but they all have caveats, and there is no method that can be used that will, in effect, not have caveats. By far the most usable method is the JavaScript method as it allows the user to select the email, but the downside is that JavaScript has to be enabled.

That’s why when I found out about <bdo> I was surprised people weren’t using it more. I hope with this blog post to be able to alert people to this usage, and perhaps, give myself more insight on this practice with your comments and such.

Continued »

Featured on LH (What I Learned) + Affinity Update

I (or rather, my workspace) got featured on Lifehacker a while back. I got home, turned on my computer, and opened up my email and out popped 50 emails, half of them from my contact form. I didn’t know what happened until the 18th email, where someone congratulated me for getting featured.

Wow. It was amazing, seeing all the comments, all the views. Google Analytics wasn’t reporting any new views (it seems to have a day lag) but I knew people were looking: my website went down with all the views, I got more comments than before, and I felt good.

It’s amazing how the world treats us: it seems to be so passive and it waits to let us reap results. As of writing, this website has gone through its seventh revision already. Although I call it version 6.5, there’s been more, I just don’t want to look so desperate.

Continued »

Why Is Software So Selfish?

I recently got a new router (D-Link DIR-655), and with it came a neat feature called SharePort that allowed me to plug in a USB printer into the router and have it shared with the entire network. I thought it was a great idea, so I plugged the printer into the router and fired up the network printer dialog.

Thirty minutes later, I wasn’t thinking this “feature” was so neat anymore: it wouldn’t work at all, no matter what I did with it. Finally, I gave in and put in the CD into my computer. Lo and behold: the SharePort installer.

Once the software was installed, everything worked, although the interface was less than sleek. But now whenever I need my printer I need to have a memory-consuming software running.

Really, guys? Is this the best you can do? And for that matter, isn’t this what all software does?

Continued »

Reflections on Blogging, and New News

I’ve blogged for four years now and I started when I was eight. I didn’t know how to code; I didn’t know about design or programming. All I knew was that I wanted to write, and I wanted my voice to be heard.

That was a while ago. I’m now twelve, the creator and writer for three blogs, each on diverse and different topics. One of them, my literature blog, was the original one I had. It now has over three hundred articles (325 at time of writing) in its archives, all written by me.

Yet still, nobody knows about me. My literature blog, with its many articles, barely registers views at all.

The world is cruel yet reasonable: it makes you learn every single life lesson painstakingly and with great price. I thought I would become the next Seth Godin of blogging. To keep it short? I didn’t.

But in these writings, I’ve found out so much about how people perceive those who blog, and so much about how not to write a blog. I’ve tripped over so many cracks and stumbled over my own feet so many times. Continued »

[Update] A Personal Disaster

Recently my home was hit with a disaster: a power surge that I had thought would never come hit my house. The damage was all-around, but most crucially, the complete work room was knocked out.

Things that were broken were my computer, my dad’s computer, the router, the modem, the VoIP module, the printer, the surge protector, and the light switch (now stuck on hi). It’s been a great personal blow to my family and because the router was knocked out I could not get Internet for many days.

I am now using the Internet from my laptop, my dad has stolen my mom’s computer (from downstairs) and we have purchased new routers, a new computer, and lots of other stuff while everything else that was broken gets fixed. Continued »

25 Free Fonts that Truly ARE Good

So you have a bundle of fonts that came with your shiny new computer. Oh, it’s more fonts from Microsoft Office and Adobe CS4. But should you use them? Well, why not? They are fonts, are they not?

But sometimes, you need more than just the standard pack that everyone has been using since forever, but you want this without having to shell out money. Well, 16.3 can help. Here’s some fonts that really are good. I have many of these installed on my own computer. That’s how good Enjoy!

–

Thuphap (urbanfonts.com)

– (there is more, click “Continue Reading” on the right)

Continued »

6 Ways to Drive Traffic Away from Your Website

Traffic? Why would you want traffic to your website? Ridiculous viewers and people looking at your website, screwing around with the comments, criticizing you on that post you spent five minutes. Forget them! But how? It’s like whatever you do, users still come to your website.

Never to fear, 16.3 understands your pain. We’re here today to provide ten ways to drive traffic away without seeming like it. For those of you who still want traffic, well, I’ve also included a “but seriously” area below each tip. But why would you want that?

Without further ado, let’s get started. I’m sure you are very eager.

Continued »

21 High-Res Textures to Use In Your Next Project

Textures are great for any project around, let it be Photoshopping, web design, graphic design, or just messing around, and here at 16.3 we want to give you the best stuff for doing this stuff. I spent a few days looking through DeviantART, finding the best textures for work.

These are some really nice textures that I’ve handpicked and viewed. This took me quite a while to compile but I think it’s worth it. I tried to have only the best, but if you need more, you can always go to DeviantART and look around. We’re against stealing, so you can find usage limitations by each picture description.

Most of these images can be used with either a simple notification to the author or an attribution in the work. Some of these are non-commercial only, and most of these are Creative Commons-licensed. We hope you enjoy this collection!

–

Texture – Water Drops by Eriq (usage: notification to author)

– (there is more, click Continue reading to the right)

Continued »

5 Tips to Help Create a Website Design

Many web designers out there are thinking about how to create a killer web design, one that will knock everyone else over and cause each and every visitor to bow their heads in awe of your awesomeness. Of course, most of the time, that isn’t exactly quite the case.

Maybe this isn’t a Photoshop tutorial that will detail each and every step. Maybe I’m not Jakob Nielsen (the king of usability), but I can help give you a few tips that will help you make a design that is sure to please. It all starts with a layout and a desire to create.

Without further ado, here are five tips to help make your design better.

Continued »