Scroll window smoothly using jQuery

26th March

Using jQuery animate() function to do a smooth scrolling:

I have also created a div as follow:

<div id=”scrollToHere”>
Scroll to here
</div>

You need something to run your script. Create a button like this:

<input type=”button” onclick=”scollWin();” value=”Scroll up” />

The jQuery Code will be like this:

function scrollWin(){
$(‘html,body’).animate({
scrollTop: $(“#scrollToHere”).offset().top
}, 800);
}

Here is something to try:

now jQuery window scrolling is done with animation.

Enjoy it..


Web page transparency for all browsers

8th February

Every browser has different CSS properties for less-used actions like: transparency or opacity.
It was something weird to do transparency on your web page because there are lot of different web browsers. To make that easy, I have collected information and generated a CSS class that will work on most of the browsers.
See the Code below:

.transparent {
filter:alpha(opacity=75);
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}

filter:alpha(opacity=75); is used for Internet Explorer.
-moz-opacity:0.75; is used for Mozilla, Firefox, Netscape browsers (old versions).
-khtml-opacity: 0.75; is used for old versions of Safari.
opacity: 0.75; is used as a standard CSS property for browsers like Firefox 2+ and Safari 3+ and Opera


Image lightbox (imageflow) and image enlargement with Jquery

12th January

While I was looking for a way to make a good lightbox with Javascript, I found a better way to do that. A simple code with a absolute result.

I used many ways to create this lightbox or as some people call “Image Flow”, but this way is a better way in my openion.
I used Jquery plugin and generated some code to get a great result.

Here is the explanation and the demo code for this script:


Increase your Website PageRank on Google

Uncategorized. 3 comments

11th January

Google Page rank is based on back links. Back links are Links pointing to your website from another website. The more back links you have the higher your PR will be.

1. Join forums, forums are a great way to achieve links to your website. In most forums you are allowed to have a signature and in your signature you can put a link to your website. But another important note to look on is making sure the forum is somewhat related to your website. You will still get credit if it’s not, but if it’s related to your website than you will be accomplishing two tasks at once.

You will be advertising for your website (bringing in targeted traffic) You will also be building your websites presence.


Learn AJAX, AJAX tutorial

2nd January

What’s AJAX?

AJAX (Asynchronous JavaScript and XML) is a newly coined term for two powerful browser features that have been around for years, but were overlooked by many web developers until recently when applications such as Gmail, Google suggest, and Google Maps hit the streets.

The two features in question are that you can:

Make requests to the server without reloading the page

Parse and work with XML documents

Step 1 – say “Please!” or How to Make an HTTP Request

In order to make an HTTP request to the server using JavaScript, you need an instance of a class that provides you this functionality. Such a class was originally introduced in Internet Explorer as an ActiveX object, called XMLHTTP. Then Mozilla, Safari and other browsers followed, implementing an XMLHttpRequest class that supports the methods and properties of Microsoft’s original … Read More »


Web browsers, Known and unknown browsers.

2nd January

There are more browsers than you are aware of. Apart from Firefox, Opera and Internet Explorer there is a number of promising alternatives which can improve your flexibility, increase your productivity and enrich your browsing experience.

In fact, there are over 100 existing (although not widely used) browser applications. Most of them make use of the rendering engines Trident (Internet Explorer), Gecko (Mozilla Firefox), WebCore (Safari) and Presto (Opera 7 and above). However, some of them offer large fields for experiments and exploration — e.g. 3D Engines, but also really useful browsers with advanced functionalities such as desktop-tools integration.

Recently we’ve selected over 20 Win/Mac/Linux-browsers, installed most of them, tested them, compared them and now present the results below. Let’s take a closer look at some rather unknown, forgotten, advanced or experimental browsers. What else do we have on the horizon? What … Read More »