Comparision of Javascript Frameworks | Newbies in the block

Its jQuery everywhere. The web industry seems to have stabilized on that. But the battle just seems to have begun in the world of client side MVC frameworks. Today's complex web applications more just jQuery (which is a DOM Manipulation Library). Lets have a quick looks on the current client-side frameworks available.

• BackboneJS
• AngularJS
• EmberJS
• Knockout

Backbone

Features

• Most simplicit in the list
• Huge community
• Less Opinioned
• Most Minimal of the Libraries
• Lots of Plugins Available, so that we can pick the features based on our requirement
• Easy to manage large projects
• Not a full fledged framework, need plugins to add features that are available buildin in some other libraries
• More Boilerplate code required when compared with other frameworks

AngularJS

Features

• Open Source & Backed by Google
• Full Fledged Framework
• Incredibly powerful 2 way binding support
• Great Performance as it uses DOM nodes instead of strings for templating.
• MVW (Model View Whatever)
• More Clean Code is produced as it typically enhances the functionality of HTML
• Easy to manage large projects
• Intended to control your whole page at runtime, so not suitable for use in small “islands of richness” on a wider page

EmberJS

Features

• Full Fledged Framework
• A very ambitious framework
• Pretty heavily opinionated about files, URLs, etc
• Avoid a lot of boilerplate code.

Miltery Proof Strong Javascript EMail Validation

After several hours of stunt with my tester, I think I made something very much useful. Email validation is very much common requirement for almost all project. However, the codes which are available for the same on the internet seems in-effective.

You are free to use this on your open source as-well-as commercial projects.

/*
* E-mail Validation
* @param value
*/
function validateEmail(elementValue){
var ind=elementValue.indexOf("@");
var email_local_part=elementValue.slice(0,ind);

if(email_local_part.length > 64) return false;
if(elementValue > 256) return false;
var x,y=email_local_part;

if(email_local_part.charAt(((email_local_part.length)-1)) == ".") return false;

while(y.indexOf(".")!=-1){
  x = y.indexOf(".");
  if(y.charAt(x+1) == ".") return false;
  x++;
  y=y.substr(x);
}
var dot = ".";
if( isInteger( elementValue.charAt(0) )) return false;
if( elementValue.charAt(0)  == dot ) return false;

var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;
return emailPattern.test(elementValue);

}

/*
* Trim implementation for Javascript
*/
function trim(stringToTrim) {
return stringToTrim.replace(/^\s+|\s+$/g,"");
}

/*
* Checks whether the input is an Integer
*/
function isInteger(s)
{   var i;
for (i = 0; i < s.length; i++)
{
  var c = s.charAt(i);
  if (((c < "0") || (c > "9"))) return false;
}
return true;
}

Implementation

if(!validateEmail("abc@gmail.com")){
alert("Invalid Email");
}

Adobe Edge

Motion and Interaction Design for HTML5

Adobe® Edge is a new web motion and interaction design tool that allows designers to bring animated content to websites, using web standards like HTML5, JavaScript, and CSS3.

Learn More

Walking was the only choice...

Walking was the only choice..., originally uploaded by Fabrice Drevon.

45 Outstanding Free Vintage Fonts

In his famous 1908 essay, ‘Ornament and Crime,’ modern architect Adolf Loos wrote: “The evolution of culture marches with the elimination of ornament from useful objects.” This pronouncement banished many of the frilly, decorative fonts of centuries past from the realm of High Design. Fast forward to the present day: Web 3.0 is awash in enough sleek sans serif and classic roman typefaces to make designers long for the typographic indulgences of yesteryear.

Harness the power of the antique and make your graphics pop with one of these vintage-inspired fonts, which have returned to the spotlight both in print and online. From the Wild West and Victoriana to the Avant Garde and Calligraphy, there are plenty of styles to choose from. Fonts have been grouped informally, with contemporary interpretations alongside (almost) original prototypes. All are available free for personal use, but please make sure to read the license agreements carefully.

Read More

JavaScript Charting Library – gRaphaël

JavaScript Charting Library – gRaphaël: "

gRaphaël is an open source JavaScript charting library that is based on Raphaël graphics library (WRD link).

It is capable of generating both static & interactive outputs including pie, bar, line or dot charts.

The charts are created with VML & supports the most popular browsers like Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0.

There are some beautiful demos provided including the interactive pie chart & the dot chart.

Special Downloads:

Ajaxed Add-To-Basket Scenarios With jQuery And PHP

Free Admin Template For Web Applications

jQuery Dynamic Drag’n Drop

ScheduledTweets

Advertisements:

SSLmatic – Cheap SSL Certificates (from $19.99/year)

Dreamhost $50 Discount Code: WRD

Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: Javascript, VML

