Pausing an animation with jQuery

· Leave a comment · in JavaScript, jQuery

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

· Leave a comment · in JavaScript, jQuery

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

· Leave a comment · in JavaScript

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

· Leave a comment · in Developer Tools

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

· 1 Comment · in HTML5, jQuery

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

· 1 Comment · in More, Photoshop

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

· Leave a comment · in CSS

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

· 1 Comment · in JavaScript

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

· 4 Comments · in JavaScript, jQuery

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)

· Leave a comment · in Movies

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