Rendering Text with Javascript, Canvas and VML Instead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally. Typeface.js uses browsers’ vector drawing capabilites to draw text in HTML documents. The typeface.js project has two components: the perl module for converting fonts, and the javascript library for drawing in the browser. This code is and always will be free and open source. Requirements: Firefox 1.5+, Safari 2+, Internet Explorer 6+ Demo: License: MIT License
HTML Links JavaScript Tutorial and Reference Become the JavaScript expert in record time: this comprehensive JavaScript tutorial guides you every step of the way. Creating great web pages without JavaScript is hard - JavaScript is the backbone of dynamic web design and gives your pages a real edge. JavaScript is not restricted to your web pages: you can use it for processing / housekeeping of intranets and your local files, and in stand alone HTML Applications (HTA), and if you master JavaScript variant called Action Script you can even create cool casino games like the ones in the sites below: Note: This tutorial assumes that you are using JavaScript Editor, which assists you in many ways and makes your scripting a breeze. However, it is not a prerequisite. Download 30-day trial of JavaScript Editor, which has been used in designing everything from the pregnancy calculator to stock trading software: 30 days is more than enough for you to become a JavaScript guru :) Introduction Part 1: JavaScript Essentials Part 5: AJAX tutorial
Splintered Striper (-) Back in March 2004, David F. Miller demonstrated a little bit of DOM scripting magic in his A List Apart article Zebra Tables. His script programmatically adds two alternating CSS background colours to table rows, making them more readable and visually pleasing, while saving the document author the tedious task of manually assigning the styling to large static data tables. Although David’s original script performs its duty well, it is nonetheless very specific and limited in its application. It only: works on a single table, identified by its id, with at least a single tbody section assigns a background colour allows two colours for odd and even rows acts on data cells, rather than rows, and then only if they have no class or background colour already defined Taking it further In a recent project I found myself needing to apply a striped effect to a medium sized unordered list. Being more general purpose, the function in my splintered striper experiment is necessarily more complex.
A JavaScript survival guide Are you a programmer who is considering learning JavaScript, but unsure whether it is worth the pain? Then this blog post is for you: I argue that it is worth it and give tips for surviving the language. Why learn JavaScript? The present The main reason for choosing JavaScript is the breadth of its ecosystem: the web platform, Node.js, JSON, NoSQL databases, Cordova/PhoneGap, automating PhotoShop and many other apps, etc. Compared to Java, I like the interactivity of JavaScript and the web platform. I also like the flexibility of the language. The future ECMAScript 6 [1], the upcoming version of JavaScript fixes many of JavaScript’s problems: not enough data structures, limited built-in support for inheritance, no built-in support for modules, shadowing this, functions playing too many roles, … Additionally, there is much innovation and experimentation around: Take your time to get to know JavaScript An important insight for learning JavaScript (paraphrasing Golo Roden): JavaScript’s power
JavaScript Framework Showdown: Which Should You Use? With so many JavaScript framework options to choose from, it’s no surprise a lot of developers are wondering which they should use for their build. If that sounds like you, you’re in the right place. To make your framework decision easier, we’ve outlined the pros and cons of AngularJS, Backbone.js, and Ember.js, based primarily on our own experience teaching these courses at Code School. AngularJS AngularJS is a client-side JavaScript framework that allows you to organize large, client-heavy applications into something manageable. Known for its versatility, Angular shines with nifty features like two-way data binding and the ability to make custom HTML tags/attributes/comments that encapsulate functionality. Angular’s biggest drawback is having many ways of accomplishing the same thing. Backbone.js Unfortunately, the "hands-off" approach of Backbone may mean implementing many features that are already in other frameworks. Ember.js Still Not Sure? Hopefully this quick guide has been useful.