Dailies on Webmove

Trello is a collaboration tool that organizes your projects into boards.

Tue, 28 Feb 2012 06:56:00 -0800

Morris.js a lightweight library to make drawing time-series graphs easy

Tue, 28 Feb 2012 06:50:00 -0800

Morris.js

Making good-looking graphs shouldn't be hard. Morris.js is a lightweight library that uses jQuery and Raphaël to make drawing time-series graphs easy.

Example Jaguar 'E' Type vehicles in the UK

Created with Raphaël 2.0.234072555170485201995199719992001200320052007200920112002 Q4Licensed: 3,079Off the road: 0

via oesmith.github.com

Permalink | Leave a comment »

KineticJS - HTML5 Canvas JavaScript Library Framework

Tue, 28 Feb 2012 06:49:00 -0800

via kineticjs.com

Permalink | Leave a comment »

Short List of RESTful API Frameworks for PHP

Thu, 29 Sep 2011 02:50:00 -0700

Short List of RESTful API Frameworks for PHP

Kin Lane, September 23rd, 2011
Comments(7)

Having a web API is an essential part of doing business online today. We wanted to help get you started. So we took some time to pull together a list of the RESTful or RESTish (however you choose to view it) API frameworks, that can help you deploy your API faster.

Today we are going to take a look at seven RESTful API frameworks for PHP:

Dave - DAVE is a minimalist, multi-node, transactional API framework written in PHP. which contains an end-to-end API test suite for TDD, a Task model, an Active Database Model, and a stand-alone development server to get you started. DAVE is an acronym that stands for Delete, Add, Edit, and View. These 4 methods make up the core functionality of many transactional web applications. The DAVE API aims to simplify and abstract may of the common tasks that these types of APIs require.

Epiphany – A micro PHP framework that’s fast, easy, clean and RESTful. The framework does not do a lot of magic under the hood. It is, by design, very simple and very powerful. The documentation provides a few conventions that will lead to well better code, but you’re free to use any style you’d like. According to Epiphany, the framework never dictates how you should write or structure your application.

FRAPI - FRAPI is a high-level API framework that powers web apps, mobiles services and legacy systems, enabling a focus on business logic and not the presentation layer. FRAPI handles multiple media types, response codes and generating API documentation. FRAPI was originally built by echolibre to support the needs of their client’s web apps, and now it’s been open-sourced.

Recess - Recess is a RESTful PHP framework that can be used by both beginner and seasoned developers. Recess is fast, light-weight, and has a very small footprint—ideal for LAMP development and drag-and-drop deployment to shared hosts. Recess is a modern framework that uses a loosely-coupled Model-View-Controller architecture designed and optimized specifically for PHP 5.

Slim - What began as a weekend project became a simple yet powerful PHP 5 framework to create RESTful web applications. The Slim micro framework is everything you need and nothing you don’t. Slim lets you build a complete PHP web service with only a single PHP file. Features include: RESTful routing, Named routes, Route passing, Route redirects, Route halting, Custom views, HTTP caching, Signed cookies, Custom 404 page, Custom 500 page, Error handling and Logging.

Tonic – Tonic is an open source less is more, RESTful Web application development PHP library, where everything useful is a resource, not a file, not a CGI script, a resource, an abstract concept of something useful that the client wants to grab hold of. Resources are located by URLs, URLs are cheap and form the universal addressing system of the Web. Tonic helps you develop Web applications that embrace the way the Web really works, enabling your applications to scale, extend and work with other systems easily.

Zend Framework – Zend_Rest_Server is intended as a fully-featured REST server. To call a Zend_Rest_Server service, you must supply a GET and POST methods, with a value that is the method you wish to call. You can then follow that up with any number of arguments using either the name of the argument or using arg following by the numeric position of the argument. When returning values, you can return a custom status, you may return an array with each status.

There are a number of Web and MVC frameworks out there that will also deliver a RESTful API, but the above frameworks focus more towards just delivering a RESTful API.

If you know of any RESTful API framework written in PHP that you’d recommend, please let us know.

via blog.programmableweb.com

Permalink | Leave a comment »

10 Tools to Protect Computer from Infected USB Flash Drives

Sun, 18 Sep 2011 03:13:00 -0700

via hongkiat.com

If the USB flash drive is infected with virus, not only you may lose the data in the storage, you are also affecting the security of every computer once it’s plugged in. The following post features a list of 10 tools to protect your computer against any infected USD flash drives.

Permalink | Leave a comment »

Plugin Cross-Domain-Ajax - Extends the Ajax Abilities of jQuery with the YQL Technique

