back to top
shopping basket

View your basket

Stretched Canvas Print

What our customers are saying:

Brilliant service, thank you.

Read more...

Web Design blog posts tagged: CSS

Box Sizing: Border-Box

Box Sizing: Border-Box

Posted: 24 March 2016

I first came across box-sizing: border-box when it cropped up in a temporary colleague's CSS. I found it pretty annoying when I picked up work that he'd started as it seemed to get in the way. This was because, as I said in a previous post on margin ...

Read more

Shortening CSS, Teaming Up

Shortening CSS, Teaming Up

Posted: 21 January 2016

A CSS rule-set consists of a selector and a declaration block: h2 /*The selector*/ {margin: 10px;color: blue; /*The declaration block*/ } The selector refers to the HTML element that's being targeted, and the declaration block tells the browser how to ...

Read more

Shortening CSS, Border Shortcut

Shortening CSS, Border Shortcut

Posted: 07 January 2016

There is much written about borders in css across the internet, but I wanted to add to the plethora of information by sharing two tricks for achieving more with borders with less typing. This will be the first of a brief series of posts on shortening your css ...

Read more

Embed A YouTube Video On A Responsive Website

Embed A YouTube Video On A Responsive Website

Posted: 21 May 2015

If you're building a responsive website and have videos on YouTube that you would like to include, you might hit on a bit of a problem: the YouTube embed code. Google are all about standards compliant design and encouraging designers to make their sites ...

Read more

CSS3 Background Patterns

CSS3 Background Patterns

Posted: 14 May 2015

Occasionally, as I trawl the web, and especially twitter, I will come acros webdesign ideas and solutions that I think are truly remarkable. This is either because they look at something old in a new way or it saves the developer time and data to achieve ...

Read more

Fading in, Back To Top Link With CSS and jQuery

Fading in, Back To Top Link With CSS and jQuery

Posted: 7 May 2015

On whatever device you are viewing this site, you will notice an 'up-arrow' appearing when you scroll down the page. Click on this, and you will be taken back to the top of the page you are viewing, and the arrow will have disappeared. This post explores ...

Read more

Creating a Frame Around an Image

Creating a Frame Around an Image

Posted: 16 April 2015

Something quite simple this week, but that does add a nice effect to an image on a webpage. And, again, you need not look very far for an example of this effect. At the base of the page, there is a preview of the latest post on both of our blogs ...

Read more

Responsive Image Sprites Using Only CSS

Responsive Image Sprites Using Only CSS

Posted: 26 March 2015

Before I launch into the explanation of how to achieve this, I'd just like to explain what image sprites are. If you've ever played Horace Goes Skiing, Lotus Esprit Turbo Challenge (am I showing my age?) or pretty much any game in the 80's or 90's ...

Read more

Scrolling, Following Sidebar using jQuery and CSS

Scrolling, Following Sidebar using jQuery and CSS

Posted: 19 March 2015

Were you to view any page on this website, save the homepage, on a desktop or tablet computer, you will notice some pictures pointing out other pages you might like to visit, following you down the page. This scrolling sidebar can be used for anything ...

Read more

Responsive Dropdown Navigation with jQuery and CSS

Responsive Dropdown Navigation with jQuery and CSS

Posted: 05 March 2015

Whether you are creating a responsive website from scratch or retro-fitting a non-responsive site, one of the hardest things to get right can be the navigation; especially if you want to make use of dropdown sub menus. As I browse the internet …

Read more

The Latest From our Scanning Blog

Christmas 2015

Christmas 2015

Posted: 14 December 2015

It’s nearly the time of year to be going up into the loft and bringing down all the Christmas decorations, locating the tree and seeing if those lights from last year still work, or if you need to buy any more...

Read more

The Latest From our Web Design Blog

Box Sizing: Border-Box

Box Sizing: Border-Box

Posted: 24 March 2016

I first came across box-sizing: border-box when it cropped up in a temporary colleague's CSS. I found it pretty annoying when I picked up work that he'd started as it seemed to get in the way. This was because, as I said in a previous post on margin ...

Read more