Script Junkie

Serious Web Development

July, 2011

Posts
  • Script Junkie

    Expression Web 4 SP2 Brings the jQuery Goodness and Interactive Snapshot for Debugging

    • 0 Comments

    Microsoft released Expression Web 4 SP2 and it brings a host of nice features. The two that I'm really digging are jQuery Intellisense support and the Interactive Snapshot.

    jQuery Intellisense

    Expression has traditionally be a designer's tool but with the lines between developer and designer blurring, it makes sense for Expression to add support to one of the most popular JavaScript libraries out.

    In their 2010 survey of Web Developers, Web Directions found that jQuery dominates—used by (an astounding) 78% of respondents.

    Um..yea. jQuery is incredibly popular and adding it into Expression makes it substantially easier for users to build out dynamic sites.

    Interactive Snapshot

    One of the best features of Expression Web has to be the SuperPreview which lets you look at your site as it would render in any version of IE and Firefox 3.x. This was a snapshot though which was kind of tough if you were hoping to debug easily as it rendered. With Interactive Snapshot, you now have the ability to do just that:

    In Web 4 SP2, we’ve added an Interactive mode to our stable of IE renderers (as well as an interactive Firefox 3.x). Interactive mode essentially puts Internet Explorer in a panel, allowing you to see and interact with web pages during the authoring process. Mouse-overs, lightboxes and animations all work. Simply saving your changes triggers a refresh of the panel. IE Interactive uses the current version of Internet Explorer installed on your machine.

    While these are my two favorite features for this update, there's a whole lot more to check out so be sure to check out the blog post for details and give Expression Web a try.

  • Script Junkie

    New Release of LABjs Script Loader. Improved Chaining Support, Feature detection, DEBUG mode and more.

    • 0 Comments

    Great news! Kyle Simpson, author of the highly popular and useful LABjs dynamic script loader, just tweeted out that he's released LABjs 2.0! Of course, I had a quick chat with him so he could give me the lowdown on the new release:

    LABjs 2.0 is a full rewrite, emphasizing standardized and future thinking feature tests instead of hacks, readable source code, and several helpful new features. LABjs 2.0's goal is to be both a complete loader solution itself, as well as the building block for a variety of more complex dependency management solutions.

    Cool new features include:

    • script() calls in the chain allow you to define one or more scripts to load in parallel
    • wait() calls in the chain allow you to express where execution order needs to wait to preserve dependency execution.
    • LABjs now uses standardized and future-thinking feature tests for preloading and ordered-execution loading, de-emphasizing hacky techniques like cache preloading (now only used in older legacy browsers).
    • The source code is vastly cleaner, and well commented
    • v2.0 is backwards-compatible for its API
    • Many bugs/quirks, including weirdness with "AllowDuplicates" and chain resumption, have been completely fixed
    • New features include "debug mode", built-in queueing, cache-busting, sandbox(), and noConflict()

    You can check out the release notes for full details and nab a copy of the latest version here.

  • Script Junkie

    Cloud-based Development via Node.js and Cloud9 IDE Integration Coming Soon

    • 0 Comments

    We all know that Node.js and Cloud9 IDE are both hot bits of technology so it should come as no surprise that Joyent and Cloud9 have partnered to make it easy to build, run, debug and deploy Node applications using the web-based IDE.

    Here's the press release:

    In an arrangement that brings together the work of JavaScript inventor Brendan Eich and Node.js inventor Ryan Dahl, Joyent and Cloud9 IDE, Inc. today announced an agreement to provide web application developers with a one-stop cloud development and deployment platform for Node.js applications from within the Cloud9 IDE (Integrated Development Environment).

    The Cloud9 IDE, a state-of-the-art IDE that runs in the browser and lives on Joyent’s public cloud, JoyentCloud.com, allows developers to run, debug and deploy applications from anywhere, anytime.  This joint effort gives developers ready access to a premium IDE at no cost for pre-production use, and includes support for commercial use.

    Developers can self-provision their Joyent Node.js SmartMachines from within the Cloud9 IDE, and immediately begin testing on their Node.js-based application. Once an application is ready for production, developers are able to purchase commercial cloud services that ensure scalable, successful deployment.

    “If you want to see the future of cloud computing, this is it. Joyent has the complete cloud data center software stack and we have the cloud-based IDE for JavaScript, which is the language used by over three-quarters of websites today and is a key part of the explosion of mobile apps,” said Cloud9 IDE CEO Ruben Daniels. “The new integrated solution lets you create your development project in Cloud9, and then test and run your code on the Joyent architecture. You don’t have to create a new Joyent account – Joyent automatically accepts the login and billing information from your Cloud9 IDE account.”

     “We want to provide developers with the best tools for developing next-generation web applications, and this partnership does just that,” said David Young, Joyent CEO. “The combination of the Node.js IDE and Joyent cloud make it effortless for a developer to get an app up and running in the cloud quickly and successfully.”

    Joyent Chief Evangelist Tom Hughes-Croucher and Cloud9 IDE, Inc. CTO Rik Arends will be putting on a webinar discussion about this partnership on Wednesay, July 20 at 10 AM Pacific time. Sign up here.

    Here are some pics to whet your appetite:

     

     

     

     

     

  • Script Junkie

    Evaluating jQuery Plugins for Use in your Projects

    • 2 Comments

    I just found, what looks like an, awesome HTML5 Uploader jQuery Plugin in my Twitter feed and my first thought was, “Wow, this would make a great addition to the project that I am currently working on.”  Unfortunately, once I started to evaluate the plugin it failed miserably in all aspects of my evaluation criteria.  So much so, I feel it is a great example of how NOT to release a jQuery plugin.

    Here is the criteria I use to evaluate a jQuery plugin before I consider using it in my project:

    1. Good documentation and demos - If I can’t figure out how to use your plugin and/or see what it’s capable of fairly quickly I don’t really want to waste my time on trying to figure that out.  The plugin author should be providing at the very least easy examples on what the plugin does.
    2. Easily downloadable - Seems like a silly requirement but if I can’t easily download the code because of a silly wall in place like having to tweet to be able to get to the code base then that’ll weigh heavily in my determining to use the plugin or not.
    3. License released under - I should also be able to find what license the plugin is released under.  Ideally it should be listed on the plugin site but if not in the header of the JavaScript file. If a jQuery plugin does not have a license specified I will not consider it.
    4. Source code available - Most jQuery plugins are released with an open source license, with those projects the code should be available to evaluate.  I should be able to see the full source code, if you are only providing a minimized version then I am unable to evaluate very easily to understand how the code is architected.



    These are just simple things every plugin author should be doing.  Unfortunately, HTML5 Uploader jQuery Plugin failed on 3 out of 4 items listed above.  I contacted the owners of the plugin to voice my displeasure and was sent a reply with a code beautifier link to be able to read the minified code that one got after having to “Pay with a Tweet” to download the code which has no license attributed with it.  I replied back with “thanks, but no thanks” and will find something else until they fix those issues above.

    In addition to the items above, I consider the following to be a huge plus when evaluating a jQuery Plugin:

    1. Source Code available on Github - This is a huge plus I can easily fork, watch or submit issues to the code base.  Github also provides the easiest way to view commits and see if the code has been idle or not.
    2. MIT and GPLv2 Licensed - I find plugins licensed the same as the jQuery code base to be ideal.
    3. Unit tests - It shows that the code is thoroughly tested each release and I can rest assured that the code is of quality.
    4. Issue Tracker - If it is on Github I can see if the issue tracker is in use and if issues are being addressed as they come up.  This allows me to help the project if I come across any problems.



    What are some criteria you use when evaluating jQuery Plugins or JavaScript code in general?

    * Note: This content was originally posted on http://ralphwhitbeck.com and is reprinted here with permission.

  • Script Junkie

    Buzz Makes it Easy to Use HTML5 Audio

    • 0 Comments

    Jay Salvat has produced some amazing jQuery plugins before and his latest library continues in that tradtion. Buzz is his newest creation and makes it incredibly easy to use the new HTML5 Audio element's API. It offers methods to track things like:

    • Browser support
    • Codec support
    • Timing
    • Playback
    • and more...

    And support for a variety of audio formats:

    It also provides methods to help you degrade your application for non-modern browsers. It's a simple, clean and easy-to-use library and definitely worth a look.

  • Script Junkie

    Another Great JavaScript Learning Center Launches...and it's Free!

    • 0 Comments

    Everyone wants to learn JavaScript now. It's the cool language and the language that's powering a lot of the awesome features of HTML5. While there are several resources available many require some form of payment so when you find one that offers good guidance at no cost, you make sure you bookmark it. So be sure to jot this site down as appendTo has just announced their free Developer Learning Center which is chock full of videos to get you up to speed on JavaScript and jQuery.

    Andrew Wirick, Senior Trainer and Developer, explains the lesson structure, "Often learning is about understanding what prerequisite knowledge you need to know before tackling a subject. The goal of the lesson structure was to provide an interactive learning experience while also providing an easy way to tell what prerequisites a student needs."

    Right off the bat they have 8 videos to choose from and each video is about 30-40 minutes long. They range from JavaScript 101 to understanding how jQuery manages events so you'll have a good set of options to learn from.

     

Page 1 of 1 (6 items)