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 →
Right then. If you don’t follow me on github, this will be news to you. Storage. https://github.com/DimitarChristoff/Storage – it’s a class that allows you to API localStorage or sessionStorage, when available – with a fallback to using window.name in older browsers like IE6/7. It can be used as standalone or as a mixin (implemented) class within any other class. It… Read more →
There are two scenarios here. Case 1: you just want to load all your images prior to displaying the rest of your page. Whether that’s because you like it this way or you need to get the browser to ‘know’ your images widths and heights first, preload a gallery of images, it does not matter. The arguments for ‘speeding up’… Read more →
Good news, everyone (I miss Futurama). Three years ago I wrote a mootools plugin for password strength checking, based upon a stack overflow jquery post. I just had cause to revisit this for work at QMetric and refactored it (read, rewrote from scratch) for MooTools 1.4+ The Class is on the forge, it’s fairly flexible and can either be styled… Read more →
Time for a round-up of interesting / quality plugins on the MooTools forge or github. Again. First off, my favourite find over the last month has to be the MooTools Router. What it does is handle application paths for hashes in the style of the Backbone.js router but it’s really a normal MooTools class. It can tackle dynamic parameters rather… Read more →
Recent Comments