Entries Tagged 'JavaScript/CSS' ↓

Mobile AJAX

It’s hot these days! Mobile AJAX!

W3C/OpenAjax Workshop on Mobile Ajax happened yesterday, and there is some interesting reading in the papers.

If you are new to Mobile AJAX, dev.mobi’s got a very well written introductory article.

 

CSS Optimizer

Ashok S, our designer sent this:

If you want to optimize your CSS code, checkout the CSS Optimizer on flumpcakes. It is an online tool which helps you delete unwanted css code.

From their about page, the tool essentially does the following:

  • Removes comments
  • Removes white space (such as excess spaces)
  • Converts RGB values to Hex (they’re smaller)
  • Converts Hex values in the format #RRBBGG to #RGB.
  • Changes zero values with a size specified to 0. (0px would change to 0)
  • Changes values such as border: 1px 2px 1px 2px; to border: 1px 2px;
  • Converts multiple background, font, margin, padding, list attributes into a single attribute
  • Converts multiple border values into single attributes
  • Option to convert absolute values (PX & PT) into relative values (EM)
  • Groups style attributes and values which appear multiple times into a single style

 

24 ways to impress your friends

http://www.24ways.org/

A super collection of 24 articles that show cool things about AJAX. JavaScript and CSS tricks, add-ons to your website and more. A great resource to learn more about AJAX.

Thanks Kartik!

 

Lazy form designer?

Wanted to design a form? But did not want to juggle with HTML? For the average user (and for some of the lazy us), there are options available.

JotForm.com Allows you to drag and drop form elements to create your survey / contact forms. You can then copy the HTML code and paste in your page. The data goes back to jotform and you can even to analysis of the results.

WuFoo.com is a step ahead of jotform. It looks good and the form field choices are practical.

FormAssembly is another similar service. They also offer wForms Javascript library that makes it easy to add interactions and validations to forms.

Check them out! All of them are AJAX apps and very sleek.

Thanks to Shweta for the links!

 

JSON

JSON is a simple way of representing data. A simple format that can be exchanged easily between machines and can be even understood by humans.

Wikipedia says:

JSON, which stands for “JavaScript Object Notation”, is a lightweight computer data interchange format. JSON is a subset of the object literal notation of JavaScript but its use does not require JavaScript.

JSON’s simplicity has resulted in its widespread use, especially as an alternative to XML in Ajax. One of the claimed advantages of JSON over XML as a data interchange format in this context is that it is much easier to write a JSON parser. In Javascript itself, JSON can be parsed trivially using the eval() procedure. This was important for the acceptance of JSON within the AJAX programming community because of JavaScript’s ubiquity among web browsers.

JSON parsers are available for almost all popular languages. JSON is very similar to how we have been passing around data using JavaScript and ActionScript. It’s simpler than PHP’s serialization routines and works pretty well.

You can learn more about JSON from the official JSON site. Yahoo! is very hot about JSON and Google too uses it well. JSON is widely know as the “fat free alternative to XML” :)