Lateral Code
A Web Development Blog Focused on Code and Technology
Currently Browsing: Home » Posts tagged 'javascript'
Posts Tagged ‘javascript’
JavaScript Fade Effect without Libraries
By Karthik Viswanathan on Sunday, February 27th, 2011 | Tags: javascript | 1 Comment »
Using JavaScript libraries like jQuery and Mootools does simplify your code, but this comes with the price of an added footprint. Often times, the same effects can be accomplished in raw JavaScript with little to no hassle. Indeed, this tutorial will explain how to create the classic fade effect without resorting to jQuery or Mootools.
The fade effect, as its name denotes, is an animation used to fade an element off of a page. You can find a demo of it in the jQuery documentation.
Use the new Google Maps API! Part 2
By Karthik Viswanathan on Thursday, July 15th, 2010 | Tags: javascript | 3 Comments »
A few days ago, our experiments with the Google Maps API resulted in static images of various locations. Today, these same experiments will continue in a new medium: JavaScript. As we expand our knowledge of the API, we’ll cover the creation of a dynamic map, fully equipped with both movement and zooming.
Elegant jQuery Slideshow Plugin: Lateral Slider
By Karthik Viswanathan on Thursday, July 8th, 2010 | Tags: javascript | 2 Comments »
Let’s start with the defintion:
Slider – The easiest known way to showcase your images and photos on the web in style.
Who can deny it? This is the generation of web 2.0 sliders. A few JavaScript files, some CSS, and a bit of markup is all you need to generate an elegant showcase of your images. Best part? 99% of it is done for you.
Well, that’s the ideal situation. Unfortunately, it’s often times much more complicated. That’s why I created Lateral Slider.
5 Must-Reads on JavaScript Inheritance
By Karthik Viswanathan on Sunday, June 20th, 2010 | Tags: javascript | No Comments »
Do you know inheritance in JavaScript? Do you truly understand how it works? Are you aware that JavaScript uses a prototypal inheritance scheme that is often disfavored or disliked? Have you used a script on the web to adapt this scheme to classical inheritance?
In these past few days, I’ve been writing a jQuery slider plugin with various transition effects. To make the code succinct, I decided to use a base Transition object that other objects, which define a specific type of transition, inherit from. This led me to the question of JavaScript inheritance.
Inheritance in JavaScript has been a controversial subject. Should a standard be set to use classical inheritance or should the base prototypal system be favored? Both paths have their own advantages and disadvantages. The readings listed below will hopefully give you enough information to choose which method you want to use.
Want an Effective, Customizable Image Slider? Consider Nivo Slider
By Karthik Viswanathan on Sunday, June 13th, 2010 | Tags: javascript | 3 Comments »
Image sliders, once rarely found on websites, have become a new trend of web design. Indeed, they are present on free XHTML/CSS themes all the way up to commercial templates on sites like themeforest. Unfortunately, with this trend, many convoluted scripts aimed at providing easy sliders are now available on the web. They often times have complex, barely-documented installation and usage that makes it hard to integrate into modern websites.
Recently, I ran into this exact problem when finishing one of my XHTML/CSS templates. I couldn’t find a simple, effective slider that was easy to use, simple to style, and a breeze to get working. Luckily, after enough searching, I came across Nivo Slider, and my problems were solved.