Colin Grist - Website Designer, Developer and General Rambler » CSS

Responsive CSS

Cg — Mon, 21 Feb 2011 13:40:23 +0000

I made my website more ‘Responsive’ this week after reading this great article. By adding in a new media query which, detects if a user is viewing my website on a device with a screen resolution of 480px or less, (iPhone users etc) a new CSS file is used called iphone.css which, I then use

CSS3 Button

Cg — Sat, 05 Feb 2011 00:57:53 +0000

I was bored so I created a CSS3 only button, with some nice grads, text-shadows, border-radius, box-shadow and :active styles too, I think it came out looking pretty great. The button uses no images at all and the markup consists of simply an <a> tag with a <span> inside – simple. Check out the shiny,

Hardboiled Web Design

Cg — Wed, 02 Feb 2011 18:31:16 +0000

Following up on my previous post regarding Looking back is not the future I started reading the latest book by web supremo Andy Clarke, that book is titled ‘Hardboiled Web Design’ and is all about embracing HTML5 and CSS3. Hardboiled Web Design has been a very interesting read with some brilliant quotes, storytelling and great

Back from Build!

Cg — Tue, 16 Nov 2010 00:21:47 +0000

Well I got back from the Build Conference in one piece, I hate flying! What an awesome conference it was, really enjoyable. The talks I found really inspirational especially Mr Tim Browns talk about Typography and the history of it, it blew my mind how much he both knew and the sheer amount of passion

Build Conference

Cg — Tue, 09 Nov 2010 15:24:37 +0000

So in a few hours i’ll be jetting off to Belfast for the annual Build Conference, are you going to be there? As it says on the official Build Conference website – “Build is a small, yet perfectly formed, boutique design conference where interesting, talented web practitioners from all over the world come to share

Border-radius for lazy people

Cg — Sat, 24 Apr 2010 12:48:19 +0000

Border-radius, one of the best pieces of CSS3 to use, no longer having to make rounded corner background images every 5 seconds for that new build you’re doing is a great time saver, and if you’re only talking about a 3px rounded corner, IE users are hardly going to notice are they? The problem with

Slider Gallery Inline List CSS

Cg — Fri, 29 Jan 2010 22:36:32 +0000

The jQuery Slider Gallery by jqueryfordesigns.com is a great bit of jQuery that I used recently but it did come with some problems for me, mainly it seemed like you could only have scrolling items within a inline list, I found a solution. Now i’m no jQuery expert and will probably never claim to be,

Redesign

Cg — Sat, 09 Jan 2010 02:28:56 +0000

Hey all, welcome to the latest version of my personal website, I have to openly admit that I do change my website too often, but i’m sure i’m not the only one out there who gets bored very easily, especially if you’re of a creative mind. Anyway, I decided to do-away with my old design