Thu, 15 Sep 2011 02:23:00 -0700

Chris Heilmann recently posted on how to use YQL to make cross-domain requests, which would usually be prohibited due to the same-domain-policy. I already knew about YQL, but I had no idea that it allowed retrieval of HTML from other sites, via JSON, returned as a single string!

Instead of asking for JSON format, ask for XML, but also add a callback parameter to your query. Voila!

So, in short, YQL allows us to make cross-domain GET requests!

Chris also posted a demo!

With a bit of hacking, we can make jQuery work with YQL for all cross-domain GET requests. UPDATE: I’ve decided to put this in my “jQuery Plugins” repo at Github:

Cross-Domain Ajax mod @ Github

With this mod, any GET request made via jQuery.ajax to another domain will work!
$('#container').load('http://google.com'); // SERIOUSLY!
 
$.ajax({
    url: 'http://news.bbc.co.uk',
    type: 'GET',
    success: function(res) {
        var headline = $(res.responseText).find('a.tsh').text();
        alert(headline);
    }
});
 
// Works with $.get too!
Have fun!

Comments are closed for this post.

via james.padolsey.com

Permalink | Leave a comment »

Swiffy tries to convert Flash SWF files to HTML5 (Google Labs)

Wed, 31 Aug 2011 00:11:00 -0700

Swiffy allows you to reuse Flash content on devices without a Flash player (such as iPhones and iPads). But not every ActionScript method is supported.

Swiffy swiffy.googlelabs.com

Permalink | Leave a comment »

Mobile Development with HTML5: jQuery Templates & Local Storage

Tue, 30 Aug 2011 01:01:00 -0700

via engineyard.com

Permalink | Leave a comment »

Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!

Thu, 04 Aug 2011 05:08:00 -0700

Fantastic Micro-Frameworks and
Micro-Libraries for Fun and Profit!

How much library code do you really need — 50K? 100K? 150K? More? How much of that do you really use?

Sure, we all love our favorite monolithic frameworks, and sometimes we even use them fully. But how often do we reach for the ride-on John Deere tractor with air conditioning and six-speaker sound system, when a judiciously applied pocketknife would do the trick better, faster, slicker?

Micro-frameworks are definitely the pocketknives of the JavaScript library world: short, sweet, to the point. And at 5k and under, micro-frameworks are very very portable. A micro-framework does one thing and one thing only — and does it well. No cruft, no featuritis, no feature creep, no excess anywhere.

Microjs.com helps you discover the most compact-but-powerful microframeworks, and makes it easy for you to pick one that’ll work for you.

Want to add your own? Fork this site on GitHub, add your framework to data.js and submit a pull request.

Can't get enough?

140byt.es provides tweet-sized JavaScript goodness!

via microjs.com

Permalink | Leave a comment »

concrete5 - Free CMS | Open Source Content Management System

Thu, 28 Jul 2011 00:23:00 -0700

via concrete5.org

Permalink | Leave a comment »

In The Mood For Eleven by PERSSON

Wed, 13 Jul 2011 06:28:00 -0700

via webmove.org

Permalink | Leave a comment »

Full Drupal-based Conference or Event Site with COD | Conference Organizing Distribution

Fri, 08 Jul 2011 00:57:00 -0700

via usecod.com

Create a full Drupal-based conference or event site with COD in much less time than it would take to build from scratch.

Permalink | Leave a comment »

Rendering PDF with HTML5 and JavaScript with pdf.js

Tue, 21 Jun 2011 01:08:00 -0700

via andreasgal.com

Permalink | Leave a comment »

Good Overview Of Front-end Code Standards & Best Practices

Tue, 21 Jun 2011 00:41:00 -0700

via na.isobar.com

Permalink | Leave a comment »

Implementing the Google Contacts AuthSub flow with jQuery

Fri, 10 Jun 2011 04:17:00 -0700

Google AuthSub follows a common oAuth style handshake flow. Unfortunately, it is not immediately clear how to implement this flow with the AuthSub GData JavaScript Library using their documentation examples or the library’s API.

I recently implemented the flow for a Google Contacts viewer that we are working on here at Bocoup, and thought I would share the boilerplate I came up with.
via weblog.bocoup.com

Permalink | Leave a comment »

Free HTML5 Slideshows from Facebook, Photobucket, Smugmug, Picasa and–yep–Flickr - SlideMyPics

Thu, 09 Jun 2011 07:18:00 -0700

via slidemypics.com

Permalink | Leave a comment »

