We're growing into something new. Read More

Simon Madine  Pro

jHERE Maps Made Easy

Maps are cool, but map APIs are complicated. jHERE solves this problem by offering a simple but powerful map API in the form of a jQuery (or Zepto.JS) plugin. With jHERE, you can easily add interactive maps to your website. In only 4KB (1.95KB Gzipped), you get a powerful map API, highly customizable markers, event handling and info bubbles. Bonus features are KML support and data visualization via heatmaps.


Email Validation - Give up now?

As many of you know, currently there are some stupidly lengthy regular expressions out there to validate whether an email address is actually valid before you send an email to it. I'm posting to tell you to sod all validation of emails beyond something like that above... My reasoning? With the impending regulation that allows businesses to register any extension that they want - there will be no way to track every possible extension or anything like that - as many Regular Expressions do at the moment. Some people I know will be disregarding email validation completely when the new extensions are released. What are your thoughts, are you going to do this, or carry on trying to tackle every extension? Regular Expression might not be 100% valid


Adding Stroke to Web Text

This is a simple CSS3 tricks to add stroke to text. It's quite like the font used in mangas (Japanese comics), and actually they are what inspire me to look for ways to achieve this effect. I submitted it to Chris Coyier's CSS-Tricks and got published! I'm so proud of it, though it's nothing really special. Hope it's useful for you all.

function formatSql($sql) {
    return preg_replace(
       '/(select|from|(left |right |natural |inner |outer |cross |straight_)*join|where|limit|update|set|insert|values)/i',
        "\n$1\n\t",  preg_replace('/\s+/', ' ', $sql)

6-line SQL Formatter

Very very very simple SQL formatter. Turns a single-line SQL madness into a nice indented one: SELECT comment.*, post.*, author.*, author2.*, company.* FROM comment INNER JOIN post ON comment.post_id = post.id INNER JOIN author ON post.author_id = author.id INNER JOIN author AS author2 ON comment.author_id = author2.id INNER JOIN company ON author2.company_id = company.id Raw Code » Thanks @elenor for some nice ideas!


Cool design I just rediscovered

Open in new tab Just before I joined forrst, I designed this tumblr theme. I just found it again and I'm just staring at it, in awe that CSS with unobtrusive markup can create such a thing. The entire page is a 3d anaglyph (stereoscopic image as a single image, in this case the red channel goes to the right eye only and the blue and green channels go the the left eye only) It really helps if you have red-cyan 3d glasses. If you don't, you'll just have to take my word for it that the effect really works. If you do have them, I'd recommend viewing the page with your eyes about 2 feet from the screen.



Thought this looked mad handy, thought I'd share Initializr is an HTML5 templates generator to help you getting started with an HTML5 project. It is built on HTML5 Boilerplate, a powerful HTML5 template created by Paul Irish and Divya Manian. Initializr will generate for you a clean customizable template based on Boilerplate with just what you need to start.


Imperial Symbol in HTML/CSS to go along with HTML/CSS Darth Vader

After I made my HTML/CSS Darth Vader, someone on Reddit made the Imperial Symbol to go along with it!


Part 2 of my HTML/CSS Star Wars Series - Imperial Storm Trooper

I previously submitted my HTML and CSS rendering of Darth Vader. I have since decided to work on all the helmeted characters, and here is part 2 - the Imperial Storm Trooper. These projects are more my own tinkering to see what I can do than any kind of advanced CSS tricks demonstration. There aren't any ground breaking techniques in use here, just a bunch of absolutely positioned DIVs with borders, border radius and rotation applied. Works in Safari, Chrome, Firefox, Opera and IE9.