Polyglot is a very simple string replacement i18n library I built for a personal project and thought was self contained enough to warrant it’s own repo. It’s very simple to use, and does what it does very quicly 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 →
Continue reading →
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!
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.
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 minutes! This Github jQuery plugin displays your user info and most recent repos in a simple clean and frankly kick-ass way.
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!
Having searched around for a while, looking for a set of CSS3 ‘buttons’ and not finding anything exactly right for my needs, I decided to create a set from scratch. Being the generous kind of bloke I am, I though that I’d share them here in case any other frustrated web workers are in desperate need of a button fix.
There are a lot of designers and developers who (for whatever reason) choose to remove any styling from the outline property that highlights focused anchors. This is a short post about why you shouldn’t do it, or if you really need to; how you can make it look a little better than browser default outlines.
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.
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.
First of all, what the hell is ARIA and why should I care? Well first of all, that’s a rather rude way to start a conversation, but whatever dude; the Accessible Rich Internet Applications (ARIA) is a proposed specification (currently in the working draft stage) developed by the W3C. What it does is set out a proposed structure for front-end developers to programmatically make their applications and pages more accessible.
So in short, it makes people who have trouble viewing normal pages lives a little easier.
Having trouble with pages rendering poorly on modern mobile devices? Want to target those devices using just CSS? CSS3 media queries are the answer to your problems.
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).
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.
I’ve fiddled around with the original LESS a few times and loved the convenience of variables and nested rules in CSS, but I’ve always been reluctant to put it into production because of the fact that it’s based in Ruby. Not that I have anything against Ruby as a language, far from it in fact, but simply the fact that it isn’t as all pervasive as PHP which makes maintenance and portability a bit more of a pain that it should be. But now there’s an answer.
I’ve recently had cause to start using S3 on a personal project, and while for the most part I couldn’t be happier, there is one thing that is irritated more than I thought it would. Namely, you can’t batch edit meta-data for files from within the native AWS console.