Mini HTML/CSS/JS Code Playground (with Editors and Sandbox) in Less than 200 Bytes

Sometime back this thread on HackerNews gained quite some traction. Basically, it’s a small project called MiniCodeEditor which is a tiny and minimal version of an online code playground like CSSDeck.

Continue reading “Mini HTML/CSS/JS Code Playground (with Editors and Sandbox) in Less than 200 Bytes”

Simple and Lightweight JavaScript Table/Grid/List Sorter

This is more of a snippet extracted from one of my recent projects where I had to sort a list/grid of div’s. Yeah, I didn’t use tables for tabular data this time, but plain divs, although this snippet will work just fine with html table rows too.

Continue reading “Simple and Lightweight JavaScript Table/Grid/List Sorter”

Binary and Red Black Search Tree Implementation in JavaScript

Binary Tree

I’m not going to dive deep into what Binary Search Tree is because this tutorial and Wikipedia does an excellent job at that. Instead I’ll mostly dicuss about a neat JS implementation that I came across recently, usable on the server side with Node.js and client-side as well.

Continue reading “Binary and Red Black Search Tree Implementation in JavaScript”

Fast Automatic Browserify Bundling with Beefy

If you’re a browserify user, then beefy might help you bundle your JavaScript file automatically. It is a command line tool that runs a local node server which accepts a path to the JS file (with all your require() calls) and serves the bundled asset via browserify.

Continue reading “Fast Automatic Browserify Bundling with Beefy”

Serve Your JavaScript Files Bundled using Browserify with Node Enchilada

If you’re using Browserify to bundle assets in an Express or Connect application then you may want to consider using node-enchilada middleware to faciliate your bundling process.

Continue reading “Serve Your JavaScript Files Bundled using Browserify with Node Enchilada”

Browser-Side Node.js Style Modules require() and exports with Browserify

Browserify is an excellent tool that lets you use CommonJS modules right in the browser by bundling them up into a single large file. If you are well acquainted with Node and it’s way of loading modules via require('module') and exporting them using module.exports = ..., this is the exact pattern browserify brings to the browser. Not only can you write your own modules in this format and load/export them, but you can also use those installed via npm!

Continue reading “Browser-Side Node.js Style Modules require() and exports with Browserify”