Category: Technology

Nov. 29, 2012
7:08 pm

Technology

Launching a project: Don’t Stop Pop That

Don’t Stop Pop That, a year-end bracket-style music review project, launched today. I handled the web design and development while Jason Lipshutz and Steven Horowitz handled the content which comes from a slew of awesome music writers. It was a really fun project to be a part of, and exciting to launch.

I want to write a more in-depth post about the development of it, but I wanted to note that it’s my first responsively designed project. I’m still tweaking it a little bit, but I think it came out pretty well. It’s also my first time using SASS on something more than a proof-of-concept, and I’ve really loved using it.

Anyhow, check it out — I’m hoping to deploy a few more features before the project is over, then I’ll write up a longer post about building it.

Mar. 22, 2012
5:33 pm

Technology

The best and worst HTML references

I’ve been recommending people to W3Schools for a while. I’m not linking to it here, but if you search for any HTML element, it’s the first thing that comes up. Turns out, using that site as a reference is a bad idea.

I saw Jeffrey Zeldman tweet a post earlier about how it’s fairly difficult to block W3Schools from your search results. Or at least, more difficult than it should be. That led me to look up why you’d want to block them in the first place, which led me to w3fools.com. They outline, in detail, errors and misleading statements on the W3Schools site and also offer up a number of alternatives for HTML, CSS and JavaScript reference guides.

The best of which, after looking for a while, seems to be the Mozilla Developer Doc Center. After browsing for a bit, I was really impressed with their clarity and detail, and the site’s easy on the eyes.

While the w3fools site isn’t without criticism itself, its larger point about how it’s problematic to rely on a single, non-transparent resource for accurate information rings true. It’s time to move on.

So today starts a new habit of adding “mdc” to my searches when I need a quick answer to something HTML- or CSS-related.

Mar. 20, 2012
12:06 am

Technology

How to learn to code: Don’t learn how to code

These notes are compiled from a session I attended at SXSW called “Learn to Code and Make the Software You Want.” A lot of what the session organizers (Nate Westheimer and Vin Vacanti) said rang true, and they managed to outline the path to coding better than anyone else I’ve heard speak on the subject.

Nate and Vin said there was only one prerequisite for learning to code: you need to build something. You have to have a problem in front of you that will drive you enough to want to solve it. That problem can be anything (building a personal website, manipulating some data in a unique way, fixing a Twitter widget), as long as the answer is writing or editing code to solve it.

This year, I tried Codecademy, which is designed to teach you JavaScript through some basic tutorial lessons. It takes the approach of a foreign language class, where the idea is to get you speaking the language and saying phrases as quickly as possible, which is kind of empowering. The thing was, I got bored with it — it’s really hard to just academically learn a programming language. You need some reason to be learning it, which is why you need a problem to solve. With programming, you don’t learn by learning; you learn by doing.

Perfection is the enemy

So once you have a the problem in front of you, start stealing and editing code to get it to do what you want. Don’t worry if it’s clean — no one starts off writing code the “right” way.

This can be the hardest part. If you’re a perfectionist, you want to do it right from the very beginning. If you’re afraid of doing something wrong, you won’t have the courage to fail and learn from your mistakes. The thing is, you have to experiment until you have a bit of programming that does something. Then you can see what it’s doing and fix it.

(I’ve had moments when I’ve worked on something for a while and finally got an error message out of it — and I was relieved. “It’s finally doing something!” Not working, broken, and working are parts of a richer spectrum than it might seem.)

Getting started

How you get started is up to you. Once you learn the basics of one language, you have enough of a foothold to take that knowledge to another language.

My personal trajectory has been learning snippets of JavaScript occasionally to pair with my HTML and CSS skills, followed by learning PHP through WordPress and Drupal. I now use Python to do some scripting, but nothing web-based like Django (yet). I haven’t touched Ruby at all yet since I haven’t had need.

One of the key moments for me was getting MAMP running for the first time and playing around with a WordPress install on my machine. MAMP mimics a web host and all its parts. It meant that I had immediate access to all the files I was working on, and it also meant that if I ever really broke something, I could start from scratch without worrying too much about it. So I could even dig around in MySQL without the “oh no I broke it” feeling. MAMP is PHP-based, so it’s best for playing around with WordPress and Drupal.

Resources for when you’re stuck

Google. I sent out a tweet earlier today alluding to the fact that coding means having many tabs open. Every problem you’re having, someone else has likely had. It doesn’t help that sometimes this stuff makes no sense. Google will lead you to sites where people have discussed your exact problem. Just hope that they leave you with the solution too. Googling your problem has another benefit: you’ll learn stuff along the way. You’ll have to comb through similarly-worded questions and learn things tangential to solving your problem. All of this helps in the long run. Sometimes the answer you’re looking for is a footnote to another semi-related problem, but you’ll gain the knowledge in the entire thread as you’re sifting through it.

Stack Overflow is an awesome question and answer community. Odds are, Google will send you here for your coding conundrum. I’ve never asked a question, but I’ve heard that people will get back to you very quickly (as long as you politely ask your question in the right way and provide enough information for it to be answered).

When all else fails, it’s good to have a patient friend. Someone who will put up with your panicked instant messages and emails. It’s best to try and solve it on your own, but it’s always good to have someone to fall back on to point out something stupid you forgot. (Like a semicolon.) I usually start running at people screaming right after I’ve started tearing my hair out. Help me Obi-Wan Kenobi, you’re my only hope.

Language documentation

The official PHP manual is good for syntax and parameters for certain functions (I think I’ve looked at the date parameters more times than I’d like). For any WordPress-related issues, I’ll check the WordPress Codex before I go anywhere else. If there’s not a page that addresses my particular issue, there may be a forum thread that gets at it.

The Python documentation is more formal than the PHP documentation in my opinion. It’s still handy. I’ll often use the Python manual to more accurately Google for my problem.


This is in no way thorough, but it can’t be. Coding is something where you really have to get thrown into the deep end and find your way out again. Nate and Vin called it “the Sweat Lodge,” where you isolate yourself and just focus on making something work (or even breaking something so you know how it works). It’s not as hard as it seems.

Once you get started and get that initial traction, you can build amazing things. And it’s an awesome feeling to build something that works.