Learn how to build websites, code CSS and develop using jQuery
Display:nun is the brainchild of Windsor-based web designer Andrew Dover. After spending more years than can be counted on a pair of hands working in website design and development, I’ve decided it’s time to give something back and impart all of my wisdom and findings back to anyone who cares to read them. This is currently in its early stages (V1 to be exact) but expect this to be crammed full of jQuery, CSS3 and HTML5 tutorials in no time.
A responsive web design tutorial. Part two – exploring responsive navigation
In part one of the responsive web design tutorial I showed you how to make an existing site’s structure respond and flow throughout the different browser sizes, making it scalable to any device. For this tutorial we’re going to delve into the navigation – a key part of any website. When making navigation responsive on ...
Quickly create colour schemes for your website designs using Photoshop
Creating colour schemes for a site is never the easiest of tasks. Colour scheming is an art in itself, choosing colours which work together in perfect harmony to create stunning effects – and is something which a lot of designers from time to time, me included can struggle to do. Resources to help you colour ...
A responsive web design tutorial. Part one – make any site’s structure responsive using media queries
Responsive web design. It’s flavour of the month, talk of the town, everybody wants to get involved in the responsive dream, and quite rightly so. According to various statistics which surface online (and believe me, there’s a lot of them), mobile internet usage is massively on the rise – and it shows no signs of ...
Using jQuery to create a custom height sliding pane using $.hover()
One of the most used effects I see online nowadays which comes in a close second to a sliding masthead on the homepage of sites is the hover pane. If you aren’t aware of what this is already it’s an effect that triggers when the user hovers over an element revealing a div which contains ...
External site links – make users know what they’re clicking
One of the things that really bugs me sometimes on a website is when you click a link and it fires you off to another website. You can be halfway through reading an article, or even in the most frustrating of cases halfway through submitting a form, you click on a link and BAM! you’re ...
jQuery plugins – why (and why not) to use them
jQuery plugins – they’re great. Well, some of the time. Plugins can be a great way of enhancing your site with some astonishing effects and, with the stability of jQuery, can be a safe non-browser specific way to do things that in some situations CSS3 simply can’t do (think corporate environments where they are still ...
OOCSS – Why and how to use it
OOCSS (or Object Oriented CSS for those that don’t know) is a term which is being banded around quite a lot nowadays and in some circles is causing a great deal of debate – especially for those who say it puts preprocessors (like LESS or SASS for example) to their untimely death with it’s minimal ...