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
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
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
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
A 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
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
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
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