What's the difference between web design and web development?
August 1st 2020
6

In the business world you’ll often hear the words design and development used together, particularly where websites are concerned. From initial planning conversations through to implementation, it can be difficult to know when it’s appropriate to use these terms in the same breath and when you need to discuss them separately. What do design and development really mean in terms of the practicalities of your web project? How are they different? And which should you be referring to when you’re discussing your plans with your team?

Portfolio Picks: July 2020
July 30th 2020
4

Alongside the new projects that we’re currently busy completing, we’ve picked out some exciting throwbacks that you may have missed from our portfolio.

The number 1 quality to look for in your designer
July 19th 2020
22

So you’ve decided to approach a designer with your business needs. You’ve recognised that you can further your brand’s reach and increase conversion by investing in your online image. Fantastic! But where do you start? What qualities should you look for to ensure the best possible return on your design investment?

Our secret to e-commerce
July 9th 2020
25

Hosting your e-commerce on a platform site? Here’s why you should still get help from a web designer. 

Portfolio Picks: June 2020
June 30th 2020
51

Our monthly celebration of must-see Kartogram projects. Check out our favourite projects that you might have missed! 

Behind the design: TidyRoom Records
June 26th 2020
34
We recently worked with TidyRoom Records on their brand identity and it’s been one of our favourite projects of the year so far. We had so much fun putting these designs together, we thought we’d show you a little more of the process and the inspiration behind the design. 

Optimising your collateral
June 17th 2020
30

We’ve all come away from conferences and meetings with armfuls of pens, tote bags, and badges. But how often do these freebies actively convert prospects into customers?

Could your branded collateral be securing better results?

Top 3 reasons why bespoke is better
June 2nd 2020
38

It’s easy to set yourself up with a website. A quick google; a choice of templates; add your pictures and off you go! However, the problem with using template formats like this is that you’re limiting your business. Don’t believe us? Here are our top 3 reasons why bespoke is better.

ColdFusion wsPublish tag and destroyed session variable
January 9th 2018
742

We are back with a solution to another, perhaps not so widely known bug. This time it’s a ColdFusion native bug involving its own websocket and session variables. Frankly, it was bugging us (no pun intended)  for the past 2 years. Here’s the problem in detail:

We are running an application that utilises ColdFusion’s native websockets functionality. In a most basic scenario, we run a cfcomponent with several functions to create a notification record and insert it in the database. Then, as one would, push it via the webscoket so all the connected users with the relevant permissions receive it instantaneously. All is nice and well, right? NO.

Animate div with max-height using CSS and jQuery
May 11th 2017
1769

Recently we ran into an annoying problem. Say you have a div with some dynamic text. Sometimes the text is short, so should be displayed in its entirety. Other times - it’s too long, so should be partly hidden. However, differently from hiding the text completely and then using jQuery’s .slideDown() of simply .show(), we wanted to display first few lines of it and give user the ability to show the rest. Also, and this part is very important - the revealing of the whole text should be animated (sort of the .slideDown() effect).

Kartogram launches their brand new website
April 13th 2015
1544

Kartogram New Website Launch

Kartogram’s new website has gone live! Go on, come and have a look around...!

 

 

Coldfusion LinkedIn API
March 2nd 2014
3197

ColdFusion LinkedIn API

It’s been a while now that we were searching for a working ColdFusion LinkedIn API that would let users not only to receive data, but to submit some too. Although there were optional libraries such as linkedin-j, not everyone knows or wants to dip into the pure java world. Thanks to Derek Bowes, we stumbled across the LinkedIn.cfc which was a great plugin. The only trouble was that the plugin was already out of date since LinkedIn had updated their API in the second half of 2012, and now required member permissions were no longer a part of the original source code.

So we took the initiative to our hands and amended the plugin to allow users set the permissions required as well as the ability to post status updates.

Skip jQuery document.one event for certain elements
October 4th 2013
2064

document.one jquery event

So, the situation here is very straigth forward: you want to use $(document).one handler on something like pop-up settings box, which should be closed if user clicks anywhere outside of it. But what if the settings box in question has some elements inside it that need a separate handling and should keep the box open? Read inside on how to skip document.one event in such cases.

