This is a somewhat underused and lesser known feature of HTML5 localStorage API. The spec says: The storage event is fired when a storage area changes, as described in the previous two sections (for session storage, for local storage). When this happens, the user agent must queue a task to fire an event with the name storage, which does not… Read more →
Just a quick update, Epitome now supports nodejs. Here’s an example creating a server via express and socket.io with a collection and a model that can be shared on the client as well: #!/usr/bin/env node ‘use strict’; var express = require(‘express’), app = express(), http = require(‘http’), server = http.createServer(app), io = require(‘socket.io’).listen(server); // load mootools globals and extend protos… Read more →
Just a quick note, updated my nodejs Markdown to HTML site generator Doctor to support the latest recess and BootStrap 2.3.2, latest stable published npm is v0.1.14 The grunt-doctor-md grunt task has also been updated to use doctor-md@0.1.14. $ npm install -g doctor-md $ doctor
One of the most common complaints of people when using 3-rd party code that breaks on MooTools pages is when somebody incorrectly tries to iterate through an Array with the for (var in) operator and the methods and properties added by the framework also show up. When you cannot change the code to add hasOwnProperty, it leaves you with very… Read more →
This is a relatively simple idea. Select elements with data-attributes that match a pattern, for example, div[data-media-*]. The problem is, CSS selectors don;t allow you to wildcard attributes themselves so we need to be creative. We will extend the Slick selector engine with a data pseudo selector, which will look at the outerHTML of the element and find a match… Read more →
Ever needed to debug how your Class instances fire Events? It can be frustrating and messy, especially if you do not have access to the original Class prototype source. But, you can hack your way around this and create a transparent spy on all fireEvent methods on any Class instance. Here is how: (function() { var spyId = ‘spyEvent’; Class.extend({… Read more →
Just a quick update, my MooTools MVP library Epitome now has its own Epitome-todo repository as a submodule, an implementation of the popular TodoMVC demo. You can see it live here. If you checkout Epitome from git, you can use: git submodule init git submodule update … and point your browser to your local example/todo/epitome/ folder.
Just a quick note – the MooTools MV* framework I wrote for QMetric called ‘Epitome‘ is now covered by Travis CI automated testing. Read more about how to implement this in your javascript projects in this blog post on the QMetric Tech Blog.
I recently found that in the context of Class, .fireEvent() accepts a 3-rd argument, delay. Firing deferred events can be useful but you need to understand the full difference between the patterns available at your disposal. Pattern one. It relies on delay creating a function and passing arguments to that function at the time of invocation. Does not actually fire… Read more →
I have been a little busy at work but we recently built a small Model class to support our question set and I turned it into a tutorial on how to build your own MV* framework on top of MooTools. It is called ‘Epitome‘ and is available on GitHub here: https://github.com/DimitarChristoff/Epitome. Keep in mind that it may turn out to… Read more →
Recent Comments