New Sample : Swipe Tool

Swipe Tool in ActionIt’s been  a while since my last blog post thanks to Twitter.  This week I posted a new sample on the JavaScript Code Gallery (http://bit.ly/swipetool) called “Swipe Tool”. As the name suggests its a swipe tool and if you are familiar with ArcGIS Desktop or ArcGIS Explorer you know what this means, for other its a way to see what underneath a layer. Can be used as a good comparison tool.

Check it out live : http://sathyaprasad.appspot.com/swipe.html

Read the rest of this entry »

Advertisements

New sample : GeoIP + ArcGIS – Where Am I

New sample shows how to use the free GeoIP service to find the location and show the lat/lon of the visitor on a map. Here is the link to the sample : http://sathyaprasad.appspot.com/geoip.html

If you go to my homepage http://sathyaprasad.appspot.com you can see how I have used the smaller version of the sample inside of a page using an iframe to locate the website visitors. Feel free to copy the code and use it in your site.

New sample – OpenLayers API + ArcGIS Services

Posted a new sample showing how to consume ArGIS Services (dynamic and cached) using OpenLayers API.

Check it out: http://sathyaprasad.appspot.com/openlayers.html

Good Javascript and Dojo Resources

Here is a list of Javascript and Dojo learning resources (thanks Grayson) that I use. If you know of any good links, add in a comment and I will update the post.

Javascript

Essential Javascript – A Javascript Tutorial

http://www.comptechdoc.org/independent/web/cgi/javamanual/

http://www.w3schools.com/jsref/default.asp

http://javascript.crockford.com/

Dojo

http://dojotoolkit.org/key-links

Dojo Feature Explorer

http://www.sitepen.com/labs/dojo.php

http://archive.dojotoolkit.org/nightly/checkout/ (Great source for learning how to use dijits and dojox widgets, check out the tests folder)

http://www.roseindia.net/dojo/

10 helpings of Dojo goodness

Minify JavaScript and CSS files in IDE – netbeans and eclipse

This post talks about how to go about minifying the javascript and css files directly from your IDE (Eclipse and Netbeans) using the YUICompressor and YUIAnt jar files.

Before we look into more specifics you will have to download these two:
1. YUICompression jar from the Yahoo developer site, here are the links : More InfoDownload
2. YUIAnt jar file from this link
Read the rest of this entry »

Minify the Javascript libraries and CSS files

In this post I show you how to minify JavaScript and CSS files which is very useful for improving web application performance. In my recent post – Measuring Web Mapping Application Performance using YSlow – part 2 I talked about minifying the JavaScript and CSS files used in the web mapping application but really dint discuss how to go about doing this.

Before we go further lets understand what do we mean my “minify” – By definition minify is to make it smaller. So in terms of JavaScript and CSS files, we can make the files smaller by removing the white spaces created by tab or space or new line and by removing any comments in the files and thus reducing the file size and improving download speed and response time. Read the rest of this entry »

Yahoo! releases new performance best practices (14 + 20 new rules)

Another interesting presentation about web performance with 20 more tips by Stoyan Stefanov, lead developer, Yahoo! Performance team

Here is the link : http://www.slideshare.net/stoyan/high-performance-web-pages-20-new-best-practices

Few tools discussed in the slides :

  1. YSlow
  2. Fiddler
  3. IBM page detailer
  4. HTTPWatch
  5. AOL Pagetest
  6. JSLint
  7. JSMin
  8. YUI Compressor
  9. pngcrush (optipng, pngoptimizer)
  10. jpegtran