JavaScript

Polyglot – A simple client-side i18n library

Polyglot is a very simple string replacement i18n library I built for a personal project and thought was self-contained enough to warrant its own repo. It’s very simple to use and does what it does very quickly indeed.

However, it is not a full i18n solution, it does not do any kind of date; currency; time or any other i18n functions you might expect. It does one thing and does it well. It may do those things in the future, however.

Continue reading →

_______________________________________________________________________________________________________________________

Mondrian – Random Color Generation in JavaScript

A library I wrote for generating random colors in JavaScript, it supports rgba(a), HTML color names, hex and hsl(a). Check it out!

Continue reading →

_______________________________________________________________________________________________________________________

Gutenberg templating library

I wrote a small (10 lines) and simple templating library that is dependant on ES5 compatibility in the client for a mobile web app I’m building (more on that at a later date!). You can find the source on Github. Along with the usage and testing, as always feel free to contribute!

Continue reading →

_______________________________________________________________________________________________________________________

Pretty Gist

We all love Github, but the embedded Gists aren’t great: they’re drab and lack some functionality. Pretty Gist is a jQuery plugin to make prettier and more functional embedded Github Gists. It’s super simple to use, and can easily enhance Gists already embedded on your pages by just dropping it in.

Continue reading →

_______________________________________________________________________________________________________________________

jQuery Github Widget

Have you ever wanted to add a slick, clean and simple jQuery-powered Github widget to your site? With this one, you can get it going in a couple of minutes! This Github jQuery plugin displays your user info and most recent reports in a simple clean and frankly kick-ass way.

Continue reading →

_______________________________________________________________________________________________________________________

A jQuery powered HTML5 navigation menu

I was recently asked to knock-up a semantically simple (but elegant) navigation bar for a new open-source project I’ve become involved with (more on that soon!). Having done so with a reasonable amount of success, I thought I would also share it here for everyone else to use as well!

Continue reading →

_______________________________________________________________________________________________________________________

An accessible and validated PHP/jQuery contact form

This is a really accessible and well-validated contact form powered by PHP and jQuery. The design is based on Orman Clark’s ‘Clean and Simple Signup Form‘.

Using both serverside PHP and client-side input validation (powered by Jorn Zaefferer’s great jQuery Validation Plugin) this form is developed using ARIA accessibility standards, making it one of the most accessible and reliable contact forms available.

Continue reading →

_______________________________________________________________________________________________________________________

A jQuery and PHP RSS Feed Syndicator (with auto-reload!)

This simple jQuery and PHP feed loader is a dead simple and effective way of adding the contents of a news feed to any page you choose. Inserted into a page using only jQuery, it’ll allow you to keep your users up to date with whatever’s happening right now with it’s inline Ajax powered reload.

Continue reading →

_______________________________________________________________________________________________________________________

Simple and Minimalist Nav Bar (+ extra CSS3!)

Inspired by having a little free time, and the fun I had doing it yesterday; here is another implementation of one of Orman Clark’s designs, his ‘Clean and Simple Navigation Menu’. As you will see, however, I made a couple of small changes: most noticeably to the font (due to browsers not rendering Helvetica Neue Bold nearly as well as Photoshop); and removing a couple drop shadows (just because I thought it looked a little better this way).

Continue reading →

_______________________________________________________________________________________________________________________

A Simple Thumbnail Slider

Premium Pixels has been in my RSS feed list for quite a while now, providing always high-quality design elements from Orman Clark. Low and behold, on trawling through my RSS feeds this morning I come across a new post by Orman containing something that I had been literally about to start knocking up (probably not quite as well) in Photoshop, his Simple Thumbnail Slider.

Continue reading →

_______________________________________________________________________________________________________________________

Book: jQuery Fundmentals

That was until recently when I discovered this excellent, comprehensive, lucidly written and above all free and ‘open-source’ eBook by Rebecca Murphy (@rmurphey) titled jQuery Fundamentals.

Continue reading →