jQuery Snowfall 1.5 update now with snow buildup!

Repo on Github
Google code link
Download Jquery Snowfall 1.5
View the plugin in action

Added snow buildup to the plugin, so now you can pass a jquery selector in the collection option and the snow will collect on top of all the elements matched. It uses the canvas tag so the snow wont collect in IE8 or lower. Continue reading

Posted in css3, Javascript, jQuery, Programming, Web Development | Tagged , , | 54 Comments

My entry for js1k #3

Below is what I ended up settling on for an entry for the JS1k. My ideas ranged for a rainbow road (similar to the Mario Kart level), to a 3d tombstone that said dysentary, a terrain generator, then a wave generator. I ended up just combining the last two ideas and came up with below. Continue reading

Posted in Canvas, Javascript, Programming, Web Development | Tagged , , , , | Leave a comment

CSS3 Animations are Fun!

So I decided to try out webkits css3 animations. Been seeing cool things crop up lately and I wanted to try my hand at doing my own animations, and see what they are capable of. I came up with a timed rotary counter. The below example uses no images, or javascript, its all css. I cant wait until this is standard.. no more clunky markup for shadows, or creating gradients in photoshop.

Project Link

Overall the webkit css animations aren’t that difficult. The trickiest part was giving the illusion of the counter looping around. I just did this by adding a 0 at the end of the element, and changing the top position back to the original value at the end of the animation.

Posted in css3, Design, Programming, Web Development | Tagged , , , | Leave a comment

Jquery Snowfall Plugin 1.4

Newer version available

 

Continue reading

Posted in Javascript, jQuery, Web Development | Tagged , , , , | 30 Comments

JS1k XMAS submission

Wanted to submit something that was just graphical this time around so I worked on a 3D Christmas Tree for my submission. The hardest thing was trying to pack a 3D engine with depth sorting and lighting into such a small package then of course I had to create the shapes for the tree and star. I got that and was happy but was told by my friends I should include snow.. so back to the drawing board. One thing that really helped was using the trick from the bouncing beholder demo from the first JS1K compo. Continue reading

Posted in Canvas, Javascript, Programming, Web Development | Tagged , , , , , | Leave a comment

Jquery Snowfall script updated

Newer version available Continue reading

Posted in Javascript, jQuery, Programming, Web Development | Tagged , , | Leave a comment

Use built in jQuery UI icon with datepicker

Needed the date picker in a project today and noticed it doesn’t integrate well with jQuery UI’s icons, if trying to use an icon to open the calendar rather than an input. Found a response on Stackoverflow that talked about having to do it manually. This is the solution I ended up using.

$("#DateFrom").datepicker({ showOn: 'button'}).next('button').text('').button({icons:{primary : 'ui-icon-calendar'}});

By default the datepicker button call automatically inserts three ellipses to the button, so the text(”) is needed to remove the text from the default button. So there you go a fully theme away calendar button. Now if only they would make this easier by having the datepicker do it all for you.

Posted in Javascript, jQuery, Web Development | Tagged , , , , | Leave a comment

Got a kindle

Well I got a Kindle 3 for my birthday today, I had one last year for a little bit but had to give it back to work, since then I’ve found myself wanting another. First thing I tried (besides a web IRC) were some of my canvas demos on the experimental browser that ships with the Kindle. They all seemed to work, just VERY slowly, for isntance my JS1k grapple submission was in slow motion, but still playable for the most part. This got me thinking that this device could easily do some turn based games! Of course.. I get an ebook reader and my first thought turns to games. Turns out there are a few games for it out already, but every device could use more. Maybe that will be my next project.

Posted in Hand Held | Tagged , , | Leave a comment

A New look

Was a bit sick of the older design, it had some weird issues plus honestly I really began to hate it. I am liking this one a lot more, kept the whole light bulb concept from the old design, but other than that pretty much everything else is different. Wanted to incorporate text shadows too, I think they look slick in modern browsers. It also gave me a chance to check out how themes are done in WordPress 3.0, they seem easier, and the CSS is definitely much cleaner. All I needed to do was modify the default 2010 design slightly, and I needed to make maybe 5 markup changes overall.

Posted in Design, Web Development | Tagged , , | Leave a comment

jCrumb Instant Breadcrumb plugin

Just finished up a new plugin for jQuery. I wanted some breadcrumbs for some pages but wanted to do it all client side, so I came up with jCrumb. jCrumb saves the link and title of the most recent page and adds it to a session cookie, creating a dynamic bread crumb navigation bar on the page. It uses jQuery, and can also use jQuery UI for styling, or custom styles created by the user.

Live Demo

Jquery plugin page

Google Code Page

Posted in Javascript, Web Development | Tagged , , , , | 1 Comment