Classic Bags is a Sussex-based retailer that sells luggage and handbags from many top brands. Over recent months, we’ve redeveloped their website and changed it from a brochure-style site into an ecommerce website.
For the new website, we used shop software from Ecommerce Templates. This shopping cart software has a ton of features, is very customisable, and is under constant development. The software will work out of the box so-to-speak but that’s rarely an option these days because every website has its own requirements and there are some things that always need customising.
Recently, @MikeStreety wrote a blog post called My Favourite 5 Books, started a #bookstobuy hashtag on Twitter, and suggested that a few other folks could write blog posts with a similar theme. Here’s my contribution to that.
I found it quite difficult choose only five from my bookshelf so I’ve chosen five books that I found easy to read. My concentration span for reading seems a lot less these days so if I find a book easy to read, that’s quite a compliment! Anyway, without further ado, here are my #bookstobuy book suggestions.
So, I have been thinking a lot about responsive web design recently. I’ve been reading about some CSS frameworks and recoding some of my core files so they can adapt to any grid system that I choose to use. As a result, I’ve decided to use fluid or elastic layouts or hybrid layouts wherever possible from now on.
Over the last few weeks I’ve been browsing a few responsive grid systems/CSS frameworks, partly as a means of learning new responsive web design methods and also because I’ve been considering whether I should completely redevelop the core set of files that I use for website layouts. I think that the answer to that question is ‘No’ because I’ve yet to find a system that completely resonates with me.
Neverthless, I’ve definitely learned some new methods by looking at the CSS/HTML code of each system so I’d encourage you to do the same. Without exception, all frameworks that I’ve looked at have been very well commented so it’s been relatively easy to understand how they work.
I’ve looked at 8 or 9 systems/frameworks and downloaded a subset of these to look into more thoroughly:
- Get Skeleton is a boilerplate for mobile friendly development and it includes styles for typography, buttons, tabs and forms. It looks a very useful resource that covers a lot.
- 1140 CSS Grid uses a fluid layout and I love this approach. Fluid layouts may not be suitable for every single site but you gain a lot by doing it this way. Fluid (or elastic) layouts greatly simplify the work that you need to do to make a site mobile friendly with media queries (in my experience).
- InuitCSS “combines years of my best dev tips, tricks and practices in one handy file”. The InuitCSS framework is perhaps looser than some others but that means you get a very sensible and streamlined system. You can also add to it with plugins (or ‘Igloos’) which extends the core to add more specific functionality. I like that approach.
I’m going to extend my learning here by rebuilding a personal site with one or more of these systems (probably starting with InuitCSS). Why not do the same? I bet you’ll learn some useful new techniques by doing so!
The last few months have been pretty busy round here with client work so it has been tough to set aside any time for learning new things. For example, I’d like to spend some hours learning more about responsive web design grids like Skeleton, writing an app that uses the Perch API, or even increasing the range of CSS selectors and properties I use.
Learning about new things was what dragged me into web design and development in the first place. Well, that and the lure of Internet fame and fortune ;-).
So, with an objective to have more personal development time in 2012, I’ve signed up for 12412 which I hope will provide peer pressure and/or motivation for me to look into some web design and development subjects that I would otherwise not find time for. Why not sign up yourself?!
And, of course, it will provide a few subjects for me to write about here as well….
- Adobe Air
- Quick Tips
- Search engines
- Web design
- Web development
- Web standards
- Website review
Shopify makes it easy to open an online store by providing all the tools and help you need. Click here to try it for free!
- Konrad on Displaying blog category descriptions with Perch
- Clive Walker on Why I haven't joined Adobe Creative Cloud
- Billy Wood on Why I haven't joined Adobe Creative Cloud
- Clive Walker on Why I don't like homepage sliders
- Tim on Why I don't like homepage sliders
- EphKa on CSS Tip: Placing text on top of an image