jQuery image slider for responsive web design

Posted by on Jul 26, 2011 in CSS, jQuery, Web Development | 3 Comments

So, this was just what I needed right when I was looking for it.  A flexible jquery based image slider.

I’m converting a few of my old client sites to a responsive web layout using all the tips and tricks found in my shiny new copy of Responsive Web Design.  Now, if there’s one thing a client loves, it’s an image slider … and, for a while I’ve gone back and forth over a few different ones that I use regularly.

However, because they all worked with a fixed image height and width, none of them were responsive enough for the layouts I am using.  At this point, in walked Blueberry.

Now, it’s version 0.1 Beta so it might not be the most robust or well developed yet – it’s really a simple fader with just a couple of options.  But it meets the needs of about 90% of my clients – and all the sites I’m converting.  So, hurrah for that.

Blueberry – a simple, responsive jQuery image slider.

dConstruct 2011

Posted by on Jun 22, 2011 in CSS, Design, Graphic Design, Web Development | No Comments

It’s a great looking event – although, for me, it seems to have moved away from the direct relevance of my day to day to a more abstract view on digital product design.  That’s okay – but maybe not for me this year – there are other demands on my conference time this year!

BUT – the reason for flagging it here is to draw attention to the wonderfully responsive website design.  Take a look at the website and resize your browser window … several different layouts kick in at popular screen resolution sizes … so there’s a full screen version, a tablet version, mobile phone version (portrait / landscape) etc. … actually , we should stop talking about it in terms of differentiation by device – it’s simply a website, built how it should be.  Responsive and practical – as well as beautiful – check it out:

dConstruct 2011.

CSS support in email clients

Posted by on Jun 21, 2011 in CSS, work | No Comments

A newly updated guide to CSS support in email clients – from Campaign Monitor … and if they don’t know what works and what doesn’t, heaven help the rest of us.

Guide to CSS support in email clients

This guide is really helpful but it’s also incredibly depressing.  Take a look down the column for Outlook 2007/2010 and compare it with the previous version – Outlook 2000 / 2003 … why has so much CSS support been dropped?  It just doesn’t make sense.

At a time when all major browser vendors – Microsoft included – are making really good strides towards CSS3 support and overall standards compliancy, it makes no sense at all that email support is going in the opposite direction.  I know we’ve been here before – it was back in 2007 when it happened – but this list just reminds me of the lunacy.

They’re basing their HTML / CSS support in their premier email application on f***ing Microsoft Word.  It makes no sense.

Grrr.

Responsive Web Design – new from A Book Apart

Posted by on Jun 14, 2011 in CSS, Design, work | No Comments

I like to think that I buy books from A Book Apart because they’ll further my expertise and knowledge as a web designer.  But you and I both know that it’s because they look gorgeous – and I want the whole set on my shelf.  The latest is no exception … and it’s coming.

Frontend 2011, health by twitter, and around the web

Posted by on Jun 14, 2011 in CSS, Everything Else, On the interwebs | No Comments

Here’s a few things I found this morning … first off, Front End 2011 has a beautiful looking website.  I doubt I’ll be in Oslo this fall, but I wish I was … break out your Norwegian Kroner – it costs about £600 I think. Last years event featured a good line up (the 2 Pauls – Irish and Boag, Jina Bolton, Elliot Jay Stocks, Meagan Fisher, Dan Rubin … on and on) … so if they can match that, they’ll have done well.

FRONTEND 2011 – The web conference in Oslo, Norway, 10-12 Oct.

Then, this: Perkins CSS3 LESS Framework.  I’ve been reading a little bit about LESS lately as my stylesheets get bigger and bigger … the need to introduce variables / mixins / and such into the stylesheets no longer appears to be something I can say ‘huh – that’s a nice idea’ to – it’s a necessity.  And then … I found this neat little app that helps with LESS coding.  (And, always a sucker for compelling copy, I liked this line: “If you’re still building websites without it, you’re an idiot”.  Fair enough.)

So, Perkins is a framework for use with LESS that helps you create grids and layouts for your web projects much more quickly.  It does seem a little confused – it starts of saying it’s for creating wireframes only (which I think is a perfect purpose for it – especially as I move closer to ‘designing in the browser’) … but then it seems to shift emphasis to being a more complete solution – build a whole website around it.  Which seems okay too – just I like my frameworks to have a clear purpose.

Anyway.  Looks good – my only ‘criticism’ would be that it’s based around a 960px grid system which feels very 2008.  Even I, procrastinator extraordinaire, am starting to look at building responsively – or, from 320 up.  But still.  They have a nice site – and I think that LESS is one of the better modifications to CSS that I’ve seen.

Then – I quite liked this: Health Questions and Answers although I found it quite difficult to actually read.  It seemed an innovative way to provide some health advice using technology akin to twitter (and certainly visuals akin to twitter).  I don’t know – good concept, looks great, but self-diagnosing by the interwebs?  Hmmm.  It appears that anyone can answer questions and that your expertise / reputation increases as more people validate your advice. Croudsourced medical care.

OH – special bonus link for those of you reading this in Safari or Chrome – this wonderful Mad Men animation is achieved entirely with CSS.  That’s incredible.  When I started in web design, we’d have said: “Wow – look what you can do with Flash!”.  A few years later we would have said “Wow – look what you can do with javascript”.  Now we can say “Wow – look what you can do with CSS” – and that, for the Geeks amongst us, is pretty amazing.  Click the word ‘Watch’ at the top.

Email newsletter Coda clip from Campaign Monitor

Posted by on Oct 25, 2010 in CSS, work | No Comments

Ah – now this is a useful Coda clip … anyone using Coda to write their email marketing newsletter code can download this clip from Campaign Monitor and pull in a bunch of pre-approved code blocks, like tables with bg images, facebook share links, etc. Nicely done.

Hardboiled Web Design

Posted by on Oct 21, 2010 in CSS, Design | No Comments

Have just placed my order for Andy Clarke’s Hard Boiled Web Design … and while I think that they could keep shipping costs for Northern Ireland the same as those for England (Grrr …

what’s that? More featured stuff … !

Posted by on Sep 24, 2010 in CSS, Design, Web Development, work | No Comments

Yeah well, when you’re on a roll, you’re on a roll … the relaunched Shutter Plus website went live recently and now it too features in CSSMania.

Quite a week for one’s ego.

Work featured on design galleries …

Posted by on Sep 23, 2010 in CSS, Design, Web Development, work | No Comments

People will tell you that recognition in design galleries is pure ego, that it doesn’t matter, that they do their work for the satisfaction of their clients, and that if the client is happy, they’re happy. And they’re right – up to a point.

Nobody minds a bit of public recognition – and me, well, I love it – so I was delighted when the newly launched Kenspeckle Letterpress website was (just now!) featured on CSS Mania – allegedly the worlds biggest CSS gallery.

Yay!

Flickr web design inspiration

Posted by on Jun 7, 2010 in CSS, Design | No Comments

For anyone who’s interested, I keep an ongoing Flickr inspiration stream of websites I’ve found that, for one reason or another, I’ve found inspiring. You can find it here: Flickr inspiration.

x

Receive our free guide to better email marketing

Subscribe to our infrequent newsletter and receive our guide to better email marketing. This useful list of 7 golden tips covers the following ...