Trim function for older IE browsers
July 27th 2013
1903

Trim function for older IE browsers

If you use jQuery, you’ve certainly came across the trim() function. It’s the quickest and painless way to remove the white space from the beginning and end of a string. However as much as jQuery tries to cover cross-browser compatibility, there’s just this little that always gets missed out on. For a quick workaround read inside.

Photoshop week in 7 mind blowing tutorials
May 14th 2013
2557

Photoshop Week

To mark the release of Photoshop CS6 (as well as the rest of the Creative Suite) we have combined the list of 7 tutorials that were posted everyday for a week on our social network pages. These tutorials covered everything from the photo manipulation to the step-by-step logo design. Just in case you have missed it, look inside for the full day-by-day list.

Remove outline property from the links (inc. IE6 & IE7)
May 2nd 2013
1645

There are times when you create a navigation layout that just cannot bear the outline property that is being added by browsers. Although it is not an issue in most of the latest ones, some of the older browsers such as IE 6 & 7 can give you a bit of a hard time accepting your unwillingness to use its standards. However, just as any other ’bug’, this one’s got a solution too.

Hit ’read more’ to find out just how it can be solved in few simple steps.

Custom image zoom / lightbox plug-in
April 17th 2013
2764

jQuery Image Zoom Plugin

An image zoom/lightbox plug-in built using jquery. If you require a simple image preview this plug-in may be just what you’re looking for. Plug-in uses no external CSS files or images yet giving you the whole variety of options for customisation.

jQuery Custom Content Scroller mobile extension [updated 18/03]
March 18th 2013
5522

Familiar with malihu jQuery Custom Content Scroller? Or maybe even using it extensively on all the projects you lay your hands on? Read inside to find out how you can add mobile browser functionality to this otherwise extremely brilliant script.

Custom website font with @font-face
November 4th 2012
1664

So you have designed and built the website polishing down every single curve and corner for it to look as fabulous as it was originally intended. Then upload it to the server and … surprise! It just doesn’t look like on your local machine. After performing a thorough investigation on your endless CSS files you realise, that in fact all that has changed is… FONT. Sounds familiar?

Read and process hash tag URL
September 17th 2012
1776

Using hash tag links is a popular practice between AJAX calls based websites as hash tag URL extension can be easily changed without reloading the page. This post will show you how to read the part of URL after the hash tag and process it to the specified function. Read inside to see how it really works.

External hash tag link and Internet Explorer bug
September 14th 2012
3532

If you are jQuery fan and building a web site with some animations you will (most likely) end up using hash tag links. But if you ever try to open them using external souce link you may bump into a very unpleasant surprise. Using the ’notorious’ Internet Explorer such links, once opened will automatically refresh the page at your very first click.

Look inside for a very simple workaround to this little, but quite annoying bug.

New partner - Intelligent Clout inc.
September 7th 2012
1507

Kartogram partner - Intelligent Clout Inc

Let us introduce you to our new partner - Intelligent Clout Inc. These guys are all about online presence and marketing and with their expertise in a reach we are now able to offer even wider range of services

jQuery Custom Content Scroller custom scroll
September 5th 2012
4469

If ever an idea of custom styled scrollbar crossed your mind you have probably heard of jQuery Custom Content Scroller plugin already. It works a treat in bringing your design to new heights. And in appreciation of this amazing plugin below you will find some code which will add that little bit extra of the missing functionality.

Scrolling to the custom parts of the page using combination of links and anchors.

ColdFusion AJAX style file upload without page refresh
July 7th 2012
4490

Ever tried to create an AJAX-style ColdFusion file upload form which executes without reloading the page? This is our take on this widely popular technique. With the help of ColdFusion, jQuery and ’hidden’ iframe the following tutorial will show you how exactly you can achieve this.

The 'Hello World' post
June 29th 2012
1353

Hello World from kartogram

Hi all. We are a little, Oxford-based web design and development agency providing bespoke solutions to clients who are looking for something a little out of the ordinary. 
This is our blog, a www space which will be used to reach out to our customers, fans and followers. We’ll be throwing in news, updates and tons of other useful tips, tricks and resources.