PHP

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 the 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 →

_______________________________________________________________________________________________________________________

Love LESS but you’re put off by Ruby?

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.

Continue reading →

Links

Sublime Text 2: 5 Plugins You Really Should Be Using

Sublime Text 2 has become mine, and many other people’s, editor of choice. Bringing features like multiple cursors and Vim bindings to a modern, good looking, lightweight and cross-platform editor. It rocks. Especially the plugins.

Continue reading →

_______________________________________________________________________________________________________________________

Quick links: ‘Multicolr’ image search and Git Immersion

A couple of really great quick links I’m sharing today: one’s a really cool tool that can help you find images based on a certain color palette; the other’s a great beginners tutorial for the Git version control system.

Continue reading →

Personal

Sublime Text 2: 5 Plugins You Really Should Be Using

Sublime Text 2 has become mine, and many other people’s, editor of choice. Bringing features like multiple cursors and Vim bindings to a modern, good looking, lightweight and cross-platform editor. It rocks. Especially the plugins.

Continue reading →

_______________________________________________________________________________________________________________________

Quick links: ‘Multicolr’ image search and Git Immersion

A Couple of really great quick links I’m sharing today: one’s a really cool tool that can help you find images based on a certain colour palette; the other’s a great beginners tutorial for the Git version control system.

Continue reading →

_______________________________________________________________________________________________________________________

Wallpaper: Arrows

A wallpaper I created a while ago for a friend (at the rather strange requested res of 1500 × 938). It’s licensed under the Creative Commons Attribution-NonCommercial 3.0 Unported License.

Download here

Continue reading →

_______________________________________________________________________________________________________________________

Wallpaper: That’s no moon!

A wallpaper I created a month or two ago (2560×1600). It’s licensed under the Creative Commons Attribution-NonCommercial 3.0 Unported License.

Download here

Continue reading →

_______________________________________________________________________________________________________________________

British Museum Photos



Some photos I took on a recent visit to my favorite place in London.

Continue reading →

Wallpaper

Wallpaper: Arrows

A wallpaper I created a while ago for a friend (at the rather strange requested res of 1500 × 938). It’s licensed under the Creative Commons Attribution-NonCommercial 3.0 Unported License.

Download here

Continue reading →

_______________________________________________________________________________________________________________________

Wallpaper: That’s no moon!

A wallpaper I created a month or two ago (2560×1600). It’s licensed under the Creative Commons Attribution-NonCommercial 3.0 Unported License.

Download here

Continue reading →

Templates

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 minutes! This Github jQuery plugin displays your user info and most recent repos 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 →

_______________________________________________________________________________________________________________________

A set of simple CSS3 buttons

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.

Continue reading →

_______________________________________________________________________________________________________________________

The Client Questionaire

Getting the most out of that first client meeting is incredibly important. Finding and isolating the core issues quickly can mean a final product that meets and exceeds all of a clients expectations. In this post, I have included a great primer of a client questionnaire; covering lots of ground around the logistical and creative direction a project should take.

Continue reading →

_______________________________________________________________________________________________________________________

A simple jQuery powered image slider

This is another quick implementation of one of Orman Clark’s designs from Premium Pixels. As with the last previous slider I shared, this is based on malsup’s awesome Cycle jQuery plugin.

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 →

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.

Considering he was nice enough to give his design away for free (with great open licensing conditions!) I thought I would do the same and slice and implement his design using one my favourite jQuery plugins Cycle by malsup.

Find the demo here and the download here.

It’s compatible with all Webkit browsers, FF 3.6+, IE 7/8 and Opera 9+ and should be considered in the public domain and can be used as you desire.

Performance

phpBB: Serve static files from a CDN

Having recently spent the best part of a day modifying the phpBB codebase (3.0.7) to allow me to serve static files via a CDN I can say that I am greatly looking forward to hooks in 3.1.

To save you all a little effort I’m gonna share the method I used below; I’m not going to go into great detail about template and theme issues, as those are a fairly straightforward matter of swapping the old local URL’s in your template/theme for the new public CDN URL’s and clearing the cache. But rather I will explain how to modify the core files to serve smilies, forum ranks, forum images and your image set which is a tad more involved.

Continue reading →

_______________________________________________________________________________________________________________________

Amazon S3 batch editing metadata

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.

Continue reading →