Pausing an animation with jQuery

byclarke ulmer onAugust 14, 2012
· Leave a comment · in JavaScript, jQuery
Tags: , , ,

Starting an animation with jQuery is easy.

Stopping an animation with jQuery is easy.

But what if we want to “pause” and restart the animation?

Well, not so easy – so I dug in and figured a way to make this work cross-browser.
Read more →

Background animation using jQuery

byclarke ulmer onAugust 13, 2012
· 1 Comment · in JavaScript, jQuery
Tags: , , ,

You can actually animate a background image with jQuery – though it’s not as easy as it sounds.

There are cross-browser concerns.

I’ve tested many ways to achieve it and in this post there is code that should work cross-browser. Let’s dig in…
Read more →

Creating a namespace in JavaScript

byclarke ulmer onAugust 10, 2012
· Leave a comment · in JavaScript
Tags: ,

If you don’t namespace your code – you should.

It not only encloses the code but also gives it a unique name for reference.

This avoids “code collision”, where two like named objects or functions can break your code.
Read more →

Developer Tools

byclarke ulmer onAugust 8, 2012
· Leave a comment · in Developer Tools
Tags: , , ,

Here are some of the developer tools I’ve used with their pros and cons.

I’ve used many and will keep adding as time allows.

Editors
Imaging
Version Control
and more

Read more →

Banner ad animation with jQuery

byclarke ulmer onAugust 3, 2012
· 3 Comments · in HTML5, jQuery
Tags: , , , , ,

This is an example of using two images to create simple banner ad animation. Perfect for quick and easy HTML5 banner ad creation.

There are two versions, both use jQuery.

One runs animation on hover, the other loops the animation and pauses when hovered over.
Read more →

How to create a favicon in Photoshop

byclarke ulmer onJuly 29, 2012
· 2 Comments · in More, Photoshop
Tags:

How to create a favicon in PhotoshopA favicon is the small image you see in the location bar or tab of your browser.

Using a favicon gives your site a more professional look and feel.

The required dimensions of a favicon are 16×16.

You can easily create a favicon in Photoshop using the following procedure:
Read more →

CSS Tips and Tricks

byclarke ulmer onJuly 26, 2012
· Leave a comment · in CSS
Tags:

This will be an ongoing post of useful CSS tips and tricks.

They will vary from simple to advanced.

Feel free to contribute via a comment and I’ll add them to the list!
Read more →

JavaScript logging in console and window

byclarke ulmer onJuly 25, 2012
· 1 Comment · in JavaScript
Tags:

I recently had the need to add logging to a real-time application using JavaScript.

Most developers usually throw in console.log or alerts during development. But if the consoles/alerts are not removed before code goes to production or a client, it can cause a big problem.

The following code example using console.warn provides this safely. If window.console or console.warn are not supported, no message is generated. But it does not cause the page to choke, like using a simple console.log.
Read more →

Handling multiple timers with JavaScript’s setInterval and jQuery

byclarke ulmer onJuly 23, 2012
· 6 Comments · in JavaScript, jQuery
Tags: ,

For a recent project I needed to create a slideshow with auto play capability. To achieve this I used JavaScript’s setInterval to rotate the slides every 15 seconds.

intervalId = window.setInterval("moveSlide()",15000);

To stop animation the timer needed to be cleared. The conventional way is:

window.clearInterval(intervalId);

All well and good if you only have one timer on a page.
Read more →

The Thing (1982)

byclarke ulmer onJuly 13, 2012
· Leave a comment · in Movies
Tags:

I so want this hat! You can actually buy it here.

One of my favorite films is “The Thing” [1982].

I love “The Thing” series of films – “The Thing From Another World” [1951], “The Thing” [1982] and “The Thing” [2011].
Read more →