Related posts

• JavaScript Library For Vector Graphics: Raphaël


• Zoom Script With A Smart Interface: TJPzoom


• YUI Slideshow: Customizable And Animated Slideshows


• What You See Is What You Ajax: WaveMaker


• wForms: Easy JavaScript Form Controls

"

Music Remixes for Flash animations!!!

Here are a couple places that you may want to check out that have royalty-free music that you can use:

ccmixter.org/ - ccMixter is a community music site featuring remixes licensed under Creative Commons where you can listen to, sample, mash-up, or interact with music in whatever way you want.

freesound.org/ - The Freesound Project is a collaborative database of Creative Commons licensed sounds. Freesound focusses only on sound, not songs.

audiofarm.org/ - Audiofarm is an audio website for helping people explore, share, and enjoy Creative Commons Audio from around the world.

incompetech.com/m/c/royalty-free/
At this website Kevin MacLeod offers his royalty free music creations under the Creative Commons License. There are many different types of instrumental music at this site.

pacdv.com/sounds/free-music.html
pacdv offers a few instrumentals for you to use royalty free. They just ask that you mention "Music bypacdv.com/sounds/" in your credits.

sonnyboo.com/music/music.htm
Offers a few songs that you can use in your productions as long as you credit the songwriter - Peter John Ross.

loganlproductions.com/pmp.html
Offers a few royalty free instrumental songs under the Creative Commons License. Just credit the musicians.

taylorhayward.org/freemusic.htm
Taylor Hayward offers a few piano songs that are copyright free so you are free to use them in any way, commercial or non-commercial.

soundclick.com/business/license_list.cfm
I recommend that you sign up with a free account atsoundclick.com to take full advantage of its many differnent music artsists and genres. To find royalty free music at no charge under the Creative Commons License click on the soundclick link above and then change License Type to Creative Commons (Free), select the Genre and click go.

jamendo.com/
This site includes many different genre's of music by many different artists under the Creative Commons License. The difficult part at this site is just downloading one song. When you go to an artist's page and click on an album it wants you to download the whole album. But if you are listening to the album with the jamplayerweb there is an option at the bottom to Export this playlist: M3U. If you pause the music and click on M3U then the songs should open up in your Media Player and you can click the next and previous buttons in your Media Player and also click on File -> Save As... to save the song you are listening to.

derekaudette.ottawaarts.com/music.php
Derek Audette offers his royalty free music under the Creative Commons License. Most of these are instrumental pieces that are either dark, moody, or hard driving.

publicdomain4u.com/
This site contains recordings of songs that were published prior to 1922 and are now in the public domain which means the public is free to copy and use the works in any way.

opsound.org/
This website offers a collection of music from a variety of artists and genres under the Creative Commons License. In the left hand menu click on artists or genres.

openmusicarchive.org/
Open Music Archive offers recordings of songs that are over 50 years old so their copyright has expired in the UK so the recordings have become Public Domain. However, if you are from another country other than the UK then the recordings may not be Public Domain yet. See the FAQ for more information.

archive.org/details/audio
This Audio Archive contains free recordings of many popular bands. These are usually recordings of live performances. The bands that allow their live concerts to be recorded and traded are known as Trade Friendly Bands. For a list of bands that are Trade Friendly and to view their policies see Trade-Friendly Band Information and Furthurnet.org Band List. The FAQ page and the details page make it clear that these recordings can only be used for non-commercial purposes.

freeproductiontracks.com/
Free Production Tracks has a few styles of music that can be downloaded for free and can be used for anything, commercial or personal, without any royalty fees.
Royalty Free Music royaltyfreemusic.com/free-music-resources.html
royaltyfreemusic.com mainly offers royalty free tracks for a price, but they do offer some 30 second music clips, beats and loops that can be used for personal or non-commercial productions. You must credit RoyaltyFreeMusic.com as the source of the music.

internetaudioguy.com/iag/freemusic/freemusic.htm
InernetAudioGuy.com usually sells royalty free audio tracks for a price but they also offer a few instrumental 30 second samples that you can use for free for anything you want.

Using Non-Royalty Free Music
If you already found a piece of music from a professional artist that you want to use in your film or other production then go to ascap.com/filmtv/faq.html to find out how to contact the copyright owner (usually the publisher) and acquire the appropriate license.

Java Programming

Hello guys. Today I found some cool Java programing videos. These videos uses Eclipse IDE. I though it would be nice if I share them with you.


Here's the link

jquery Cheet Sheet

Click on the image to get the full view

Here is an excellent cheet sheet for Jquery. Source: colorcharge.com

Drupal Basic Overview

