Drupal and Front End Web Development Blog http://takerootdesign.co.uk/blog en Slider Fallbacks for when Javascript is Disabled http://takerootdesign.co.uk/blog/accessibility/slider-fallbacks-when-javascript-disabled <div class="body"> <p>Javascript sliders are a very common way of making the most out of screen real estate. By cycling through multiple images or text much more can be crammed onto a site. The problem comes when users have Javascript turned off - how do you ensure that slider degrades gracefully?</p> <!-- Break --> <p>As with most things there are various methods, all with their pros and cons. Here’s some of the most common solutions to the problem:</p> </div> <div class="field-blog-category"> <a href="/blog/accessibility" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Accessibility</a> </div> Tue, 03 Apr 2012 12:35:16 +0000 abdourh 31 at http://takerootdesign.co.uk A Client’s Guide to Writing Web Content http://takerootdesign.co.uk/blog/usability/client%E2%80%99s-guide-writing-web-content <div class="body"> <p>In an ideal world, the content for your website should be written by a professional copy writer with intimate knowledge of what works on the web. I always suggest to my clients that they should push the boat out with their content, but in reality this is rarely a possibility on small websites with a tight budget. Individuals within the business commissioning the website are left with the task of writing website copy. They may have extensive knowledge of their business, but how do they channel this into web content that works?</p> </div> <div class="field-blog-category"> <a href="/blog/content-creation" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Content Creation</a> </div> Fri, 13 May 2011 14:10:10 +0000 abdourh 3 at http://takerootdesign.co.uk 10 of the Best Free Fonts for @Font-Face http://takerootdesign.co.uk/blog/web-design/10-best-free-fonts-font-face <div class="body"> <p>When the use of @font-face started gaining traction, it was hard to find suitable fonts with the correct liscencing to use on websites. Not only have font foundries got wise to this new method, but many free fonts have also been released for embedding with @font-face. Below are ten of my favourite fonts that allow embedding through CSS. (Make sure you check the current license)</p> </div> <div class="field-blog-category"> <a href="/blog/typography" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Typography</a> </div> Mon, 18 Apr 2011 11:49:15 +0000 abdourh 4 at http://takerootdesign.co.uk A Client's Guide to SEO http://takerootdesign.co.uk/blog/clients-guide/clients-guide-seo <div class="body"> <p>Search engine optimisation is one of the most important parts of setting up a website. Whatever line of business you’re in, search engines will bring potential customers to your site. The amount and quality of these visitors depends on how well optimised your site is for search engines.</p> </div> <div class="field-blog-category"> <a href="/blog/seo" typeof="skos:Concept" property="rdfs:label skos:prefLabel">SEO</a> </div> Mon, 11 Apr 2011 09:52:28 +0000 abdourh 5 at http://takerootdesign.co.uk Adding Named Navigation to a jQuery Cycle Gallery http://takerootdesign.co.uk/blog/web-design/adding-named-navigation-jquery-cycle-gallery <div class="body"> <p>This tutorial will show you how extend the basic functionality of the <a href="http://jquery.malsup.com/cycle/">jQuery Cycle Plug-in</a> using the pagerAnchorBuilder function. This will allow us to automatically create a new menu item for each slide – especially useful if you add more slides with a content management system (look out for a tutorial implementing this in Drupal!). You can check out a demo of this tutorial <a href="http://demo.takerootdesign.co.uk/cycletutorial/index.html">here</a>.</p> </div> <div class="field-blog-category"> <a href="/blog/jquery" typeof="skos:Concept" property="rdfs:label skos:prefLabel">jQuery</a> </div> Mon, 04 Apr 2011 09:11:26 +0000 abdourh 6 at http://takerootdesign.co.uk Essential Drupal Modules http://takerootdesign.co.uk/blog/web-design/essential-drupal-modules <div class="body"> <p>Here is a list of the modules that I think are essential to most Drupal projects. I’ve tried to keep the list as succinct as possible, for a more extensive list try <a href="http://www.nicklewis.org/40-essential-drupal-6-modules">Nick Lewis’s post</a>. This post is aimed at people with some knowledge of what modules are out there for Drupal. If you’re a seasoned pro you may find I’m covering old ground.</p> </div> <div class="field-blog-category"> <a href="/blog/drupal" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Drupal</a> </div> Mon, 14 Mar 2011 14:06:46 +0000 abdourh 11 at http://takerootdesign.co.uk Essential Books Every Aspiring Web Designer Should Read http://takerootdesign.co.uk/blog/web-design/essential-books-every-aspiring-web-designer-should-read <div class="body"> <p>There is a vast amount of information and tutorials on the internet about web design. However to get a good understanding of whole subjects, such as CSS and usability, I will always go to a book. Books give you one place to go and learn the fundementals of a topic, without having to search endlessly on the internet. My principle is that books should be used together with the internet.</p> </div> <div class="field-blog-category"> <a href="/blog/books" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Books</a> </div> Tue, 08 Mar 2011 13:03:50 +0000 abdourh 10 at http://takerootdesign.co.uk A Client's Guide to Usability http://takerootdesign.co.uk/blog/usability-testing/clients-guide-usability <div class="body"> <p>Ensuring your website is usable is one of the biggest challenges you will face, however, due to its massive return on investment it is something that is very worthwhile doing. Usability can always be improved and, like many things related to your website, it is an ongoing process. Having a good understanding of usability will provide you with a loyal online customer base that keeps coming back and recommending you.</p> </div> <div class="field-blog-category"> <a href="/blog/usability" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Usability</a> </div> Mon, 07 Mar 2011 14:22:05 +0000 abdourh 9 at http://takerootdesign.co.uk Using Long Tail Keywords to Boost your SEO Campaign http://takerootdesign.co.uk/blog/seo/using-long-tail-keywords-boost-your-seo-campaign <div class="body"> <p>Do you think targeting the most searched for keywords is the best strategy? That increased traffic and increased conversions go hand in hand? For small companies with small budgets, long tail phrases are a brilliant opportunity that can’t be missed. They are easier to target and bring users with an increased chance of conversion to your website. Read on to find out how you can use your long tail to increase profits.</p> </div> <div class="field-blog-category"> <a href="/blog/seo" typeof="skos:Concept" property="rdfs:label skos:prefLabel">SEO</a> </div> Mon, 14 Feb 2011 10:41:38 +0000 abdourh 8 at http://takerootdesign.co.uk A Client's Guide To Web Accessibility http://takerootdesign.co.uk/blog/clients-guide/clients-guide-web-accessibility <div class="body"> <p>Choosing which web designer out of the crowd is the best to work on your website can be daunting. One way to narrow this down is to find out their approach to accessibility. Making sure your website is accessible makes business sense. There are many arguments for making your site accessible but here are a few of the most important and relevant to someone commissioning a website.</p> </div> <div class="field-blog-category"> <a href="/blog/accessibility" typeof="skos:Concept" property="rdfs:label skos:prefLabel">Accessibility</a> </div> Fri, 14 Jan 2011 13:38:32 +0000 abdourh 7 at http://takerootdesign.co.uk