Mobile-friendly design

More and more people are using smartphones, tablets and other other devices to use the Internet, so it is important to create a website that is easy-to-read in a variety of different screen sizes (using a mouse or a touchscreen).  By easy-to-read we don't mean a very tiny version of your page, we mean a page that re-formats itself so that the important information is right there front and centre all the time.  The technical term for this is 'responsive design' and we do it. 

Working effectively with images is a balancing act, if you want to empower your editor to add and change images but still keep a visual impact with your website.  We have been playing with images and colour effects to enhance some of our newer websites.

Many modern themes feature very large images, often overlaid with text, or letting the text of a page float up over a large and striking image.  The visual effect of this is undeniable.  However, at AlbanyWeb we want to balance this visual effect with giving our clients flexibility, keeping our websites fast to load, and keeping them accessible.

Laying text over an image so that it is readable is a little tricky, and graphic artists employ shadows and focused de-saturation to make the text stand out.  The easiest way to do this is to cheat a little, by making the text part of the...

Social sharing buttons are now a common feature on most websites.  Just take a look at the end of this article to see that AlbanyWeb is a regular participator in this trend.  It's a simple way to help bring your site to the attention of more visitors.  There's nothing better than a personal recommendation, and these buttons make it easy for your existing visitors to spread the word.

Choosing the best buttons

However, the code behind these clever little buttons can really affect your website efficiency.  On some websites, apparently simple buttons are created using multiple calls to external websites for each single button.  If you have quite a lot of buttons, that is a lot of calls.  Not only that, but fetching the icons from each individual social media site leads to inconsistent appearance.

At AlbanyWeb, we did a lot of shopping around for a good and flexible option...

Our newest AlbanyWebs website is a simple but powerful portfolio site for Scottish artist Sue Simpson.  Beginning with our standard website, we added an enhanced, accessible and fully-responsive slideshow that put her paintings and line of greetings cards front and centre.  In addition, Sue's website is the first of our projects that was designed to be best viewed on a tablet device, with elements of navigation floating around or below the centrally framed slideshows.

Sue's original website was built using Flash slideshows, which meant that it was not visible on many phones and tablets, and also meant that her ability to edit or add images and information was very limited.  As a result, the site grew a series of extra pages with additional information, that fell outwith the original design, and outwith the original (also Flash-based) navigation, and this made that information very hard to find.

We created a clean...

Working effectively with images is a balancing act, if you want to empower your editor to add and change images...

Recently, Google increased the security warnings on the Chrome browser.  Chrome now generates a warning for any website without a...

One of the most useful ways to keep in touch with your audience, customers or regular readers is to send...