JavaScript - Muffin Research Labs

Muffin Research Labs

JavaScript

A collection of 15 posts

Removing leading whitespace in ES6 template strings

Note: this post remains for posterity but rather than using the template tags described here I'd suggest taking a look at common-tags. In some recent code at work we're using fairly large strings for error descriptions. JavaScript has always made it hard to deal with long

Back to the future: ES6 + React

I've just recently finished shaving about a billion yaks * to convert a React app over to use ES6 modules and classes so we can start living in the future that is ES6 with a sprinkling of ES7. * Might not be true Transpiling back to the present We'

JS: Creating instances without new

During a code review recently I was looking at some code that was using the new keyword to create an instance e.g: var inst = new MyConstructor(); The context object when new isn't used The code contained a safeguard to bail if the new keyword wasn't

Does setTimeout solve the DOMContentLoaded problem?

I've recently been building a simple framework for testing the performance of arbitrary JavaScript code. Whilst doing so I was looking at the some information on setTimeout in "JavaScript the Definitive Guide" by David Flanagan [http://tinyurl.com/2634ue]. One paragraph made me think of the

Automatic merging and versioning of CSS/JS files with PHP

One of my colleagues Ed, has come up with a really useful PHP script that makes it trivial to concatenate and version css or js files on your site. What it does is takes an array of the files you wish to join together and it will create a versioned

Basic DOMTool Tutorial

I've had some brilliant feedback on DOMTool [https://muffinresearch.co.uk/domtool/] and several people have emailed me asking for a basic tutorial on how to use the output. So if you're familiar with using the DOM to add content to a page then this probably

DOMTool

I've had this idea kicking around for a while that it would be useful to build some kind of utility that took HTML as an input and output the correct DOM methods for inserting that content into a document. To start with I thought this would be some

O2 thinks Camino is out of Date

[https://muffinresearch.co.uk/i/o2.jpg] I was amused to find when I visited the O2.co.uk website with camino [http://www.caminobrowser.org/], an alert box popped up saying "Your browser is out of date. Would you like to upgrade it now for a better user

Getting relative form actions with javascript

The other day I needed to get data from a form and manipulate the "get" manually through javascript. For that to happen I needed to obtain the action attribute of the form. The action of this specific form had to be a relative url. What I found through

Bug when creating select options using innerHTML in IE

Recently I was creating some code that dynamically changes the options in a select element. In the first draft I decided to us innerHTML for speed. Using innerHTML for this is very straight forward. You build your string of options and dump them into the select. Unfortunately the draw back

Beginning JavaScript

Christian Heilmann's book is soon to be winging it's way onto the bookshop shelves from the 17th July. Don't let the title mislead you there's some nice and chunky examples to get your teeth into. Check out the book's site

getElementsByClassName Deluxe Edition

Anyone who's into JavaScript will most likely have written their own take on a getElementsByClassName function. I had a look around at a few recent examples and then decided to do my own version for fun. Out of all of the functions I looked at Robert Nyman'

Element Ready

The idea for this script came about over a pint with Andy Hume [http://thedredge.org] back in February. We were talking about how annoying it is that DOMContentLoaded only works for Mozilla and although IE has it's own proprietary 'Defer' method there's not

Don't use Javascript to hide bad markup

In a recent post on 456 Berea Street [http://www.456bereastreet.com], Jeff Croft [http://jeffcroft.com/] made a very valid comment suggesting that using JavaScript to create invalid markup was no better than writing invalid markup in the first place. This is something I totally agree with. The rising

From DHTML to DOM scripting

In an in-depth article, Christian Heilmann goes through the failings of older DHTML techniques and shows how to fix them with more up to date unobtrusive DOM scripting. See Christian's full article over at icant.co.uk [http://icant.co.uk/articles/from-dhtml-to-dom/]. In the article Christian shows