Category Archives: web development

A Couple of Videos That Will Make You a Smarter Web Developer

Jeremy McPeak goes over how to write fast, lightweight JavaScript. You can check out the accompanying article here. This is a video you might want to check out again in 6 months or so if you’re still new to JS. … Continue reading

Posted in web development | Leave a comment

SVG animations for fun and profit!

Guess what’s cool? SVG. Guess what’s even cooler? SVG animation. The crazy thing about SVG animation is there’s a few different ways you can do them. Here’s a quick introduction into some of them. First let’s take a look at … Continue reading

Posted in web development | Tagged | Leave a comment

Quick intro to using SVG in an HTML page

With all the different screen sizes and resolutions that are out there now, using SVG graphics instead of images is a great option. But there’s a couple of problems, at least that I’ve come across. First, for something that’s been … Continue reading

Posted in web development | Tagged | Leave a comment

Update content with contenteditable and jQuery

Recently, I built a site for a client where they wanted to have the ability to make edits to some of the content on the site. Since I wasn’t using full blown content management system for it, they could just … Continue reading

Posted in web development | Tagged , | Leave a comment

More advanced HTML5 canvas sprite sheet walk cycle animation

One of the key tricks that have been used for at least 30 years by game developers is using sprite sheets to animate characters. This can be done using the HTML5 canvas tag and I’ve talked about it on here … Continue reading

Posted in web development | Tagged , , | 3 Comments

Quick overview of using addEventListener in HTML5 games

Coming from ActionScript, there are a few things that I forget people who are learning JavaScript who have programming backgrounds with languages like PHP or even straight up HTML/CSS might not be familiar with some of the functions or methods … Continue reading

Posted in web development | Tagged , , | Leave a comment

Recreating Facebook’s “Introducing Timeline” page banner effect with jQuery

I think I have something in common with a lot of web developers out there and it’s when I see something cool or interesting on a web page, I need to figure out how it was done or at least … Continue reading

Posted in web development | Tagged | 1 Comment

My extremely simple jQuery image slider

If there’s two things every web designer and developer knows it’s 1) There’s as many jQuery image sliders as there are stars and 2) Clients seem to think every web site needs one. And because there are so many out … Continue reading

Posted in web development | Tagged | 4 Comments

What’s up with prototypes in JavaScript?

I’ve had a few people ask me what’s the deal with prototypes in JavaScript and I’ll be honest, at first I didn’t know. I have to say that most of the explanations show how to create a prototype object but … Continue reading

Posted in web development | Tagged , | Leave a comment

Adobe is in danger of losing the developer community, if they haven’t already

Sometimes I wonder if we’ve got Adobe all wrong. Take a look at their products. Yes, people complain about their design products, Photoshop, Fireworks, InDesign, etc, but they’re pretty much the industry standard. All the designers I work with laugh … Continue reading

Posted in web development | Tagged , | Leave a comment