Web Development » Javascript http://www.design-with-attitude.com/webdevelopment web development with attitude Sat, 28 Aug 2010 10:20:25 +0000 en hourly 1 http://wordpress.org/?v=3.1 It’s Gmail: The Game! http://www.design-with-attitude.com/webdevelopment/javascript/it%e2%80%99s-gmail-the-game http://www.design-with-attitude.com/webdevelopment/javascript/it%e2%80%99s-gmail-the-game#comments Sat, 28 Aug 2010 10:20:25 +0000 admin http://www.design-with-attitude.com/webdevelopment/javascript/it%e2%80%99s-gmail-the-game Yet Another Related Posts Plugin.]]> TechCrunch reports on a Googler, Paul Truong, who created an HTML5-based game for Gmail called Galactic Inbox using his 20% time:
When you start it up, a little Gmail logo envelope guy pops out of a “20% Projects Lab” and starts flying. Essentially, he’s a spaceship and can shoot objects coming his way. It’s simple, but [...]

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

]]> http://www.design-with-attitude.com/webdevelopment/javascript/it%e2%80%99s-gmail-the-game/feed 2 JavaScript from Null: Cross-Browser Event Binding http://www.design-with-attitude.com/webdevelopment/javascript/javascript-from-null-cross-browser-event-binding http://www.design-with-attitude.com/webdevelopment/javascript/javascript-from-null-cross-browser-event-binding#comments Sat, 28 Aug 2010 10:19:40 +0000 admin http://www.design-with-attitude.com/webdevelopment/javascript/javascript-from-null-cross-browser-event-binding Yet Another Related Posts Plugin.]]> In chapter five of this series, we jumped into the muddy world of event listeners. In that episode, we only got our feet wet; however, today, we’ll take things a step further as we implement a far more efficient solution. Along the way, we’ll learn a plethora of new techniques. As with every JavaScript from [...]

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

]]> http://www.design-with-attitude.com/webdevelopment/javascript/javascript-from-null-cross-browser-event-binding/feed 0 JSON – in Ajax (Php and Javascript) http://www.design-with-attitude.com/webdevelopment/javascript/json-in-ajax-php-and-javascript http://www.design-with-attitude.com/webdevelopment/javascript/json-in-ajax-php-and-javascript#comments Sat, 28 Aug 2010 08:11:23 +0000 admin http://www.design-with-attitude.com/webdevelopment/javascript/json-in-ajax-php-and-javascript Yet Another Related Posts Plugin.]]> Syntax of JSON. Decoding and encoding json in php and javascript. Simple example of a ajax app communicating in json with the server…
Download Json Library: http://www.json.org/json2.js

Duration : 0:10:0


Technorati Tags: , , , , ,

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

]]> http://www.design-with-attitude.com/webdevelopment/javascript/json-in-ajax-php-and-javascript/feed 25 Find Info On Webkit Spec Extensions http://www.design-with-attitude.com/webdevelopment/javascript/find-info-on-webkit-spec-extensions http://www.design-with-attitude.com/webdevelopment/javascript/find-info-on-webkit-spec-extensions#comments Fri, 27 Aug 2010 15:08:41 +0000 admin http://www.design-with-attitude.com/webdevelopment/javascript/find-info-on-webkit-spec-extensions Yet Another Related Posts Plugin.]]> I stumbled across http://webkit.org/specs recently, which is basically a nifty listing of all custom extensions Apple/Webkit has made to web specs, written up as specs themselves so that other browsers can implement them:

Squirrelfish Bytecode
Timed Media Elements
CSS Effects
Extensions to CSS 3 Media Queries
The ‘pointer-events’ property

There were some on here that I had ever even heard of. [...]

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

]]> http://www.design-with-attitude.com/webdevelopment/javascript/find-info-on-webkit-spec-extensions/feed 0 New Higher Envato Marketplace Rates! http://www.design-with-attitude.com/webdevelopment/javascript/new-higher-envato-marketplace-rates http://www.design-with-attitude.com/webdevelopment/javascript/new-higher-envato-marketplace-rates#comments Fri, 27 Aug 2010 15:08:04 +0000 admin http://www.design-with-attitude.com/webdevelopment/javascript/new-higher-envato-marketplace-rates Yet Another Related Posts Plugin.]]> For four years the Envato Marketplaces have helped authors around the world earn an income selling their digital wares. Along the way we’ve grown from one marketplace to seven, with more on the way. We’ve gone from hundreds of members to hundreds of thousands. Items from our marketplaces have appeared in projects for companies big [...]

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

]]> http://www.design-with-attitude.com/webdevelopment/javascript/new-higher-envato-marketplace-rates/feed 0 How to Drag Out Files Like Gmail http://www.design-with-attitude.com/webdevelopment/javascript/how-to-drag-out-files-like-gmail http://www.design-with-attitude.com/webdevelopment/javascript/how-to-drag-out-files-like-gmail#comments Thu, 26 Aug 2010 22:46:48 +0000 admin http://www.design-with-attitude.com/webdevelopment/javascript/how-to-drag-out-files-like-gmail Yet Another Related Posts Plugin.]]> Ryan Seddon, aka the CSS Ninja, has a nice blog post up where he reverse engineers the new feature in Gmail where you can drag attachments from an email on to your desktop.

