I made a 3D bar graph using just HTML and CSS


(tap on the graph to reset the animation)

I’m all proud of myself for making this. It’s actually for work, where I build specialised digital presentations for iPads, so this really only works on browsers like Safari and Chrome. I also threw together some Firefox support, but this only works in the latest and coolest of browsers, so if you have, like, Firefox 4 or almost any version of Internet Explorer, this won’t work.

I had some help. This article at Codrops gave me the initial idea. But, like other “3D CSS Bar Graph” articles I found, all of them create the illusion of 3D by creating triangular borders around the bars.

That is not my desired goal as it’s not built in a 3D space, so I cannot rotate around the view. So, I made my own. Continue reading “I made a 3D bar graph using just HTML and CSS”

What’s the best environment for developing websites?

I used to use Dreamweaver. Made it up to CS5.5 thanks to various jobs and stuff. At my current job they have Dreamweaver CS5.5, but lately I’ve been using my Mac for other projects, like at home and stuff.  I use Coda, because it has built-in FTP and it’s easy to use. I wish I could install it on my computer at work, but they seem to not allow installing software.

And, well, that’s for the best.

Anyway, inspired by this post on LinkedIn, I decided to ask you, the readers to this little blog, what your opinion is on the matter. I actually set up a poll on the right to answer. So, I’ll just sit back and await the responses.

If you answer OTHER, please add a comment below or write me on Twitter (@jayv and follow me coz I recently went private). I’ll add the option and let you know so you can change your vote. The plug-in I use (UPM)  doesn’t allow one to add poll answers.

CSS Prefixes – The current battle

So, don’t tell anyone, but over the past month, in the web pages I was creating, I kind of . . . . wasn’t very consistent with my CSS coding.

Sometimes I would use the -webkit- prefix, but most times I would just skip the thing and just write box-shadow: 1px 2px 4px #414042 (or whatever) about twelve lines below a -webkit-box-shadow declaration. I’m sure it’s not a big deal. I mean, the site worked. But it bothered me that I even did things like that. Because, why should I even have to use the prefix? Continue reading “CSS Prefixes — The current battle”