link elements slows down DOM parsing too like script elements in header section..OMG

Wed, 08 Jun 2011 03:13:00 -0700

Today we're pretty well versed with how JavaScript works. We know that script elements block rendering (well, actually blocks the parsing, which thus delays the rendering), and we know why8. Sure, so we put the script elements at the end of the document. But did you know that link elements block too?

* document.write can affect the DOM tree, so the parsing makes sure these happen synchronously

Sure I did, so what?

In the past it wasn't likely that you would include an externally linked CSS asset, but that's changed today. Today we have services providing fonts, at that point you're linking to an external service from your head element (because we put CSS in the head, and script at the end of the body).

If that service hangs for whatever reason, it'll hang your page too. Something we've spent a long time in the JavaScript community working to avoid, and now we risk repeating ourselves.

Why does this happen?

What's a little frustrating is that I can completely understand why a script element would block parsing the DOM (and thus block rendering), but I can't see why an external stylesheet would.

Perhaps it's because we could include dynamic content via CSS - but I doubt it. Dynamic content doesn't actually appear in the DOM tree, so I'd guess that it's not blocking the parsing process. So what else could it be? Suggestions in the comments please!

Perhaps this is a bug? Safari, Chrome and Firefox suffer from this issue. Opera doesn't (but then, does it also block on JavaScript - I have a feeling it doesn't). I didn't test IE (partly because I was sure it would, partly because I didn't want to start my VM - if someone could confirm, that would be super).

Right now, I'm not sure what's at the root cause, but I do know it's putting some web sites at risk.

Example

This url will show the hanging: http://jsbin.com/agumu4/3/ - make sure you have a web console open and refresh to watch the state change.
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>Hang test</title>
<script>
// script in head to debug state change
console.log('doc state: ' + document.readyState);

document.onreadystatechange = function () {
  console.log('doc state change: ' + document.readyState);
};
</script>
<link href="http://hang.nodester.com/hang.css?5000" rel="stylesheet" />
</head>
<body>
  <p>Hello World</p>
</body>
</html>
Testing

I've created a simple hanging service that you can reuse yourself. It's running on Node so there's no worry of nuking the machine due to the hang (as opposed to using PHP to test using a sleep - which would nuke a public machine).

To test include the following url: http://hang.nodester.com/file.type?ms

i.e. http://hang.nodester.com/foo.css?2000 will return a file with a CSS mime type and hang for 2000 milliseconds.

The best way to determine when the DOM is loaded (or loading) when you can't see the output is to listen for the readystatechange event (ht). So in my test, I've included some script that tells me where the DOM is up to, and I can visually confirm whether the link element is hanging.

What about font includes?

I also tested including hanging fonts via CSS, i.e. if you copied the @font-face declarations, but the font service was down: this does not hang the page. However, you do suffer from the FOUC, but that's a whole different issue.

The fix

As per anything that hangs: do it asynchronously to the DOM rendering - or rather after the DOM has done most, if not all of the parsing. That is, to use JavaScript to insert the link element once the DOM - or rather content is ready. Here's a simple example: http://jsbin.com/agumu4/4 - note that the readystate says it's still loading, that's because my DOM doesn't fully load when the JavaScript appends the link element (i.e. it doesn't wait for an event, it's just at the bottom of the document).

You should follow me on Twitter here I'll tweet about JavaScript, HTML 5 and other such gems (amongst usual tweet-splurges)

via feedproxy.google.com

Permalink | Leave a comment »

Multiuser Drawing Pad Built with Pure JavaScript, HTML5 and Canvas using Union Server

Wed, 08 Jun 2011 02:44:00 -0700

This example shows how to create a simple multiuser drawing pad (aka shared whiteboard, multiuser sketchpad, or collaborative painting tool) using pure JavaScript and HTML5's tag. The drawing pad updates in realtime when any connected user draws a line..

To manage communication between users, the JavaScript code uses OrbiterMicro, which connects to Union Server. For the sake of maximum browser compatibility, the connection to Union Server is not based on websockets. Instead, OrbiterMicro connects using Union platform's binary request model for highly responsive two-way communication over traditional HTTP.

via unionplatform.com

Permalink | Leave a comment »

Getting started with CouchDB and NodeJS on Ubuntu

Wed, 08 Jun 2011 02:25:00 -0700

via giantflyingsaucer.com

Permalink | Leave a comment »

Lettering.js - A jQuery plugin for web typography

Wed, 08 Jun 2011 01:54:00 -0700

via letteringjs.com

Permalink | Leave a comment »