Text with Moving Backgrounds with jQuery

Personally, I am a huge fan of negative space in design. This got me thinking while I was trying to accomplish something different. Normally a textual caption would be positioned above a background, but I wanted to do it the other way around: place the background in the letters.
I also wanted to add some nice dynamic effects to enhance the effect. This was amazingly easy to accomplish in jQuery with the use of a little creativity.

This article will explain what you need to do create an effect like this yourself.

Text with Moving Backgrounds with jQuery

Read more

One year of Gaya Design

On this day, but about 365 days ago, I published my first article. From that day I devoted quite a lot of my free time to this weblog, and still doing it with a smile! It’s great to know where my little blog is after a year and I am very thankful for the people who made this possible.

One year of Gaya Design

Read more

How to start writing your own sweet jQuery scripts

Sometimes it can be hard to start writing a Javascript script when you don’t know what to do instantaneously. But luckily there is the Internet right?
Just go to Google and type in what you want in a script. Good chance some jQuery or Javascript solution will show in the results, and you are basically done.

The problem is that you still don’t know how to do such things.

In this article I’ll discuss the viral points of planning out a Javascript / jQuery script with ease.

How to start writing your own sweet jQuery scripts

Read more

Presentation Cycle: Cycle with a progressbar

Cycle is a script that supports image presentations to easily display multiple images. This script supports a lot of effects and the cycling of html elements.

Presentation Cycle is a variation on the functionality of Cycle. Instead of generating a list of numbers that are clickable Presentation Cycle generates a progress bar that shows when the new slide will appear.

In this article I’ll explain how to implement this on your web page and give you some tips on how to adjust the looks of the cycle elements and progress bar.

Presentation Cycle: Cycle with a progressbar

Read more

Notifications: the other approach

A normal problem: notifications or updates that have to be displayed on a website, but it’s kind of overloading the backend. But as long as the page is open: please update the status dynamically (if necessary) without reloading the page.

I can hear you think: AJAX! Yes, I’ll use AJAX for sure. But there is a little problem when it comes to how up-to-date you want these notifications to be without overloading the backend of the website.

In this article I’ll approach pushing notifications from another perspective, regulating them in the backend rather than the frontend.

Notifications: the other approach

Read more