Thursday, May 5, 2011

Parallax Slider with jQuery

Parallax Slider with jQuery



http://tympanus.net/codrops/2011/01/03/parallax-slider/

Another cool tutorial on using jQuery in building your next website. It shows you how to use the slider to slide the images while the backgrounds move at a different speed. Enjoy.

10 Awesome Techniques and Examples of Animation with jQuery

10 Awesome Techniques and Examples of Animation with jQuery



jQuery can pretty much do anything you can think of. All you need is a creative imagination and some time to learn the simple and intuitive API.
In this article, we share with you some innovative uses of jQuery in animating web design elements. You’ll read about some interesting techniques, tutorials, and examples that will show you how to create similar effects on your own websites and web apps.

I just copied and pasted the above for anyone interested in viewing this website. I find it very interesting on the various techniques one can use on building a website. 

Create a Parallax Website Header


Create a Parallax Website Header



This tutorial will show you how to create a cool Parallax Website Header using jQuery and the jParallax jQuery plugin. This is quite a simple experiment and you won’t need any javascript knowledge, just plain old HTML and CSS. However this has the potential to create some really stunning effects.


http://progtuts.info/186/create-a-parallax-website-header/

If anyone is interested in using a Parallax Header, just click on the ling above to get you straight to the tutorial that will get you on your way to building an amazing website.

Latest Web Design Trend 2011 : Parallax Scrolling

Latest Web Design Trend 2011 : Parallax Scrolling


The latest trend in web design is parallax scrolling. Scrolling on a webpage takes on a new approach. The elements on a page do not look so two dimensional anymore. The sense of depth will fill your mind to bring out oooooo's and aaaaaahhhhh's with excitement. Parallax scrolling is when the background and the foreground elements move at different speeds. The different speeds gives the 3-D effect on the page. Read more on it by clicking on the link below.



Create a Funky Parallax Background Effect using jQuery


Create a Funky Parallax Background Effect using jQuery

In this tutorial, we\'ll be using JQuery to take a horizontally scrolling website and add a parallax scrolling background effect reminiscent of old-school 2D platform games like Sonic the Hedgehog. Tutorial Details Difficulty: Intermediate Estimated Completion Time: 30 mins - 1 hour View the Demo Download the Source Last year, the Silverback App site, designed by Carsonified, created some [...]


What is Parallax?

What is Parallax?

You can think of motion parallax as what you see when you look out of a moving train. Bushes right alongside the train tracks will zip past your view, while cattle grazing in the field will appear to move more slowly across your view and the mountains in the background will hardly move at all. Parallax has particular relevance to astronomy. Not only because sci-fi movies use the effect all the time to create cool space effects, but because this effect is how we measure how far stars are away from our own solar system.
Check out the link above to see how it works.

WHY LEARN PHP


PHP - Dynamic websites 101

WHY LEARN PHP
PHP is probably the most popular web scripting language used today. PHP is popular because it's easy to learn and use - generally PHP makes life more exciting. Now that I’ve said that, I guess I should actually give you a reason or two to learn PHP!
  1. You will be able to do all kinds of neat things like process HTML forms, send mail from a web page, talk to a database et cetera.
  2. You will become a much more valuable person! Besides your web design skills, you will now have what is called ‘server-side programming’ skills – in this case, knowing PHP.
As depressing as it may seem, programmers usually are higher up on the totem pole. In other words, knowing how to program will put you in a higher bracket than people who only know web design.