Jason Vertucio

You know me! ™

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” »

The last few days of the project

So, since I am of course bound by NDA’s, I can’t exactly talk about what I’ve been doing for the past few weeks, nor for whom I am doing it. But, what was supposed to be a one-week project has extended into this, the fifth week. What’s so cool about it is that for the first time I got to use CSS3 -webkit- animations, and really put my JavaScript knowledge to good use, learned prototyping. I also learned that jQuery is not something you want to use when building HTML documents for use on iPads. (hence the CSS3 animation and transition usage).

But I really miss PHP, server-side programming.

So I’m finishing up this project, just running the products through Editorial, making changes, and updating code so that all of these products match visually and interactively. And after that, who knows what’s coming up?

I guess the reason I’m writing this post is to just sort of remind myself to update the resume with Front-end JavaScript Development, and real-world CSS3 application.