Buzzword Ipsum

9 May 2014

Buzzword Ipsum is a businesslike lipsum generator that I have been developing for a bit of fun with a friend. The USP is that it attempts to form coherent sentences rather than just returning a bunch of random words tacked together. However, the content may preclude any efforts towards making the sentences make sense.

buzzword-ipsum on GitHub

Buzzword Ipsum - Comments

Fezzle – Try all those bands you’ve only ‘heard of’

27 July 2013

Fezzle logo

Fezzle is a new site I’ve created which is based around playlists of the most popular songs for artists playing at festivals. It’s a way to discover who the other bands are at a festival you’re (potentially) going to. It is borne of frustration from looking at line-ups and searching by hand on YouTube or Spotify, and is essentially a quicker way to do that without a lot of copy and pasting or alt-tabbing.

Current development status:

  • Tested on major desktop browsers as well as iOS simulators for iPhone and iPad
  • Festival list is rather UK-centric.

Planned features – Lots! But firstly:

  • Get more festivals included, especially those not in the UK.
  • More information displayed about festivals and artists (country, bio, etc.)
  • Some way to export or note what you liked – especially integration of favourites into the excellent Clashfinder.


Fezzle – Try all those bands you’ve only ‘heard of’ - Comments

Generate Favicons and Apple Touch Icons

25 July 2013

Here is a script to generate different sizes and formats of favicon as well as apple touch icons for different tablets and phones. It uses the convert program which is part of ImageMagick.

As a starting point, create a square PNG with dimensions > 144px. I went with 512px. The script generates the different favicons for IOS, Android and desktop browsers as well as outputting the HTML to put in your header.


convert favicon.png  -bordercolor white -border 0 \
          \( -clone 0 -resize 16x16 \) \
          \( -clone 0 -resize 24x24 \) \
          \( -clone 0 -resize 32x32 \) \
          \( -clone 0 -resize 48x48 \) \
          \( -clone 0 -resize 64x64 \) \
          -delete 0 -alpha off -colors 256 favicon.ico

for SIZE in 57 72 114 144
    for SUFFIX in "" "-precomposed"
    convert -resize x$SIZE favicon.png $FILENAME
    if [ "$SIZE" -ne "57" ]
        HTML=$HTML"<link href=\"${FILENAME}\" rel=\"apple-touch-icon${SUFFIX}\" sizes=\"${SIZE}x${SIZE}\" />\n"

# Don't need the dimensions explicit for the 57x57 icon
mv apple-touch-icon-57x57.png apple-touch-icon.png
mv apple-touch-icon-57x57-precomposed.png apple-touch-icon-precomposed.png

<link href="apple-touch-icon.png" rel="apple-touch-icon" />

<link href="apple-touch-icon-precomposed.png" rel="apple-touch-icon-precomposed" />
echo $HTML



How to Add a Favicon to your Site

Adding an Icon for iPhone, iPad & Android to Your Website

Don’t Forget About Favicons on Retina Screens

Apple: Custom Icon and Image Creation Guidelines

Microsoft: Customizing the Site Icon

ImageMagick Favicon Recipe

Generate Favicons and Apple Touch Icons - Comments

Apache 2.2 Websocket Proxying on Ubuntu with mod_proxy_wstunnel

6 June 2013

Until recently, I was running a Node.js web application using Websockets with alongside an Apache web server. I wanted Apache to run on port 80 and serve both sites using name-based virtual hosting. However, Apache httpd mod_proxy couldn’t proxy Websockets correctly.

I discovered that there is a new mod_proxy_wstunnel module in the Apache httpd source trunk in an article describing how to backport mod_proxy_wstunnel to Apache 2.4 or 2.2. I figured out the specific steps for doing this on Ubuntu (tested on 11.10 with Apache httpd 2.2.20). I wanted to add them as a comment, but they were disabled on that blog.

Here are the steps, see the original blog post of the patch author for more information:

# Check apache version (should be 2.2.20 as of writing, if not adjust the next step)
dpkg -s apache2

# Checkout apache source
svn checkout httpd-2.2.20

# Get patch and apply it
cd httpd-2.2.20
patch -p1 &lt; ../apache-2.2.24-wstunnel.patch

# Build Apache 
svn co srclib/apr
svn co srclib/apr-util
./buildconf # EDIT: Some commenters noted that buildconf should be run before the configure
./configure --enable-proxy=shared --enable-proxy_wstunnel=shared

# Copy the module and recompiled mod_proxy (for new symbols) to the ubuntu apache installation and update the permissions to match the other modules
sudo cp modules/proxy/.libs/mod_proxy{_wstunnel,}.so /usr/lib/apache2/modules/
sudo chmod 644 /usr/lib/apache2/modules/mod_proxy{_wstunnel,}.so
echo -e "# Depends: proxy\nLoadModule proxy_wstunnel_module /usr/lib/apache2/modules/" | sudo tee -a /etc/apache2/mods-available/proxy_wstunnel.load

# Enable the module (also make any configuration changes you need)
sudo a2enmod proxy_wstunnel
sudo service apache2 restart

Apache 2.2 Websocket Proxying on Ubuntu with mod_proxy_wstunnel - Comments

VisualVM Executable Location for Eclipse on OS X Mountain Lion

16 April 2013


VisualVM Executable Location for Eclipse on OS X Mountain Lion - Comments