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 to optimise the site for mobile browsers.
It didn’t take me very long to do; only a couple of hours, and I think it makes the site much easier to navigate now than when trying to use the full version of the website on your mobile.
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, shiny.
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 demos that you, yourself can replicate in the world of web design.
More…
Well I got back from the Build Conference in one piece, I hate flying! What an awesome conference it was, really enjoyable.
More…
So in a few hours i’ll be jetting off to Belfast for the annual Build Conference, are you going to be there?
More…
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?
More…
