Browsing articles tagged with " tutorial"
Mar
18

JavaScript Garden – a growing collection of documentation

By Vinod  //  All, Javascript, Tutorials  //  1 Comment

JavaScript Garden is a growing collection of documentation about the most quirky parts of the JavaScript programming language. It gives advice to avoid common mistakes, subtle bugs, as well as performance issues and bad practices that non-expert JavaScript programmers may encounter on their endeavours into the depths of the language.

JavaScript Garden does not aim to teach you JavaScript. Former knowledge of the language is strongly recommended in order to understand the topics covered in this guide. In order to learn the basics of the language, please head over to the excellent guide on the Mozilla Developer Network.

Demo, Details & Download: http://bonsaiden.github.com/JavaScript-Garden/
Dec
15

Animate Panning Slideshow with jQuery

By Vinod  //  All, Gallery, Javascript, Tutorials  //  1 Comment

If there’s one thing that never seems to go out of style, it’s a good jQuery slideshow.

Highly visual websites rely on the ability to showcase imagery automatically. Whether it be a professional photographer or zoo, slideshows pop up so frequently because they work well.

In given tutorial you will learn makings of a classic slideshow, but use a different kind of transition to animate between slides. It may not fit every project, but diversity is always welcome in the world of web design.

Demo, Details & Learn: http://buildinternet.com/2010/02/animate-panning-slideshow-with-jquery/
Jul
28

20 Steps to a Flexible and Secure WordPress Installation

By Vinod  //  All, Tutorials, Wordpress  //  No Comments

A comprehensive WordPress installation, albeit simple to produce, often requires multiple steps — many of which can easily be omitted accidentally. How many times have you forgotten to customize your permalink structure? How about adding in a sitemap plugin? What about changing your timezone? If you’ve installed WordPress more than once, chances are you’ve missed something.

Website: http://net.tutsplus.com/tutorials/wordpress/20-steps-to-a-flexible-and-secure-wordpress-installation/
Jul
13

Maps Slider with Google Maps JavaScript API V3

By Vinod  //  All, Javascript, Tutorials  //  1 Comment

In given article Chris Coyier will shows you how you can create Maps Slider using Google Maps JavaScript API V3 in easy way.

Google Maps has a JavaScript API now in it’s third version. Version 3 of API is especially designed to be faster and more applicable to mobile devices, as well as traditional desktop browser applications.

Website: http://css-tricks.com/google-maps-slider/
Demo: http://css-tricks.com/examples/GoogleMapSlider/
Jul
9

jQuery background image slideshow

By Vinod  //  All, Gallery, Javascript, Tutorials  //  1 Comment

Given tutorial will teach you how to create a beautiful advanced jQuery background image slideshow.

Which features changing text and playback controls. When the animation doesn’t seem smooth, the images might not be loaded. This script can perfectly be combined with an image preloading plugin to get rid of this effect. As per the author it Tested and works on Firefox, Safari, Chrome and Opera.

Website: http://www.marcofolio.net/webdesign/advanced_jquery_background_image_slideshow.html
Demo: http://demo.marcofolio.net/bgimg_slideshow/
Jun
26

Pure CSS speech bubbles

By Vinod  //  All, CSS, HTML, Tutorials  //  1 Comment

Speech bubbles are a popular effect but many tutorials rely on presentational HTML or JavaScript. Given tutorial contains various forms of speech bubble effect created with CSS2.1 and enhanced with CSS3. No images, no JavaScript and it can be applied to your existing semantic HTML.

Website: http://nicolasgallagher.com/progressive-enhancement-pure-css-speech-bubbles/
Demo: http://nicolasgallagher.com/demo/pure-css-speech-bubbles/bubbles.html
Jun
3

Fluid Navigation – jQuery & CSS

By Vinod  //  All, HTML, Javascript, Tutorials  //  3 Comments

In the given tutorial you will create a menu that appears like a standard menu bar in it’s default state, but which on rollover pulls down an information area that covers both the original menubar item and has an expanded section containing the text we want to display. This can be seen in the wireframe below.

Website: http://addyosmani.com/blog/fluid-navigation-how-to-create-an-informative-menu-bar-with-jquery-in-just-a-few-minutes/
Demo: http://addyosmani.com/resources/fluid-menu/fluid-menu.html