web design blog

In this tutorial we’re going to use Adobe Photoshop to create a sleek and modern RSS feed subscribe button using various tools in Photoshop. Step 1 Create a new document. I used sizes 640 by 300 pixels. Download a texture (Lost & Taken is my favourite site for free textures). Go to File > Place, [...]

In this tutorial we’re going to be using Adobe Photoshop to design an ON/OFF user interface switch which can then be sliced and developed into a working switch for the web. Step 1 Create a new document. I’ve used an RGB document set to 1000 by 300 pixels. Fill the background with a dark grey. [...]

A couple of days ago Callum posted a how-to on creating a horizontal slider in photoshop. I thought I’d take that one step further and create a custom slider that works using JQuery and JQueryUI to do all of the hard stuff and see how it all works in a real-world web design situation.  You [...]

In this tutorial we will be using Adobe Photoshop to create a sleek wooden interface slider which you can then develop into a working slider which could be used for several elements, such as volume or an ‘amount selector’, for example to limit the maximum price on an online auction or eCommerce search. Step 1 [...]

This is an inbuilt feature of Concrete5 so we’re not really exploring any radical new way of doing anything but I thought I’d post on how to add an address for your website users when they sign up and then maybe look at the plus and minus points of doing it the Conrete5 way. Log [...]

Once you’ve finished your design and you have all of your images nicely placed, your css all sorted and your pages exactly how you want them to look. You’ve checked them out in the most recent versions of chrome, firefox, Opera, Safari and IE they all look great.  It’s now time to take a deep [...]

There are a number of built-in pages in Concrete5 which are styled automatically for the front-end with minimal stylisations such as the login page and the registration page. Luckily it is very easy to customise these to match your theme and fit in with your site architecture and other site elements. The login page is [...]

Sometimes there is a possiblity that you might need to work out a decimal ip address from it’s dotted decimal counterpart (geolocation by ip address spings to mind). For this example we’ll use example ip address 79.170.43.28 – which we know is the ip address for webcentric web design cambridge. To do the conversion we need to [...]

One of the great things about web design is that you’re always taking on new projects for new clients and there is always something that you have never done before.  We’re donating a website to a friend who is doing a round the world journey by bicycle – he’s literally going to get on his bike [...]

I was asked by someone how to integrate the JQuery Superfish menu into Concrete5 so here goes. You really have 2 options:  if you don’t want to get your hands dirty then you can install the Superfish Dropdown Menu add-on from the C5 marketplace http://www.concrete5.org/marketplace/addons/superfish/ , this is an easily configurable block that you just add [...]