Note that the feature only currently works in Chrome.
Ryan begins with the following code:
PLAIN TEXT
JAVASCRIPT:

var file = document.getElementById(”dragout”);
file.addEventListener(”dragstart”,function(evt){
  evt.dataTransfer.setData(”DownloadURL”,fileDetails);
},false);
 

Describing the code Ryan says:
From [...]

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

]]> http://www.design-with-attitude.com/webdevelopment/javascript/how-to-drag-out-files-like-gmail/feed 2 ASP.NET from Scratch: MVC http://www.design-with-attitude.com/webdevelopment/javascript/asp-net-from-scratch-mvc http://www.design-with-attitude.com/webdevelopment/javascript/asp-net-from-scratch-mvc#comments Thu, 26 Aug 2010 22:46:06 +0000 admin http://www.design-with-attitude.com/webdevelopment/javascript/asp-net-from-scratch-mvc Yet Another Related Posts Plugin.]]> In this episode of “ASP.NET from Scratch,” we’ll ditch WebForms in favor of ASP.NET MVC. You’ll get a taste of ASP.NET MVC and recreate a EmailForm application using the MVC framework! The Complete Series Lesson 1: Getting Started Lesson 2: Improving an Email Form Lesson 3: Class Inheritance Lesson 4: SQL Server Lesson 5: Master [...]

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

]]> http://www.design-with-attitude.com/webdevelopment/javascript/asp-net-from-scratch-mvc/feed 3 40+ Superb CodeCanyon Items you Must Check Out http://www.design-with-attitude.com/webdevelopment/javascript/40-superb-codecanyon-items-you-must-check-out http://www.design-with-attitude.com/webdevelopment/javascript/40-superb-codecanyon-items-you-must-check-out#comments Thu, 26 Aug 2010 03:42:35 +0000 admin http://www.design-with-attitude.com/webdevelopment/javascript/40-superb-codecanyon-items-you-must-check-out Yet Another Related Posts Plugin.]]> If you’ve been hanging around Nettuts+ for long, you probably know that it’s only one small piece of the huge Envato ecosystem. If you’re interested in becoming a more efficient developer, you’ll want to check out these incredible WordPress, CSS, JavaScript, .NET, and PHP components — all ready to drop into your latest project. WordPress [...]

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

]]> http://www.design-with-attitude.com/webdevelopment/javascript/40-superb-codecanyon-items-you-must-check-out/feed 0 Adobe Releases Web Fonts http://www.design-with-attitude.com/webdevelopment/javascript/adobe-releases-web-fonts http://www.design-with-attitude.com/webdevelopment/javascript/adobe-releases-web-fonts#comments Wed, 25 Aug 2010 18:56:47 +0000 admin http://www.design-with-attitude.com/webdevelopment/javascript/adobe-releases-web-fonts Yet Another Related Posts Plugin.]]> Last week Adobe announced they are jumping into the Web Fonts game in a partnership with Typekit:
For this debut of Adobe Web Fonts, I think we’ve made some great choices. Everyone knows Myriad and Minion — pervasive workhorse sans serif and serif typefaces, respectively, which will prove to be as useful on the web as they have been [...]

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

]]> http://www.design-with-attitude.com/webdevelopment/javascript/adobe-releases-web-fonts/feed 3 Quick Tip: Quick and Easy JavaScript Testing with “Assert” http://www.design-with-attitude.com/webdevelopment/javascript/quick-tip-quick-and-easy-javascript-testing-with-%e2%80%9cassert%e2%80%9d http://www.design-with-attitude.com/webdevelopment/javascript/quick-tip-quick-and-easy-javascript-testing-with-%e2%80%9cassert%e2%80%9d#comments Wed, 25 Aug 2010 18:56:06 +0000 admin http://www.design-with-attitude.com/webdevelopment/javascript/quick-tip-quick-and-easy-javascript-testing-with-%e2%80%9cassert%e2%80%9d Yet Another Related Posts Plugin.]]> Years ago, I learned a deceptively simple “assert” function from John Resig, for testing your JavaScript. Amazingly, at barely five or six lines, this code provides a great level of power and control over your code, when testing. I’ll show you how to use it in today’s video quick tip. Screencast Premium Members: Download this [...]

No related posts.

Related posts brought to you by Yet Another Related Posts Plugin.

]]> http://www.design-with-attitude.com/webdevelopment/javascript/quick-tip-quick-and-easy-javascript-testing-with-%e2%80%9cassert%e2%80%9d/feed 0