Abdullah Yahya

If you need to upscale images without losing much quality, this free tool called Let’s Enhance does a pretty amazing job.

Animating elements can be done simply with linear speed. However, you can achieve some very interesting effects using different bezier curves. Many popular easing functions and how to use them can be found at Eastings.net. If that’s not enough, you can play around with creating custom easing functions at Cubic-Bezier.com.

Continue reading CSS Transitions / Animations with Different Easing Functions

In jQuery, if you dynamically add an element to the DOM and want to attach an event handler to it, that’s very easy with the following line of code.

However, if you try to do that with native Javascript, you have to do with by checking for all clicks on the page and only acting on clicks where the click occurred on the element you want to act on.

Obviously that’s no good. One workaround is to put the HTML element in the page somewhere(if that’s possible in your case), then detach and attach it to where you want to dynamically put it, then add an event listener specifically for that element, e.g.

Let’s say you want to mix two songs together with a seamless transition from one song to the other. Or, let’s say you want to strip out sections of a song and create a seamless transition between the sections you like. This can easily be done using the Crossfade Tracks effect in Audacity.

1. Add a new stereo track
2. Paste the second audio song or clip into the new stereo track so you end up with song / audio clip 1 on track 1 and song / audio clip 2 on track 2.
3. Select the sections of both tracks where they overlap and choose Effect > Crossfade Tracks.

Sometimes you may need to a lot of processing in a loop. Each loop may call an asynchronous function, e.g. calling an external URL or writing to a file. If this needs to be done synchronously, you can use the async JavaScript library.

If you’re looking for a quick and easy way to create a video of your photos with custom audio, Slide.ly can do this. Here’s the rundown:

•  Up to 90 custom images / photos
• 1 audio / song  (to use multiple audio files / songs, edit and combine them first, e.g. using Audacity)
• Add custom captions for each photo
• Different themes
• Player is HTML-based, not Flash-based.
• Can make private
• Can’t download video because the end result isn’t a video.
• To make a video of your Slide.ly, record the screen. See instructions. Then upload to YouTube or Vimeo.

If you need something more powerful but still simple, try Wondershare Slideshow Builder.