JavaScript Tutorials

Last week, Twitter released @Anywhere, which, with only a few added lines in your code, can bring all of Twitter’s platform functionalities into your website. @Anywhere can allow for anything, ranging from converting a simple @username into a clickable link, to even creating new tweets directly from your personal site. I’ll show you exactly how to do so in this tutorial!

Learn how to create a simple scrolling sidebar with jQuery that follows your screen when you scroll down after a certain amount of height in pixels.

Impress.js is a presentation framework which uses all the new features of CSS3 transforms and CSS transitions to create unique presentations. In this tutorial you will learn how you don’t need to use the old powerpoint presentation software now we have Impress.js.

Inspired on the Nike Better World website, this tutorial will show you how to make an awesome vertical parallax single page portfolio with jQuery and CSS

"Famax displays your complete Facebook Fanpage data on your website! You can post images/videos on your fanpage and it will be reflected on your webpage. You can customize Famax UI as per your requirement. Ex: Set Famax columns to 3 to display a Pinboard kindof view; set Famax columns to 2 to display a timeline kindof view, or set Famax columns to 1 to display a widget kindof view... and so on... "

A useful button to have on any webpage is a back to top button. An easy solution for the web user to get back to the top without scrolling. Check out this code snippet which will show you how to do it.

There is a new API in town – Full Screen. With it you can make any element take the entire screen. Perfect for videos and canvas-based games, reports and print preview dialogs. Learn how to use it in this tutorial.

Learn 3D programming through a series of Javascript/WebGL tutorials from scratch. We do not use any external Javascript library. Content : WebGL workflow, the rotating cube, the textures, the blending, render/canvas/video to texture, import meshes from Blender, Phong shading model, FPS counter. An online Javascript/WebGL editor with a real-time view help you to test your code and to change the given examples.

It's time to look over the last month and see the top jQuery plugins of December 2012, 14 fresh plugins to help you keeping up with new technologies.

Image slideshows are a popular method of displaying numerous sequential photographs in web design. By making use of the handy Cycle plugin for jQuery, we can easily create a slideshow of our own, complete with previous and next navigation controls. Not a master of Javascript? Don’t worry, the Cycle plugin makes it a breeze to add slideshow functionality to your site, with only a few lines of code required to get things up and running.