My Blog

Tell me you have not had this scenario: You create a simple menu with hover fly-outs it works, you think you are done, then your customer or users return saying when you hover out it disappears and you have to start again. “It’s annoying”. If you haven’t my word you are lucky, or a lot […]

I had a challenge with a piece of work on a project recently where the designs showed an “odd” border. It was not quite your usual dashed border and on top of that it went from a horizontal dashed border to a vertical dashed border on mobile. They also added in some large circular pointers […]

It is becoming more and more popular to now have a sticky header and nav on your website. But what are these sticky elements? WEll let me explain in real easy terms. Sticky elements simply mean they stick to the screen, for example a sticky header and sticky nav will most of the time stick […]

Owl Carousel is a fantastic and options packed responsive carousel plugin. I now use it for all my sliders and carousels as I can use plugin with a huge amount of options for both single slide sliders and carousels which is fantastic. It is also very light so it really is a win all round.

Firstly if you do not know what picturefill is I highly recommend checking it out here. I use picturefill a lot as I think it is fantastic and works generally really well. However recently when testing my site I was using firefox 38 and noticed that the slider I was using picturefill on was not […]

Creating a responsive menu seems something really easy until you start getting into responsive multi-level dropdown menus. There are hundreds of plugins out there that can do it for you but you do not always need them (as good as some of them are), you can quite easily create one yourself without a lot of […]

When creating a WordPress site recently to make it load super fast I wanted to make the site served the content using compressed gzip files.  Not a problem I thought it uses apache so let’s just stick this in the .htaccess file: # compress text, html, javascript, css, xml: AddOutputFilterByType DEFLATE text/plain AddOutputFilterByType DEFLATE text/html […]

So after I did my intial blog post Implementing, Styling and Extending Flexslider I had a lot of people coming to my site searching for a zoom function with flexslider. So I wrote the article Flexslider With Zoom Image Function. This also raised more question from users asking about using ElevateZoom with Flexslider. Sooo I have […]

At my place of work I was recently tasked with educating the design team and operations team on responsive deisgn and how to wireframe for a responsive site project. The presentation was very well received and I thought it would be another nice item for me to share with you all. To navigate simply use […]

So when shopping over Christmas online I found myself having to put in the same filters all the time on a number of different sites to get to what I wanted. So it gave me an idea, and this is the result http://the-gift-finder.co.uk/

Ever resized your browser to see how a site reacts responsively and seen a block animate from one place to another? It is a nice effect isn’t it? So let’s take a look at how you could achieve this using transitions.

I get a lot of people asking me what framework I use and what I would recommend. I do not always give a definitive answer, I generally ask what the project is and what they require it to do and advise from there or explain a few frameworks and let them decide or even tell […]

So it has been a little while ey! But here is a new blog post for you and a lightly different approach for this one. Instead of my usual tutorial and information style I am going for the pure inspiration approach.

Still using flash or gifs or such like to create some nice animations?….. Well those days are gone!! With the huge amount of css3 properties now available it is time to start showing them off whenever you get the chance.

By now most web designers and developers have a very good understanding of jQuery and its capabilities; for most it is their go to JavaScript library when adding some additional functionality or interactivity to their web pages.

At figleaves.com recently the design team that are mostly pure designers expressed an interest in learning HTML and CSS. They have little to no knowledge of any HTML so I thought about it and wondered as alien as it seems to me how many people out there using the web or designing for it actually […]