JavaScript Articles ::
Articles pertaining to JavaScriptIE 7 and Google Maps :: A Quick Fix
Posted on :: Aug 3
I was fixing a Google Map at my job, when it was reported by one of our Clients, that the Google Map was 'Broken'. The client reported that the map was only half-displaying.
I opened up Safari, Firefox and Chrome and everything seemed to work fine. That’s when I realized I forgot to test the site in IE.
Google API Playground :: Learn AJAX APIs Easier
Posted on :: Jul 21
Google released a new tool that will make learning and testing code for Google's Javascript APIs a lot easier. Google's interactive AJAX API Playground gives developers an easy to use interface to write some basic Javascript code for Google's eight motion charts based on Google spreadsheets, slideshows based on Media RSS feeds, and various ways of manipulating KML files for Google Earth.
How jQuery is Killing Flash
Posted on :: Jun 16
There has been a war between Flash and JavaScript since 1997, because Flash was afraid JavaScript would one day replace them with all the animation it supports. Why? Because a ton of JavaScript frameworks are becoming increasingly popular as a result of their high scalability, performance and usability.
Finally, the End for IE 6
Posted on :: Jun 3
The most recent data from analytics firm StatCounter indicates that Internet Explorer 6, Microsoft’s outdated but resilient Web browser, may finally be on the way out.
Geo-Enable Websites With JavaScript
Posted on :: Mar 12
Demystified : jQuery's 'this'
Posted on :: Mar 9
More often that not, in my early dabbling with jQuery and more advanced JavaScript, I found I would constantly get confused over the meaning of "this" in jQuery and my own new libraries.
Hopefully this quick guide can help clarify those confusing moments, because once you've got it, it's simple as pie.
New Google Analytics Code For Better Load Times
Posted on :: Dec 4
Google Analytics has recently announced a new asynchronous tracking code that can "optionally" be replaced with the old one.
The new code does not block the website while it loads which will improve the loading times.
It also aims to provide more accurate results as it can be installed inside
<head></head>tags (rather than before the</body>tag) and will be able to collect data from visitors that quit the webpage before it loads fully. This way, "any possible tracking errors from dependencies when the JavaScript not being fully loaded" are also eliminated.A CSS / JQuery Framework you can use...
Posted on :: Nov 3
Better quality and coherence coding inside a front-end team
Preset CSS classes, know where your going with highly reusable classes
A collection of some of the best jquery scripts
A solid cross browser compatible stylesheetA new project means getting JS plug-ins together, clean a CSS and restart. This framework is intended to be your project starter, and in most case, you can jump in the project right away with a solid css foundation. This is not really a CSS “framework” but more a website starter kit.
The framework is based on a 960px grid, but is very easy to manipulate to get the grid you want. It is however not intended to be used as a liquid grid.
This is a CSS/Jquery Framework you can use and build upon.
How to Mimic the iGoogle Interface
Posted on :: Oct 12
In this tutorial I'll be showing you how to create a customizable interface with widgets. The finished product will be a sleek and unobtrusively coded iGoogle-like interface which has a ton of potential applications!
This is a very long Tutorial. Includes source code download.In-context vs back-end authoring
Posted on :: Aug 18
Most modern content management systems provide two different ways of editing site content: in-context editing and back-end editing.
While in-context editing is often seen as ’sexier’, each method has its strengths and weaknesses. This briefing will explore these two editing options, providing advice on when to use them in practice.
AJAX APIs help for Dreamweaver
Posted on :: Jun 2
I didn't write these extensions, however I am making them available here.
These are Dreamweaver CS3 & CS4 extensions for both the JQuery and Prototype API's for Ajax.
// Code jQuery FASTER in Dreamweaver!Reduce tons of typing. If you are into jQuery and use Dreamweaver then you really need this extension. Let us save you tons of time by reducing keystrokes with our jQuery API extension for Dreamweaver which provides code coloring, Snippets, and code hints that list every jQuery and jQuery UI function for you.
// Code Prototype FASTER in Dreamweaver!Reduce tons of typing. If you are into Prototype and use Dreamweaver then you really need this extension. Let us save you tons of time by reducing keystrokes with our Prototype API extension for Dreamweaver which provides code coloring, Snippets, and code hints that list every Prototype function for you.
AJAX Development Gotchas
Posted on :: May 1
This Article goes over some of the Quirks and Browser behaviors and quirks you hsould be aware of when developing AJAX Applications. We'll be covering browser quirks, limitations and bugs you should watch out for.
What is Web 2.0?
Posted on :: Apr 30
You’ve probably heard the phrase "Web 2.0". You may’ve even read some of the various definitions of it. And Web 2.0 does appear to mean different things to different people, so you would be forgiven for still feeling confused about the term.
AJAX Form Validation (AJAX Tutorial)
Posted on :: Apr 1
I got tired of Traditional Javascript based Form Validation, only because despite the fact they work well, they don't validate the content of the Feild Immediately. So I got tired of this, and built this off of the Prototype Framework.
The basic method is to attach to the form'sonsubmitevent, read out all the form elements' classes and perform validation if required. If a field fails validation, reveal field validation advice and prevent the form from submitting.Nice Form Fields (v2)
Posted on :: Apr 1
Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase, or signing up for a website. They are the basic, and pretty much the only way of gathering information on the web.
You basically know a web form when you see one as they always look the same and they’ve kept this look over the years. Try as hard as you might but web forms can only change their appearance so much. Some may argue that this is a good usability feature, and I tend to agree, but there comes a time when you just need to style web forms so that they look different. How do you do that? Niceforms comes to the rescue!
AJAX Form Validation
Posted on :: Jan 13
In this tutorial I decided to beef up my form validation routine. Don't get me wrong, I love JavaScript Form Validations, but have found in he past that they can be at times over come or bypassed all together.
With this minor inconvience in mind, I started Experimenting with an AJAX version (using prototype and scriptaculous), that will validate your Form's input directly on the page.
Below is what I've put together.