You may be familiar with a lot kind of content management systems. The most popular of them is Joomla and Drupal. Since I am a begginer in this cms stuff, I was looking for something to begin with. I found this video from youtube. It had been long since I wrote a post on this blog, I desided to share it with you.

50 Web 2.0 Templates - Give away

50 Web 2.0 Templates | Size 70 Mb

Here I give away 50 new Web 2.0 templates for Designer's Web Readers for free. In Return, I request you to subscribe to my feed.

Download

Create an Attractive Glossy logo in photoshop

Nowadays, you cannot think of an attractive sites which does not use glossy text for their header. Also they say Glossy text header is a part of Web 2.0.

In this video I explain, how you can easily create a Web 2.0 glossy text header in photoshop in minutes. See how the glossy effect changes the overall look of the text. Using the step I given you can create an attractive logo within second.





Please love your valuable comments below. Thats all I ask in return. I dont care whether its good or bad.


See same video in other sites

Youtube, Yahoo, Metacafe, Vimeo, Blip.tv and Veoh

Flash Tutorial :: Learn how to ActionScript! Scripting 101

In this video we will learn the basic things you will need to know to get yourself ActionScripting in no time!

Crazy Text Maker

Convert your boring old plain text into new cool text with this easy tool! You can use the new text in your header, title or you can use it as your nickname or just for chatting in msn messenger.

Instructions

Write your text in the first box and then it will automaticaly appear in the other boxes as new text! Then just highlight the text and copy + paste it.

Import PSD layouts into Dreamweaver & build a Web Site!

We will export a web layout made in Photoshop and build an editable website layout in Dreamweaver. We will then convert the page to a template for future use and ease of editing. Have fun with this...

Photoshop Extreme Makeover

A not-so-flattering photo and trying to make it into something beautiful.

Create a Simple Non-XML Photo Slide Show

This is a video tutorial explaining the use of the FlashEff component to create an animated header for your website!

Create the Mac Os "X" in Photoshop

Courtesy http://www.tutcast.com/

Vanishing objects with clone tool in photoshop

Vanish objects with clone tool in photoshop

Free Web Design Softwares

----------------------


123Flash Menu 1.6.4.4
2D and 3D Animator Deluxe 1.5
3D Flash Animator 4.0 R5
3D Vista Flash VT Exporter 3.6
3D-DOCTOR 3.5 Datecode 050402 Final
Adobe GoLive CS2
Adobe Photoshop CS2
AlgoLab Photo Vector 1.98.5
AlgoLab Raster to Vector Conversion Toolkit 2.89
Anim-FX 2.8
Antechinus JavaScript Editor 6.0
Antenna Web Design Studio 2.6.0.120
Arles Image Web Page Creator 6.17
ASPMaker 4.0.4
ASPMaker 4.2
AZ Paint and Animated Gif Editor 4.74
BlitzBasic 2D
CutMaster 2D Pro 1.3.2.4
Cyber Web Filter 2.1
Desktop Flash Site Builder1.0
DSL Web Hosting 2.02
DynamSoft Dynamic Web Twain ActiveX 3.03
Easy File Sharing Web Server 3.0
Flash Album Creator 1.5.8.1
FlashFXP 3.0.0 build 1015 Final
Hello Engine! 5 Professional (Submitting your Site 700 search engine)
HTML Display Components 9.31a Delphi BCB
HTML-Formular Designer 1.20
KoolMoves Flash Editor 5.0
Macromedia Dreamweaver 8.0
Macromedia Fireworks 8.0
Macromedia Flash 8.0
Macromedia Flash Player 8
Mdaemon 8.13+ webadmin 316 + relayfax 660 + Anti-vir 229
Messiah Studio 2.0b
Microsoft SQL Server 2005 Enterprise Edition
Mini Portal.. Windows Server Software
Moho 5.21
NetObjects Fusion 9 English PowerPack(web site design tool.)
Save Flash 3.0
Search Engine Builder Professional 2.23
Sothink DHTMLMenu 6.3
SoThink SWF Decompiler MX 2005
SWF Studio 2.2.build.154
Swift 3D 4.0
Swish 2005 (Flash Program)
Swish MAX
Swish Power FX
Swishzone Swish Studio 1.0
Swishzone Swish Studio 1.5
Toon Boom Studio 3.0
Ulead GIF Animator 5.05
UltraFXP 1.0
Visual Web Spider 3.7
Web Page Maker 2.11
Webcam Zone Trigger 1.52
Webkit Plus 1.1
Webpage Guard 2.37.50219
Webroot Great Products
WeBuilder 2005 6.10.54 ******
WWAYM Dynamix VST 1.11
Xara 1.1
Xara3D 6.0 Full
Zend Studio Enterprise Edition 5.0.0.183 (Web Program)

Size: 1.7 GB

Download