Digital Genetics

Javascript

Jo JavaScript Framework: Cross Platform Demo

by on Oct.08, 2010, under CSS, development, Javascript

There are a lot of javascript frameworks out there, but none has impressed me like this for a while. Jo is a lightweight multi-platform framework leveraging functionality from HTML5 and CSS3. Coupling this framework with PhoneGap, allows the web application to be ported to mobile devices such as iPhones and Blackberry’s quite easily.

Leave a Comment : more...

Raphaël: Vector Drawing JavaScript Library

by on Sep.01, 2010, under development, Javascript

Dmitry Baranovskiy and his team have released another version of Raphaël, an excellent javascript vector drawing library.

“Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.”

For more information, visit the Raphaël website: http://raphaeljs.com/

For an amazing demonstration of its animation features, visit: http://raphaeljs.com/animation.html

Leave a Comment : more...

How to create a space (&nbsp) using the DOM

by on Sep.01, 2009, under development, Javascript

This is a problem which stumped me when I first started to experiment with creating elements dynamically. A couple of simple methods I have found to work are:

document.createTextNode(String.fromCharCode(160))

or the Unicode equivalent:

document.createTextNode(‘u00a0‘)

Hope this has been able to solve many a headache!

Leave a Comment :, more...

Online Web Development Tools

by on Aug.11, 2009, under CSS, development, Javascript, PHP

No doubt a lot of seasoned professionals out there are not going to see anything new on this list that they havent already used or even created themselves, but, for all those starting out it may be very useful. Please contribute if you have anything to add to the list which I may have overlooked.

Online Javascript Beautification

This script was intended to explore ugly javascripts, e.g compacted in one line, or just make scripts look more readable.

http://jsbeautifier.org/

CSS Formatter and Optimiser

This tool is based on csstidy 1.3dev. The service is available in 4 languages : English, Deutsch, French, Chinese. It provides different compression layouts; you can sort selectors, properties, regroup selectors, optimize shorthands, compress colors, compress font-weight, discard invalid properties and add timestamps. It also allows to create a custom template the system will use to format the code. Note that your code should be well-formed. This is not a validator which points out errors in your CSS code.
http://floele.flyspray.org/csstidy/css_optimiser.php?lang=en

PrettyPrinter

This tool is a source code beautifier (source code formatter), similar to indent. It knows PHP, Java, C++, C, Perl, JavaScript, and CSS.It is advisable to make a backup before you replace your code.
http://www.prettyprinter.de/

ImageOptimizer

The Image Optimizer lets you easily optimize your gifs, animated gifs, jpgs, and pngs, so they load as fast as possible on your site. Furthermore, you can easily convert from one image type to another.
http://tools.dynamicdrive.com/imageoptimizer/index.php

The Online Regular Expression Builder (aka RegExpr)

RegExr is a tool for learning, editing, and testing regular expressions
http://gskinner.com/RegExr/

HTML 2 DOM

These online script takes the pain away from having to manually write all the javascript needed to create HTML elements using the DOM Method.

http://www.html2dom.com/

http://muffinresearch.co.uk/code/javascript/DOMTool/

XML Sitemap Generator

Quickly generate a sitemap file based on the Sitemap XML protocol without you having to write it yourself.
http://www.xml-sitemaps.com/

CSS Sprite Generator

This tool allows you to upload all of your images (you have to place them in a .zip file first) and it will combine the uploaded images into a single sprite and also generate the CSS for you. This simple technique can drastically reduce the number of HTTP requests your page requires, thus, improving performance.
http://spritegen.website-performance.org/

1 Comment :, , more...

The Definitive Guide of Online ExtJS Resources

by on Jul.29, 2009, under development, Javascript

As I was learning how to use ExtJS effectively, I frustratingly scoured the net looking for resources and tutorials that would help me. Below are the fruits of my labour; Im sure there is more to add to the list, but this is what I have so far:

ExtJS: Official Website

API Documentation
The ultimate source of documentation for the ExtJS Library. A must have bookmark if your serious about using this framework in your own online applications.
http://extjs.com/deploy/dev/docs/

ExtJS: Beginner Tutorials
Get started quickly using a variety of Ext components and widgets. This is a great place for beginners to get up to speed with specific aspects of Ext.
http://extjs.com/learn/Tutorials

ExtJS: Samples & Demo’s
ExtJS’s showcase of sample applications and GUI components. Very useful as a starting point for learning usage, implementation and even interface ideas.
http://extjs.com/deploy/dev/examples/samples.html

Custom Google Search

Ext Forum Search:
http://www.google.com/coop/cse?cx=011693920879787039234%3Az7of1ufqccu

Ext Wiki Search:
http://www.google.com/coop/cse?cx=011693920879787039234%3Aemh8nsfrx7e

Saki’s Extensions, Plugins and Know-how

Jozef Sakalos (aka Saki) is a member of the ExtJS Support team and has his own repository of extjs info, samples, extensions and custom plugins.
http://extjs.eu/

MiamiCoder

This website has some useful beginner tutorials and sample code you can download.
http://www.miamicoder.com/default.aspx

Formbuilder

Frederic has done some fantastic work putting together a visual form builder for ExtJS. It is extremely handly and will shave many hours off the time needed to develop forms. Quality bookmark material!
http://tof2k.com/ext/formbuilder/

ExtJS Plugin Repository

This website features custom developed plugins that extend the core components provided by the framework.
http://extjs-ux.org/docs/

Layouts in ExtJS

Good explanation of the usage of layouts, regions and viewports
http://www.packtpub.com/article/layouts-in-ext-js

ExtJS Library: Background Research

ExtJS have compiled a handy list of external resources which provide a deeper understanding of the technologies that have went into the ExtJS library itself. No doubt, most of you out there will not be suprised by many on the list, but it does make for interesting reading.
http://extjs.com/learn/Manual:Resources

If you know of any others which I have missed, please let me know

Leave a Comment :, more...

Looking for something?

Use the form below to search the site:

Still not finding what you're looking for? Drop a comment on a post or contact us so we can take care of it!

Blogroll

A few highly recommended websites...