tag:blogger.com,1999:blog-81759980656784725612024-03-13T17:28:23.630+00:00Creative Internet Design and Technology from inframes.comJon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comBlogger89125tag:blogger.com,1999:blog-8175998065678472561.post-58118133709387819992017-07-17T13:55:00.001+00:002017-07-17T14:49:19.049+00:00Tips for Saving JPGs for Your Website<h3>
<img alt="The Wren School, Reading, Berkshire" src="http://www.inframes.com/images/blog/Tips-for-Saving-JPGs-for-Your-Website.jpg" title="Tips for Saving JPGs for Your Website" /> </h3>
<h3>
Web design and development has changed beyond recognition in the last 20 years, but one thing hasn't changed: a picture paints a thousand words. Here are some tips to make sure you make the most of your photos.</h3>
<br />
<b>How big should my photos be?</b> <br />
Generally speaking, the photos from your digital camera or smartphone will be more than large enough for any contemporary website. Anything more than 1,900 pixels wide will be large enough and in many cases bigger than necessary. Your photos can never really be too large because a large file can be shrunk down without loss of quality. Only small images present a problem. You can almost always tell at a glance when s small image has been enlarged and the more you enlarge it, the uglier it looks.<br />
<br />
<br />
<b>I thought big photos were bad...</b><br />
Yes and no. Large photos can make a big visual impact, but be careful about using the word "size". There's the size in pixel dimensions and there's also the file size. And the relationship between image dimensions and image file size isn't as simple as you might think. You can have very large images with relatively small file size as long as they are properly compressed. Compression removes the data that the human eye doesn't require. It's a bit like the difference between CD audio and an MP3 file - you can fit about 75 minutes of "red book" audio on a CD but something like 12 hours of MP3s on the same disc with only a small degradation in audio quality. And it's the same for uncompressed and compressed JPG files.<br />
<br />
<b>Doesn't my content management system take care of it all?</b><br />
If you're used to uploading images to Facebook and Twitter, you'll know that you don't have to mess about with pre-processing your pictures to compress them. The website just magically does it all for you. That's because they don't want to waste bandwidth delivering bloated image files. But most content management systems, such as Wordpress or Opencart, won't automatically optimise your images for you. Wordpress does compress images, but not very much and it's exactly the same for every image you upload (although you can control this with various <a href="http://www.clickonf5.org/15311/image-compression-tools-wordpress-plugins/" target="_blank">plugins</a>). So if you upload very large files, you will slow down the website performance and that is harmful to the customer experience and to Google ranking.<br />
<br />
<b>So, how do I compress photos? </b><br />
If you have Photoshop, then you should always save images by using the "Save for web and devices" option so that they are properly optimised to balance high quality and low file size, not the "Save" or "Save us" options. If you don't have Photoshop there are numerous other options. <a href="http://www.creativebloq.com/design/image-compression-tools-1132865" target="_blank">This article</a> is a good place to start but of course if you don't want to get involved in all that, you've always got me!<br />
<br />
<br />
<b>Anything else I need to know?</b> <br />
While I'm on the subject of image files, you should always save images for the web without spaces in the filename. Use dashes instead. So instead of "my file name.jpg" your files should always be in the format "my-file-name.jpg" and aside from hyphens you should avoid punctuation like brackets, asterisks and especially question marks and ampersands as these are reserved characters in web development.<br />
<br />Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-47117220702390286552016-04-16T12:40:00.001+00:002016-04-16T12:40:50.950+00:00Whitelist a Sender's Email Address in Hotmail.com/Outlook.com and Yahoo! Mail<h3>
Some of my clients have had problems with outbound mail going to Hotmail and Yahoo! addresses this week.</h3>
If this has happened to you, I wanted to let you know about something that may help. This includes other addresses that are under the same "umbrella": Hotmail includes outlook.com, hotmail.co.uk, live.co.uk, live.com and msn.com addresses. And Yahoo! looks after email for BT Connect and Sky.<br />
<br />
If you're able to pass these instructions on to people then they may find it helpful:<br />
<br />
<h4>
Hotmail</h4>
If you are able to make contact in some other way with correspondents who use Hotmail, it may help to ask them to add you to their "Safe Senders" list.<br />
<ol>
<li>Log in to Hotmail (these days it's known as outlook.com)</li>
<li>Click the cog icon in the top right</li>
<li>Select "Options"</li>
<li>In the left-hand menu, choose Mail > Junk email > Safe senders</li>
<li>In the right-hand panel you may already have a list of emails. There is an input box at the top marked "Enter a sender or domain here"</li>
<li>In that box, type either a full email address (someone@example.com) or a domain (example.com) and then click the little "+" icon</li>
<li>When you have finished adding domains or email addresses you MUST then click the Save icon at the top. </li>
<li>Remember: If you don't click save, your Safe senders list WILL NOT BE UPDATED.</li>
</ol>
<h4>
Yahoo!</h4>
<span style="font-weight: normal;">The Yahoo! Mail method is less intuitive than Hotmail. </span><br />
<ol>
<li>Log in to Yahoo! Mail</li>
<li>Place your cursor over the cog icon to open the Settings menu and choose "Settings"</li>
<li>From the left-hand menu select "Filters"</li>
<li>Click the "Add" button</li>
<li>Enter a name for your filter such as "Whitelist No.1"</li>
<li>Next to "From" select "contains" from the drop-down and then on the right type in either a full email address (someone@example.com) or a domain (example.com)</li>
<li>The default filter is "Then move this message to... Inbox" and you can leave this unchanged</li>
<li>Click the Save button</li>
<li>Click Save again</li>
</ol>
<br />
I appreciate that in most cases it won't be possible to pass on these instructions, but even if it helps with one or two people, hopefully it is worthwhile me telling you.Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-63330254590488427382016-03-30T17:26:00.000+00:002016-03-31T16:14:10.549+00:00SOLVED: What's a DEFRA-Approved Woodburning Stove?<h4>
I was asked to write an article for the <a href="http://www.stoveworlduk.co.uk/" target="_blank">Stove World UK</a> website about <a href="http://www.stoveworlduk.co.uk/DEFRA-Approved-Multi-Fuel-Woodburning-Stoves" target="_blank">DEFRA-approved woodburning stoves</a>.</h4>
<h4>
In essence, this article just needs to explain what a DEFRA-approved woodburning stove is, why some woodburning stoves are approved and others are not, and most importantly, why you should care if you are contemplating purchasing one.</h4>
<h3>
The Short Answer</h3>
The answers to all of these questions are not that complicated. In short, there are <b>two reasons for buying a DEFRA-approved woodburning stove</b>: one is because your house is in a place where you're not allowed to have a woodburning stove unless it's DEFRA-approved. So that's pretty straightforward and frankly you don't need to know any more than that. The other reason is because you think you (or the environment) might benefit from the features you'll find on a DEFRA-approved stove. And obviously you need to know a little bit more about them before you decide if a DEFRA-approved stove is right for you.<br />
<br />
Good sense and practical experience will tell you that the best place to start is by searching Google for information, but just for a giggle I thought I'd start with the DEFRA website. Or Defra, as they call it. Going off on a tangent if I may, at what point does an acronym become a word that is grammatically permissible to write in title case? The British Broadcasting Corporation isn't "Bbc" and the Hongkong and Shanghai Banking Corporation isn't "Hsbc". Maybe it only becomes a word when you can speak it out loud because it's got a pronounceable sequence of vowels and consonants? But, to coin a phrase, I digress.<br />
<h3>
Exploring the Defra Home page</h3>
In case you don't know, Defra (or DEFRA) stands for the Department for Environment, Food & Rural Affairs.<br />
<br />
Defra doesn't actually have its own website. There's one big gov.uk website for all government departments, each with its own sort-of Home page and a bazillion other pages. The Defra home page (<a href="http://www.gov.uk/defra">www.gov.uk/defra</a>) contains 135 links, so there's a lot to take in. It's broken up into several sections. At the top there's a block of links to mostly unconnected subjects, which are presumably the things that the Defra webmaster thinks are the most likely reason for you be visiting, including "Pet travel: entering/returning to the UK", "Get your dog microchipped" and "Rural grants and payments". Nothing about woodburning stoves but it's early days yet. <br />
<br />
There's a section of press releases and news stories; then "latest" news. So far as I know, there haven't been any recent developments in woodburning stove regulation, so I feel it's safe to skim over this. There's a "What we do" section with a link to "Environmental quality". This seems like a good bet. The reason Defra takes an interest in woodburning stoves is because they burn fuel. Burning fuel, no matter how you do it, has an impact on the environment to some degree. So I'll come back to that. Next there are social media links. They could be good for a laugh. So I'll come back to those, too.<br />
<br />
Next, there's a Policies section. I'm not seeking to change the regulation of woodburning stoves, so I probably don't need that. Then there's a Documents section split into four subsections (if you love documents, you're gonna love subsections). One of these is presumably going to contain documents about stoves, so I'll come back to that one, too. <br />
<br />
The next part of the Home page contains brief profiles of Ministers and management with links to pages containing more details about them; no use to me. Then a Contact section. Maybe I can email them and they'll tell me where to find more information? Hmm. That will probably be a last resort. It says "We aim to reply to emails or letters within fifteen working days". It's Wednesday March 30th today. So if I email them now it could theoretically take until Tuesday April 19th. There's a list of links to "Corporate information" and links to "Jobs and contracts" information. That doesn't sound useful. There's a Freedom of Information section. So far as I know, woodburning stove regulations are not shrouded in secrecy, so nothing there for me. And finally there's a "list" of "High profile groups within Defra". There's one group on the list of "groups", so it's a bit of a misnomer - perhaps they're hoping some of their other groups will one day become high-profile enough to warrant inclusion.<br />
<br />
So I have discovered three possible avenues of further research. The Environment Quality page, the Social Media section (will it take 15 working days to get a tweet from Defra? It would be interesting to find out) and the Documents section.<br />
<h3>
Environmental Quality</h3>
I click on Environmental Quality and I'm taken to a list of 40 links to documents, all published in the last month-and-a-bit. And at the bottom it tells me it's the first of 12 pages. The links have titles like "Exning Estate Company: application made to abstract water" and "SR2015 No 2: storage and handling of crude oil". The word stove does not appear and based on what I've seen, I'm not inclined to proceed to page two. However, there's a search box. That's bound to yield the information I need. Right?<br />
<br />
I type in "woodburning stoves". Zero results. But "wood burning stoves" gives me two results. One of them is "High pollution episode warning: First 'summer-smog' of 2011" - doesn't sound pertinent. But the other is "Defra guidance on Local Authority Pollution Control (LAPC) regime". For a moment I thought that sounded promising. But I should have known better.<br />
<br />
From what I can tell, this is very definitely not a document telling me which woodburning stoves are approved by Defra for use in a smokeless zone and which are not. In fact, it appears to be advice for local authorities on how to make sure factories are compliant with air pollution restrictions. The word "stove" does not appear, but the word "wood" appears a few times. The search results page clearly says "2 documents containing wood burning stoves" but my guess is that "wood" was enough to make the list. In other words, the search results page is lying to me.<br />
<h3>
Defra Documents</h3>
The documents section is broken up into Our announcements, Our consultations, Our publications and Our statistics. I don't think I want statistics but I'm not sure what section I do want. A quick look at Consultations reveals it to be what it sounds like - reports on completed public consultations and ways to contribute to ongoing public consultations. In other words, no use to me. The Announcements section has links to 1,365 announcements but, like the Environmental Quality section, it also has a search box. This time I get 55 results when I search "wood burning stoves" but I'm probably in the wrong place - these are all press releases and speech transcripts and not a single one has the word "stove" in the title. Next I try Our publications. The search brings up 28 results. Again, not a single one has the word "stove" in the title. I'm clearly not going to find anything that is specifically about stoves.<br />
<h3>
Social Media <i>or</i> "How do I microchip my tortoise?"</h3>
Okay, I am not expecting much, but having failed to find anything on Defra's website, let's try Twitter. Here's my tweet to them at 5.30pm on March 30th 2016. Let's see if I get a response:<br />
<br />
<i><a href="https://twitter.com/defragovuk" target="_blank">@DefraGovUK</a> I understand there are certain wood burning stoves that are Defra approved. Is there a page on your website that explains this?</i><br />
<br />
And it turns out they have a separate Twitter account for Air Quality, so I thought I'd try that, too:<br />
<br />
<i><a href="https://twitter.com/DefraUKAir" target="_blank">@DefraUKAir</a> I understand there are certain wood burning stoves that are Defra approved. Is there a page on your website that explains this?</i><br />
<br />
In the meantime, there's the Defra Youtube channel. Perhaps here's a video that tells you all about woodburning stove compliance. Yeah, right. There are dozens of videos on their channel dating back eight years, but nothing that mentions stoves. If you want to watch a video about Defra's Chief Scientific Adviser talking about neonicotinoids then you are in luck. But woodburning stove regulations? Nothing.<br />
<br />
Having a look at <a href="https://www.facebook.com/DefraGovUK" target="_blank">Defra's Facebook page</a> there's not much evidence of interaction between Defra and the general public. There are of course the typical random and badly-written questions and rants from visitors to the page such as "How do I microchip my tortoise?" and the <a href="https://www.facebook.com/DefraGovUK/reviews/" target="_blank">Reviews page</a> shows that Disgusted of Tonbridge Wells is alive and well. <a href="https://www.linkedin.com/company/defra" target="_blank">Defra's Linkedin page</a> is much the same - it's clear that I'm not going to find any information about stoves. The research will have to continue tomorrow., In the meantime I'll await a response from one of Defra's Twitter accounts. You never know...<br />
<br />
<h3>
Update: March 31st </h3>
Predictably, there has been no response from Defra directly, but the Great British public has come to my aid in the form of <a href="https://twitter.com/alistairds" target="_blank">Alistair Dorman-Smith</a>, a Geordie exile and fellow web developer in Oxfordshire, who rapidly responded "you probably want the defra smoke controls website" and sent me a link to <a href="https://www.gov.uk/smoke-control-area-rules" target="_blank">this page</a> on the gov.uk website.<br />
<br />
In fact it's not on the Defra website. The breadcrumb trail for the page links to <a href="https://www.gov.uk/" target="_blank">Home</a>, <a href="https://www.gov.uk/browse/housing-local-services" target="_blank">Housing and local services</a>, <a href="https://www.gov.uk/browse/housing-local-services/safety-environment" target="_blank">Safety and the environment in your community</a>, so it's no wonder I didn't find it.<br />
<br />
The page is called "Smoke control areas: the rules" and it contains a link to a Defra page that lists all of the <a href="https://smokecontrol.defra.gov.uk/appliances.php" target="_blank">appliances that you can use for burning wood even in a smokeless zone</a>.<br />
<br />
So, no thanks to the Defra website but courtesy of a website designer in Oxfordshire, I'm really getting somewhere. But does the site actually tell us anything other than which woodburning stoves are Defra-approved? Like, for example, why Defra-approved stoves are Defra-approved and the rest are not? Further reading is required...Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-14673032208618011082015-12-24T11:20:00.001+00:002015-12-24T11:20:42.546+00:00Merry Christmas and a Happy 2016<center>
<img alt="inframes.com ltd Christmas and New Year holiday closures" src="http://www.inframes.com/images/blog/merry-christmas-2015.png" height="675" width="675" /></center>
<h3>
Christmas and New Year Office Hours</h3>
<center>
<table style:="" width:500px="">
<tbody>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Thursday December 24th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;"><b>Open </b>10am to 1pm
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Friday December 25th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed (Bank Holiday)
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Saturday December 26th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed (Weekend)
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Sunday December 27th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed (Weekend)
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Monday December 28th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed (Bank Holiday)</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Tuesday December 29th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Wednesday December 30th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Thursday December 31st
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Friday January 1st
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed (Bank Holiday)
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Saturday January 2nd
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed (Weekend)
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Sunday January 3rd
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed (Weekend)
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Monday January 4th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;"><b>Open </b>10am - 6pm</td></tr>
</tbody></table>
</center>
<br />
<i>Email will be monitored as usual throughout the holidays for web hosting technical support queries.</i><br />
<br />
<h3>
Annual Hourly Rates Increase </h3>
Our standard hourly rate will increase in January 2015 from £40.20+VAT, to <b>£41.40+VAT</b>.
This is our "rate card" rate and does not affect any project quotes
agreed within contractual time limits. This fee applies to work
conducted during office hours and more may be charged for Bank Holidays,
evenings and weekends.<br />
<br />Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-43130637068028892832015-11-11T16:43:00.000+00:002015-11-11T17:41:21.016+00:00Our Work: The Wren School, Reading<img alt="The Wren School, Reading, Berkshire" src="http://www.inframes.com/images/blog/Wren-School-Reading-web-design.jpg" title="Designs for the new site for The Wren School, Reading, by inframes.com" />
<br />
<br />
<h3>
You have to exercise a little imagination when you visit <a href="http://www.wrenschool.org/" target="_blank">The Wren School</a> on the Bath Road in Reading. </h3>
Right now it's a few temporary structures surrounded by a vast building site. The brand new Reading secondary school opened its doors in September for the very first day and so far it only accommodates Year 7 students (age 12), but those youngsters will form the foundation of a very ambitious new institution built to service the needs of the growing West Reading community.<br />
<br />
Next year they'll have Year 7 and 8. And in 2017 they'll have Years 7, 8 and 9. And those lucky young people will be moving into a brand new, purpose-built school with state-of-the-art facilities. By the time they reach Sixth Form age, there will be more than 1,200 students at The Wren School.<br />
<br />
<img alt="Designs for the mobile version of the website for The Wren School, Reading, Berkshire" src="http://www.inframes.com/images/blog/Wren-School-Reading-web-design2.jpg" title="The new website for The Wren School, Reading, has been designed and built by inframes.com" />
<br />
<br />
inframes.com was commissioned to build a new website for The Wren School to take over from the interim site that serviced their needs before they opened their doors. We were given the go-ahead at the start of term and the site went live today, November 11th.<br />
<br />
The design imperatives were simplicity and accessibility, with high-contrast colouring and clear navigation, for desktop, tablet and mobile devices. And we've made the best use of the bright colours from the school logo and the photos taken by teachers in class to make the site lively and youthful but seriously professional. We built the site using Wordpress, at the school's request, and we used <a href="http://getbootstrap.com/" target="_blank">Bootstrap</a> as the framework under the hood. <br />
<br />
Schools don't have inexhaustible budgets, so another imperative for The Wren School was that their website should be simple to update, allowing them to take over immediately, even by staff with minimal experience of Wordpress. But of course we're always here to help if we're needed, because we never hand over a website without the offer of free, no-strings help and advice.<br />
<br />
We're very honoured to be selected for such a prestigious project, especially as The Wren School is less than a mile from the inframes office, making both institutions very much a part of the same proud and thriving community. <br />
<br />
<div data-li-template="name" id="name-container">
<div class="editable-item" id="name">
<h3>
Work in Progress<i><br /></i></h3>
We often start the design process by building "wire frames" that allow us to agree the specifics of the website structure with the client before we move on to the fun stuff like colours, fonts and photography. The wire frames are used to make vital decisions about layout, dimensions and navigation so that the graphic designer doesn't waste time at the next stage.<i></i><br />
<i><br /></i>
We currently use <a href="https://balsamiq.com/" target="_blank">Balsamiq</a> to make our wire frames. Here's what they look like:<br />
<br />
<img alt="Wire frame for the desktop version of The Wren School website" src="http://www.inframes.com/images/blog/Wren-School-Reading-web-design-wireframes-1.jpg" title="The wireframes for new website for The Wren School, Reading" />
<br />
<br />
You might notice blue, dashed arrows overlaying some of these drawings. These are used for annotations around the layout. The wire frame is a good stage of the process not just to show what we're going to do but to explain to the client why we think it's the wisest way to do whatever we're doing.<br />
<br />
<img alt="More wire frames for the desktop version of The Wren School website" src="http://www.inframes.com/images/blog/Wren-School-Reading-web-design-wireframes-2.jpg" title="More of the wire frames for new website for The Wren School, Reading" />
<br />
<br />
<br />
Credits:<br />
Jon Ewing, Designer & Developer<br />
<a href="https://uk.linkedin.com/in/edward-couldwell-28169745" target="_blank">Edward Couldwell</a>, Graphic Design<br />
<br />
<i>Thanks to <a href="http://graphicburger.com/perspective-app-screens-mock-up/" target="_blank">Graphic Burger</a> for the PSD action used to create the mock-ups at the top of the page.</i><br />
<br />
<br /></div>
</div>
Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-87013698009336421822015-07-21T16:05:00.004+00:002015-07-21T16:05:30.394+00:00Added Wordpress Security - Protecting Our Servers Against Brute Force Attacks<h3>
<img alt="Protecting Our Servers Against Wordpress Brute Force Attacks" src="http://www.inframes.com/images/blog/wordpress-brute-force-attacks.jpg" title="Protecting Our Servers Against Wordpress Brute Force Attacks" /> </h3>
<h3>
No matter how secure your password, you're still not safe from a brute force attacker.
</h3>
<br />
In common with a lot of web hosts, we've been finding recently that Wordpress login pages are often falling victim to so-called "brute force attacks" where the site is bombarded with log-on attempts, often many times per second, in the hope of gaining access to the site through sheer fluke by using a combination of commonly-used letters and numbers.
<br />
<br />
Wordpress is of course a victim of its own success in the sense that there are so very many Wordpress installations around the world, making it an obvious target for hackers.
<br />
<br />
We always encourage customers to use complex passwords that would be near impossible to guess. However, this in itself does not negate the effects of a brute force attack, because while the attacks go on, the performance of the site - and in turn the whole server - can be affected. If it goes on long enough, the server will almost certainly grind to a halt eventually and will need to be reset.
<br />
<br />
With this in mind, we're installing and testing plugins on our customers' Wordpress websites <b>free of charge</b> to help tighten up security.
<br />
<br />
The only difference you will probably notice is that you'll now be asked to complete a "captcha" form when you log on. Thanks to the new plugin, if more than three unsuccessful logon attempts are made in the space of five minutes, the originating IP address will be blacklisted.<br />
<br />
It goes without saying that whenever you log on to your own Wordpress website, you ought to check your records to ensure you're using the right password if you're not 100% sure of it, otherwise you may find yourself a victim of your own website security protocol. But don't worry - if that ever does happen you can just let us know and we will of course remove your IP address from the blacklist.
<br />
<br />
We can only apologise for this small added inconvenience, but hopefully you can understand that the right course of action is to try to protect everyone sharing our servers from these potentially catastrophic attacks. We've downloaded and played around with a variety of different security plugins and we hope we've identified the best balance of protection and user-friendliness, but of course we welcome your feedback.<br />
<br />
Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-5603901082002207952015-07-14T14:02:00.001+00:002015-07-14T14:05:16.331+00:00Recovering data from a broken mobile phone<h3>
Broken mobile phone? The Gadget Lab has four little words to reassure you that it's not the end of the world.
</h3>
<br />
<a class="blogimage" href="http://www.gadget-lab.co.uk/rescue-your-data-25-w.asp"><img alt="Recovering data from a broken mobile phone" src="http://www.inframes.com/images/blog/Recovering-data-from-a-broken-mobile-phone-cropped.png" title="Recovering data from a broken mobile phone" /></a>
<br />
<br />
As part of my work with <a href="http://www.thisiswildfire.com/" target="_blank" title="Marketing Berkshire - Wildfire HQ">Wildfire HQ</a> I am working for a fascinating, albeit anonymously-named company called <a href="http://www.fmsgroup.co.uk/" target="_blank" title="Forensic digital investigations by FMS Group">FMS Group</a>, which specialises in what's called "forensic digital investigation".<br />
<br />
<h3>
Big Brother Stuff</h3>
FMS works with law enforcement agencies to extract evidence from mobile phone handsets that might be used in a criminal investigation. For example, engineers can examine the data on a phone and, when combined with data and call records from mobile phone network operators, they can tell you where a phone was located when a text message or phone call was made or received. Those engineers can then act as expert witnesses to give evidence in court under oath if necessary.<br />
<br />
In their video presentation (see below) you can see how the movement of a phone in a criminal case in Preston could be cross-referenced with images from traffic cameras to identify the licence number of a vehicle in which the mobile phone user was travelling. It's very clever, Big Brother stuff.<br />
<br />
<div style="margin: 10px auto; text-align: center; width: 650px;">
<iframe allowfullscreen="" frameborder="0" height="360" src="https://www.youtube.com/embed/KzfvMFtbRX8" width="640"></iframe></div>
<h3>
Introducing the Gadget Lab</h3>
Unsurprisingly, customers of FMS Group tend to be organisations such as the Crown Prosecutor, law firms, the defence industry and large corporations. But FMS has launched a new online service called Gadget Lab which is aimed squarely at you and me - which is to say, you and me when we're having a very bad day.<br />
<br />
When your mobile phone, tablet or iPod has broken and you're unable to access some vitally important contacts - or irreplaceable photos and videos - then you need someone you can trust to <a href="http://www.gadget-lab.co.uk/rescue-your-data-25-w.asp" target="_blank">retrieve that important data</a> for you.<br />
<h3>
Four Little Words</h3>
The Gadget Lab website has a friendly and approachable designed to reassure us when we're feeling desperate. The site's opening message is four very encouraging words: <b>"All is not lost"</b>. Even if your phone is broken beyond repair, it's often possible to retrieve your data. So, if the worst happens, you can pop your phone in a padded envelope and send it off. Gadget Lab will charge you £24.99 to assess the device and if all you want to retrieve is something text-based, like messages or contacts, then that's all you'll pay.<br />
<h3>
Four Big Services</h3>
Gadget Lab offers four main services. They can <a href="http://www.gadget-lab.co.uk/rescue-your-data-25-w.asp" target="_blank" title="rescue your data">rescue your data</a>, they can <a href="http://www.gadget-lab.co.uk/password-recovery-service-26-w.asp" target="_blank" title="remove or reset forgotten passwords">remove or reset forgotten passwords</a> for about £50, they can <a href="http://www.gadget-lab.co.uk/data-transfer-27-w.asp" target="_blank" title="transfer data from your old device to a new one">transfer data from your old device to a new one</a> for £45, or they can <a href="http://www.gadget-lab.co.uk/mobile-phone-repair-28-w.asp" target="_blank" title="fix your mobile phone">fix your mobile phone</a>. Or some combination of the above, depending on exactly what's wrong.<br />
<br />
<a href="http://www.gadget-lab.co.uk/mobile-phone-repair-28-w.asp" target="_blank" title="Mobile phone and tablet repairs from gadget Lab">Mobile phone repairs</a> are of course sometimes impossible and often less than cost-effective. In some cases, you could spend so much money getting your phone fixed that you might as well buy a new one. But Gadget Lab can fix a dodgy USB port (which will cost you somewhere in the region of £40) or broken iPhone screen (£70 or thereabouts) or get the battery charging when it's stopped taking a charge (around £30, depending on the make and model).<br />
<h3>
Super-Sleuthing Boffins from a Data Detective Agency</h3>
Whatever happens, if your phone or tablet needs mending, no one can tell
you how much the repair is going to cost unless they've examined it in
person. One of the FMS engineers will look it over and assess the problem and
give you a fair price for repair, including the best quality spare parts
where necessary. <br />
<br />
And with Gadget Lab, your device gets the attention of a qualified boffin employed by a super-sleuthing forensic mobile data detective agency. How cool is that?<br />
<br />
<br />
<br />
<br />Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-57548933107501144232015-06-29T12:49:00.003+00:002015-06-29T12:49:53.278+00:00New Mobile-Friendly website for Green Parlour<a href="http://www.greenparlour.com/" target="_blank"><img alt="New mobile friendly website for Green Parlour florists, Berkshire" src="http://www.inframes.com/images/blog/green-parlour-florist-reading-berkshire.jpg" style="float: right; padding-bottom: 25px; padding-left: 25px;" /></a><br />
Last week we launched Pangbourne-based florist Green Parlour into the mobile era with a new website.<br />
<h3>
What We Did </h3>
Visually, the new <a href="http://www.greenparlour.com/" target="_blank">greenparlour.com</a> isn't a big leap onwards from the old <a href="http://www.greenparlour.com/" target="_blank">greenparlour.com</a>, but under the bonnet this website is completely different - the old site was built on a proprietorial ecommerce platform while the new site is fully converted to <a href="http://www.wordpress.org/" target="_blank">Wordpress</a> using <a href="http://www.woothemes.com/woocommerce/" target="_blank">Woocommerce</a> for the all-important shopping basket system and the <a href="http://www.woothemes.com/products/worldpay/" target="_blank">Worldpay payment gateway extension</a> for payment processing.<br />
<br />
An extensive modification of the free and flexible Wordpress twentyfifteen theme, the whole site is made mobile-friendly using <a href="http://getbootstrap.com/" target="_blank">Bootstrap</a> so that it looks good and, most importantly, functions perfectly, on anything from a high-res desktop computer to the smallest screen mobile.<br />
<h3>
Why We Did It</h3>
This conversion isn't just about bringing the technology up to the latest industry standard - it's really about setting it free from its shackles.<br />
<br />
Thanks to our work, Green Parlour's highly creative lead florist Emma Sampson can now take charge of her own website in a way that had always been frustratingly difficult or impossible before. Using the universally-recognised tools provided by Wordpress, Emma is already bringing her vision for the site direct to Green Parlour customers without relying on third parties to unlock the mysteries of her own website.<br />
<h3>
About Green Parlour, Pangbourne, Reading, Berkshire</h3>
<br />
Green Parlour supplies a range of <a href="http://www.greenparlour.com/product-category/flower-bouquet/" target="_blank">freshly-made bouquets</a> for any occasion which can be delivered same-day in the Reading area for only £5 or <a href="http://www.greenparlour.com/product-category/flower-bouquet/send-flowers-to-faraway-friends/" target="_blank">nationwide</a> for just £10.<br />
<br />
Of course, their <a href="http://www.greenparlour.com/weddings/" target="_blank">wedding</a> floristry service is second to none, as you might expect from a firm who were honoured to be one of those invited to provide floristry services for the Royal Wedding of Prince William and Catherine Middleton in 2011.<br />
<br />
But despite their pedigree, Green Parlour prides itself on offering reasonable prices for their services. Bouquets start from just £25 and local businesses can receive a fresh delivery of Green Parlour flowers every week for as little as £25 per week, invoiced monthly. See the <a href="http://www.greenparlour.com/about/areas-we-cover/" target="_blank">Areas We Cover</a> page if you'd like to find out if your location is eligible.<br />
<br />
Whether you need flowers for your office reception desk, the counter at a hair salon, the lobby of a hotel or artfully arranged in the windows of your pub or restaurant, Green Parlour can supply long-lasting and beautiful flowers and plants for your business, matching the best quality London florists, but at Berkshire prices.<br />
<br />
<br />
<br />
<img alt="New mobile friendly website for Green Parlour florists, Berkshire" src="http://www.inframes.com/images/blog/Green-Parlour-mobile-friendly-website-design.jpg" /><br />
<br />
Find out more about <a href="http://www.greenparlour.com/" target="_blank" title="Green Parlour">Green Parlour</a> <a href="http://www.greenparlour.com/" target="_blank" title="Florists Reading">Florists Reading</a> by visiting their website or calling 0118 984 4000.Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-11261378307274462052015-06-18T12:56:00.004+00:002015-06-29T12:27:46.770+00:00List of fonts available from VistaprintDon't have your business cards made by Vistaprint.<br />
<br />
That's the advice part of this blog post out of the way.<br />
<br />
So, you've made up your mind to have your business cards made by Vistaprint?<br />
<br />
These are the fonts currently available in their design "studio":<br />
<br />
<br />
<img alt="List of fonts available from Vistaprint" src="http://www.inframes.com/images/blog/list-of-fonts-available-from-vistaprint.PNG" /><br />
<br />
AdageScriptJF<br />
Adelle<br />
AdLib BT<br />
Aetna JY Newstyle<br />
AlpengeistJF<br />
Amazone BT<br />
Arial<br />
Balloon Bd BT<br />
BankGothic Md BT<br />
BaroqueTextJF<br />
Baskerville BT<br />
BatangChe<br />
Beatnik<br />
BernhardMod BT<br />
Big Limbo BT<br />
BoxerScriptJF<br />
Bravissima Script<br />
Bree<br />
BrushScript BT<br />
BuenaParkJF<br />
CabernetJF<br />
Calligraph421 BT<br />
CapitalPoster<br />
Comic Sans MS<br />
ComicPro JY<br />
CopprplGoth BT<br />
Coquette<br />
CornerStoreJF<br />
Courier New<br />
CousinBethJF<br />
Cuisine<br />
DandelionJF<br />
DomCasual BT<br />
Dotum<br />
DotumChe<br />
EmpyreanJF<br />
English157 BT<br />
Espresso<br />
FairyTaleJF<br />
FanfareJF<br />
FangSong_GB2312<br />
FenwayParkJF<br />
FunnyBoneJF<br />
Futura Bk BT<br />
FuzzGuitarJF<br />
FZShuTi<br />
FZYaoTi<br />
Georgia<br />
GoldenStateJF<br />
GoudyOlSt BT<br />
GuedelScriptJF<br />
Gulim<br />
GulimChe<br />
Gungsuh<br />
GungsuhChe<br />
HandelGothic BT<br />
HellenicWideJF<br />
HolidayTimesJF<br />
HooliganJF<br />
HorrorFlickJF<br />
Humanst521 BT<br />
Impact<br />
Integrity JY Lining 2<br />
JeffrianaJF<br />
JohnAndrewJF<br />
KaiTi_GB2312<br />
Kennedy Sm Caps Book GD<br />
KonTikiEnchantedJF<br />
Kuenstler165 BT<br />
KugelhopfJF<br />
LiSu<br />
LuxRoyaleJF<br />
MagicSpellJF<br />
MartiniJF<br />
Melanie BT<br />
MingLiU<br />
Missy BT<br />
MisterEarl BT<br />
MS Gothic<br />
MS Mincho<br />
MS PGothic<br />
MS PMincho<br />
NSimSun<br />
Parisian BT<br />
Playbill BT<br />
PMingLiU<br />
RandolphJF<br />
Roger<br />
Roundhand BT<br />
SaharanJF<br />
SimHei<br />
SimSun<br />
SouthlandJF<br />
STCaiyun<br />
Stencil BT<br />
STXihei<br />
STXingkai<br />
STXinwei<br />
STZhongsong<br />
Swis721 BT<br />
Tahoma<br />
Times New Roman<br />
Trebuchet MS<br />
TypoUpright BT<br />
VAGRounded BT<br />
VarsityScriptJF<br />
Verdana<br />
WalcottGothicHollywoodJF<br />
WeddingText BT<br />
Wingdings <br />
<br />
<br />Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-58049715536851261492015-06-12T17:40:00.004+00:002015-06-12T17:40:47.548+00:00Our Work - Biogene<br />
<a href="http://www.biogene.com/" target="_blank">Biogene</a> logos designed by inframes and how they appeared on an exhibition stand at the <a href="https://www.eshg.org/" target="_blank">ESHG</a> European Human Genetics Conference in <span class="st">Glasgow </span><span class="st">last week.New (long-overdue) Biogene website coming soon, but in the meantime, we made a couple of micro-sites for <a href="http://www.biogene.com/QuRapid/" target="_blank">QuRapID</a> and <a href="http://www.biogene.com/QuType/" target="_blank">QuType</a></span><br />
<br />
<br />
<img alt="Biogene logo designed by inframes 2014" src="http://www.inframes.com/images/blog/BioGenev2.2.jpg" style="max-width: 650px;" title="Biogene logo designed by inframes 2014" />
<br />
<br />
<img alt="GDT logo designed by inframes 2015" src="http://www.inframes.com/images/blog/GDT3.2.jpg" style="max-width: 650px;" title="GDT logo designed by inframes 2015" />
<br />
<br />
<img alt="QuRapID logo designed by inframes 2014" src="http://www.inframes.com/images/blog/QuRapIDv3-TM.jpg" style="max-width: 650px;" title="QuRapID logo designed by inframes 2014" />
<br />
<br />
<img alt="QuType logo designed by inframes 2014" src="http://www.inframes.com/images/blog/QuTypev2-TM.jpg" style="max-width: 650px;" title="QuType logo designed by inframes 2014" />
<br />
<br />
<img alt="Biogene ESHG European Human Genetics Conference exhibition backdrop - black, backlit" src="http://www.inframes.com/images/blog/black-exhibition-backdrop.jpg" style="max-width: 650px;" title="Biogene ESHG European Human Genetics Conference exhibition backdrop - black, backlit" />
<br />
<br />
<img alt="Biogene ESHG European Human Genetics Conference exhibition backdrop - white" src="http://www.inframes.com/images/blog/white-exhibition-backdrop.jpg" style="max-width: 650px;" title="Biogene ESHG European Human Genetics Conference exhibition backdrop - white" />
<br />
<br />
<img alt="Biogene ESHG European Human Genetics Conference exhibition backdrop - AV presentation" src="http://www.inframes.com/images/blog/flat-screen-presentation.jpg" style="max-width: 650px;" title="Biogene ESHG European Human Genetics Conference exhibition - AV presentation" />
Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-83307403318327649032015-03-25T15:10:00.003+00:002015-03-25T15:10:38.823+00:00Fix mobile usability issues found on [your domain inserted here]<img alt="Fix mobile usability issues found on [your domain inserted here]" src="http://www.inframes.com/images/blog/fix-mobile-usability-issues.jpg" title="Fix mobile usability issues found on [your domain inserted here]" />
<br />
<br />
For several months, Google have been sending out emails to webmasters with the title "Fix mobile usability issues found on [your domain inserted here]".<br />
<br />
In some cases, these can be a bit worrying, because they say things like "Google systems have tested 100 pages from your site and found that 100% of them have critical mobile usability errors".<br />
<br />
Google warns you "These pages will not be seen as mobile-friendly by Google Search, and will therefore be displayed and ranked appropriately for smartphone users." <br />
<br />
Which is another way of saying that you're potentially missing out on mobile users, because when they search the web, they probably won't find your site – and they may well find a competitor's.<br />
<br />
In practice, this means the site wasn't built with mobile devices in mind and so the links are probably too small and too close together for people to be able to click on. And the text is too small to read without zooming in.<br />
<br />
Theoretically, your site will be missing out on mobile users, because when people search Google on their phone, they probably won't find it –they will find a competitor's site.<br />
<br />
Don't panic - nothing has changed on the site and there are no faults that need to be fixed as such, it's just that Google has started a programme of sending out emails to the webmasters of sites that are not yet "mobile-friendly".<br />
<br />
As a major mover in the mobile 'phone market, Google has a vested interest in making the mobile internet experience better for everyone - hence the inflammatory language they're using in their mailout, with words like "fix" and "critical... errors" to scare webmasters into getting up to date.<br />
<br />
There are simple steps you can take to solve this. Inevitably it will involve an investment in bringing the site up to date but on the upside you'll be improving the experience for all your website visitors and quite possibly increasing sales or enquiries. <br />
<br />Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-14413054754137464182014-12-22T16:56:00.002+00:002014-12-22T16:58:50.241+00:00Merry Christmas and a Happy 2015<center>
<img alt="inframes.com ltd Christmas and New Year holiday closures" src="http://www.inframes.com/images/blog/christmas-2014-office-closures.png" height="600" width="600" /></center>
<h3>
Christmas and New Year Office Hours</h3>
<center><table style:="" width:500px="">
<tbody>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Wednesday December 24th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;"><b>Open </b>10am to 1pm
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Thursday December 25th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed (Bank Holiday)
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Friday December 26th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed (Bank Holiday)
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Saturday December 27th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed (Weekend)
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Sunday December 28th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed (Weekend)</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Monday December 29th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Tuesday December 30th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Wednesday December 31st
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Thursday January 1st
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed (Bank Holiday)
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Friday January 2nd
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Saturday January 3rd
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed (Weekend)
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Sunday January 4th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed (Weekend)
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Monday January 5th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;"><b>Open </b>10am - 6pm</td></tr>
</tbody></table></center>
<br />
<i>Email will be monitored as usual throughout the holidays for web hosting technical support queries.</i><br />
<br />
<h3>
Annual Hourly Rates Increase </h3>
Our standard hourly rate will increase in January 2015 from £39.00+VAT, to <b>£40.20+VAT</b>. This is our "rate card" rate and does not affect any project quotes agreed within contractual time limits. This fee applies to work conducted during office hours and more may be charged for Bank Holidays, evenings and weekends.<br />
<br />Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-54528374637622334812014-11-25T11:14:00.001+00:002014-11-29T13:42:40.320+00:00CFMX Hosting Customers - DDoS Attack on HELM Server<img alt="HELM server" src="http://www.inframes.com/images/blog/HELM.jpg" /><br />
<b>Tuesday</b> <br />
<br />
The HELM server is currently on the receiving end of distributed denial-of-service (<a href="http://en.wikipedia.org/wiki/Denial-of-service_attack" target="_blank"><b>DDoS</b></a>) attack.<br />
<br />
Watch this short video, which explains what a DDoS attack is and why it's so damaging
<br />
<br />
<iframe width="640" height="360" src="//www.youtube-nocookie.com/embed/OhA9PAfkJ10" frameborder="0" allowfullscreen></iframe>
<br />
<br />
Here's the latest update from Robert, the system administrator, this morning:<br />
<br />
<blockquote>
Having blocked most of the attacks throughout the night we managed to
remove it from most of the network but the attack is still ongoing on
two IPs 62.197.38.70 and 62.197.38.199 – the shared hosting IPs.<br />
<br />
Both of these IPs are blackholed at the moment as the DDOS team is struggling
to scrub the traffic successfully due to the complexity of this attack.
Everything else apart from the above two IPs should be performing as
expected but service may be slightly slower due to the work on the
routers and switches. Our senior network engineer is still working with
the DDOS team to customize the filters/rules to block the last of the
attack and we hope to update you soon to say its been completed.</blockquote>
<br />
More informally, Robert has described this as "the mother of all attacks", so it really is an exceptional situation.<br />
<br />
If your website is offline right now, it's because your domain is on the first of those two IP addresses: 62.197.38.70<br />
<br />
Email has been working fine throughout this period - it's only website traffic that is currently affected.<br />
<br />
This incident is not connected to the ongoing migration of services away from the HELM server, which has already begun and will continue between now and the end of 2014 when the HELM server will be decommissioned.<br />
<br />
<b>Update from the system administrator at 3.00pm:
</b>
<br />
<blockquote>
Unfortunately this server is still under heavy attack and we have to block the IP completely while it is being mitigated so that it does not affect the rest of the network.
</blockquote>
<blockquote>
We then switch it back on to see if traffic is at an acceptable level. If not, we have to disable again and block more IP addresses.</blockquote>
<blockquote>
I'm afraid this is an ongoing process as attackers used compromised computers of innocent people to do the attacks, and as you block one IP address, another pops up to take its place.</blockquote>
<br />
<b>
Update 6pm</b>
<br />
<br />
<blockquote>
We are still blocking the main shared server IP to protect the sites from these malicious attacks whilst we do more work on our firewalls. This afternoon was another attack from a different source (Korea) which has been targeting only our firewall. The high availability configuration we run is working but the load its coming under is huge due to the size of the attack. The firewalls are back online now and we are seeking to install a second pair which should allow us to spread and clean the traffic and open up the shared IP addresses again, the rest of the network and services are live and functioning.<br />
<br />
The NTT predictive service we joined the network to last night is also removing over 80% of the traffic to let through the clean traffic, but 13k packets per second DDOS attacks are still getting through which is knocking out the server connections every time we bring the main shared server IPs back up. We have 3 engineers from our side and 4 from NTT all working on finding a resolution asap. Im afraid that all we can say.<br />
<br /></blockquote>
<b>Wednesday</b> <b>9.25am</b><br />
<br />
Affected websites have now been restored, but the admins are still working on overall performance so please expect the service to continue to improve throughout the day.<br />
<br />
<b>Latest update from Robert on the front line this morning at 8.30am:
</b><br />
<blockquote>
We are totally on top of it now, found the signature of the attack and blocking is still ongoing. We had to restrict packet sizes through our core switches to stop them in the end but this is meaning that some sites still aren't loading before timing out. Shouldn't be much longer im told whilst we remove these rules.
36+ hours straight, we are all definitely feeling it now...
</blockquote>
<b>Thursday</b> <b>6.10pm</b><br />
<br />
The server has continued to suffer problems due to the ongoing attacks and some clients' sites are unfortunately almost completely inaccessible. Here's the latest from Robert, the system administrator.
<br />
<blockquote>
We have had to block another IP on the shared server which came under attack this morning. As we started to remove the scraping rules to allow things like FTP and let the network be accessible for more locations it hit us again, this time with a different signature.
</blockquote>
As a result of the ongoing problems, we've accelerated the migration of domains away from the server, which was due to happen progressively at a relatively sedate pace over the next four weeks. Watch this space for further updates if you haven't already heard from me in person.
<br /><br />
<b>Saturday November 29th</b> <b>1.35pm</b><br />
<br />
It's been a heck of a week and there has been a great deal of disruption to various services at different times, but as a result of migrating websites away from HELM, along with the ongoing efforts of the system administrators, the vast majority of services have now been restored. But the attack has not stopped and so work to mitigate its effects is continuing. Again, contact me directly if you have any questions and in the meantime keep watching this space.
<br />
<br />
Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-72170378741728955302014-11-21T12:41:00.001+00:002014-11-21T12:44:37.189+00:00It's Been a Pleasure to Serve<p><img src="http://www.inframes.com/images/blog/gift-hamper-sherpa-expeditions.jpg" /></p>
<p>What a lovely surprise to receive this thoughtful gift hamper from specialist travel company <a target="_blank" href="http://www.sherpaexpeditions.com/" title="Sherpa Expeditions Walking Holidays">Sherpa Expeditions</a> this morning.</p>
<p>We've been helping to look after Sherpa's interests on the web for more than a decade but when the worldwide walking holiday company was snapped up by the <a href="http://worldexpeditions.co.uk/index.php?section=about_us&id=281985" target="_blank">World Expeditions Travel Group</a> back in 2012 it was only a matter of time before the site was migrated to the company's central web development team in Australia.</p>
<p>All the very best wishes for the future to everyone at Sherpa Expeditions. It has been a pleasure.</p>
<p>FYI The new Sherpa website went live this month and to mark the occasion, Sherpa currently has a <a href="http://www.sherpaexpeditions.com/Inspiration-Advice/Competitions-Deals-Special-Offers" target="_blank">special offer</a> cutting 10% off all 2015 Active Holidays so book now.</p>
<p> </p><p> </p>
<p>PS. We are delighted to still be supporting our long-term and highly valued client <a href="http://www.sherpavan.com" title="Sherpa Van Walking Holidays in Britain" target="_blank">Sherpa Van</a>, which provided accommodation and baggage transport services for walkers on the <a href="http://www.coast2coast.co.uk/" target="_blank">Coast to Coast</a> walk, the <a href="http://www.cotswold-way.co.uk/" target="_blank">Cotswold Way</a>, <a href="http://www.thepennineway.co.uk/" target="_blank">Pennine Way</a>, <a href="http://www.thedalesway.co.uk/" target="_blank">Dales Way</a>,
<a href="http://www.clevelandway.co.uk//" target="_blank">Cleveland Way</a> and many more.</p>
Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-25451479671300160032014-07-20T11:35:00.001+00:002014-07-20T11:37:01.885+00:00Is the EU Cookie Law Still a Thing?<img alt="Is the EU Cookie Law Still a Thing? Believe it or not, yes it is" border="0" src="http://www.inframes.com/images/blog/eu-cookie-law.jpg" title="Is the EU Cookie Law Still a Thing? Believe it or not, yes it is" />
<br />
<br />
Believe it or not, yes it is.<br />
<br />
And in case you're still thinking "my site is okay, because I don't use cookies", be aware that <a href="http://www.google.com/analytics/" target="_blank">Google Analytics</a> cookies are covered by the EU Cookie law and so legally, since they are not essential for the functionality of your site, you have a responsibility to tell people that you are using them and give visitors the option to leave your site before a cookie is issued.<br />
<br />
I'm not aware of anyone having been prosecuted for contraventions of the cookie law, as yet, but of course that doesn't mean it will never happen.<br />
<br />
As you can imagine, <b>the likely recipients of prosecution</b> would probably be companies who are <b>deliberately using cookies in a dishonest way</b> in order to gather information about users that those users would not have volunteered.<br />
<br />
One can only assume that the likely course of action in the case of an average website - ie. one that uses cookies in a harmless but non-compliant way - would be a warning to the website owners that they must become compliant immediately or face prosecution.<br />
<br />
But of course, a contravention is a contravention and I imagine the authorities have to take it seriously when any complaint is levelled against a company that is not compliant.<br />
<br />
Quick and easy options to make the whole thing go away include the free <a href="http://civicuk.com/cookie-law/pricing" target="_blank">Cookie Control</a> code or Google's own <a href="http://www.cookiechoices.org/" target="_blank">Cookie Choices</a> code. Either can probably be configured and set up on your site in under half an hour.Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-80461456614629208712014-07-15T17:14:00.001+00:002014-07-15T17:16:08.495+00:00Getting rid of Wordpress spam comments<img alt="Getting rid of Wordpress spam comments" src="http://www.inframes.com/images/blog/Getting-rid-of-Wordpress-spam-comments.jpg" width="650" height="322" title="Getting rid of Wordpress spam comments" /><br />
<br />
To get rid of comments, go to the Comments page here: yourdomain.com/wp-admin/edit-comments.php<br />
<br />
And for each bit of spam, check the box next to it down the left-hand side.<br />
<br />
<img alt="Getting rid of Wordpress spam comments" src="http://www.inframes.com/images/blog/Getting-rid-of-Wordpress-spam-comments.png" width="667" height="534" title="Getting rid of Wordpress spam comments" width="667" /><br />
<br />
Then select <b>Mark as Spam</b> from the Bulk Actions menu.<br />
<br />
Then just continue with the next page of Comments and repeat.<br />
<br />
The recognised way to stop comment spam is to use <a href="http://akismet.com/" target="_blank">Akismet</a>, which is one of only two plugins that comes pre-installed with Wordpress. However, while effective, that requires an annual subscription.<br />
<br />
Recently, I've found considerable success using a plug-in called <a href="http://wordpress.org/plugins/anti-spam/" target="_blank">Anti-Spam for Wordpress</a>, which is free. It's relatively low-tech and in due course, if it becomes popular enough, spammers will undoubtedly start to find a way around it,but for now it seems to be working very well on 100% of the sites on which I've tested it.<br />
<br />
<br />Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-20783395594259037262014-07-14T16:32:00.000+00:002014-07-15T17:15:00.454+00:00Summer Holiday Closures<img alt="inframes.com ltd summer holiday closures" src="http://www.inframes.com/images/blog/summer-holiday-office-closures.jpg" height="433" width="650" /><br />
<table style:="" width:500px="">
<tbody>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Friday July 18th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Friday August 15th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Monday August 18th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Friday August 22nd
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Monday August 25th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed (Bank Holiday)
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Tuesday August 26th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Monday September 1st
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Tuesday September 2nd
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Wednesday September 3rd
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
</tbody></table>
<br />
Email will be monitored as usual throughout the holidays for web hosting tech support queries.
Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-57214820951231681882014-06-19T15:04:00.004+00:002014-06-19T15:06:25.068+00:00How to Generate the API Key, API Secret, Access Token and Access Token Secret for Twitter OAuth<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]--><br />
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
</o:OfficeDocumentSettings>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves>false</w:TrackMoves>
<w:TrackFormatting/>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>EN-GB</w:LidThemeOther>
<w:LidThemeAsian>X-NONE</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:EnableOpenTypeKerning/>
<w:DontFlipMirrorIndents/>
<w:OverrideTableStyleHps/>
</w:Compatibility>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]--><!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="false"
DefSemiHidden="false" DefQFormat="false" DefPriority="99"
LatentStyleCount="371">
<w:LsdException Locked="false" Priority="0" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 6"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 7"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 8"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index 9"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" Name="toc 9"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Normal Indent"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="footnote text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="annotation text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="header"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="footer"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="index heading"/>
<w:LsdException Locked="false" Priority="35" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="table of figures"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="envelope address"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="envelope return"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="footnote reference"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="annotation reference"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="line number"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="page number"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="endnote reference"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="endnote text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="table of authorities"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="macro"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="toa heading"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Bullet 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Number 5"/>
<w:LsdException Locked="false" Priority="10" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Closing"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Signature"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="true"
UnhideWhenUsed="true" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text Indent"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="List Continue 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Message Header"/>
<w:LsdException Locked="false" Priority="11" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Salutation"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Date"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text First Indent"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text First Indent 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Note Heading"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text Indent 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Body Text Indent 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Block Text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Hyperlink"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="FollowedHyperlink"/>
<w:LsdException Locked="false" Priority="22" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Document Map"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Plain Text"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="E-mail Signature"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Top of Form"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Bottom of Form"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Normal (Web)"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Acronym"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Address"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Cite"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Code"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Definition"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Keyboard"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Preformatted"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Sample"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Typewriter"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="HTML Variable"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Normal Table"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="annotation subject"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="No List"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Outline List 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Outline List 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Outline List 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Simple 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Simple 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Simple 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Classic 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Colorful 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Colorful 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Colorful 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Columns 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 6"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 7"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Grid 8"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 4"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 5"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 6"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 7"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table List 8"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table 3D effects 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table 3D effects 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table 3D effects 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Contemporary"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Elegant"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Professional"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Subtle 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Subtle 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Web 1"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Web 2"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Web 3"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Balloon Text"/>
<w:LsdException Locked="false" Priority="39" Name="Table Grid"/>
<w:LsdException Locked="false" SemiHidden="true" UnhideWhenUsed="true"
Name="Table Theme"/>
<w:LsdException Locked="false" SemiHidden="true" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" SemiHidden="true" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" QFormat="true"
Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" QFormat="true"
Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" QFormat="true"
Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" QFormat="true"
Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" QFormat="true"
Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" QFormat="true"
Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" SemiHidden="true"
UnhideWhenUsed="true" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" SemiHidden="true"
UnhideWhenUsed="true" QFormat="true" Name="TOC Heading"/>
<w:LsdException Locked="false" Priority="41" Name="Plain Table 1"/>
<w:LsdException Locked="false" Priority="42" Name="Plain Table 2"/>
<w:LsdException Locked="false" Priority="43" Name="Plain Table 3"/>
<w:LsdException Locked="false" Priority="44" Name="Plain Table 4"/>
<w:LsdException Locked="false" Priority="45" Name="Plain Table 5"/>
<w:LsdException Locked="false" Priority="40" Name="Grid Table Light"/>
<w:LsdException Locked="false" Priority="46" Name="Grid Table 1 Light"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark"/>
<w:LsdException Locked="false" Priority="51" Name="Grid Table 6 Colorful"/>
<w:LsdException Locked="false" Priority="52" Name="Grid Table 7 Colorful"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 1"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 1"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 1"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 1"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 1"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 2"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 2"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 2"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 2"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 2"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 3"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 3"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 3"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 3"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 3"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 4"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 4"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 4"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 4"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 4"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 5"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 5"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 5"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 5"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 5"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="46"
Name="Grid Table 1 Light Accent 6"/>
<w:LsdException Locked="false" Priority="47" Name="Grid Table 2 Accent 6"/>
<w:LsdException Locked="false" Priority="48" Name="Grid Table 3 Accent 6"/>
<w:LsdException Locked="false" Priority="49" Name="Grid Table 4 Accent 6"/>
<w:LsdException Locked="false" Priority="50" Name="Grid Table 5 Dark Accent 6"/>
<w:LsdException Locked="false" Priority="51"
Name="Grid Table 6 Colorful Accent 6"/>
<w:LsdException Locked="false" Priority="52"
Name="Grid Table 7 Colorful Accent 6"/>
<w:LsdException Locked="false" Priority="46" Name="List Table 1 Light"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark"/>
<w:LsdException Locked="false" Priority="51" Name="List Table 6 Colorful"/>
<w:LsdException Locked="false" Priority="52" Name="List Table 7 Colorful"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 1"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 1"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 1"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 1"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 1"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 1"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 2"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 2"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 2"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 2"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 2"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 2"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 3"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 3"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 3"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 3"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 3"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 3"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 4"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 4"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 4"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 4"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 4"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 4"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 5"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 5"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 5"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 5"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 5"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 5"/>
<w:LsdException Locked="false" Priority="46"
Name="List Table 1 Light Accent 6"/>
<w:LsdException Locked="false" Priority="47" Name="List Table 2 Accent 6"/>
<w:LsdException Locked="false" Priority="48" Name="List Table 3 Accent 6"/>
<w:LsdException Locked="false" Priority="49" Name="List Table 4 Accent 6"/>
<w:LsdException Locked="false" Priority="50" Name="List Table 5 Dark Accent 6"/>
<w:LsdException Locked="false" Priority="51"
Name="List Table 6 Colorful Accent 6"/>
<w:LsdException Locked="false" Priority="52"
Name="List Table 7 Colorful Accent 6"/>
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-fareast-language:EN-US;}
</style>
<![endif]--><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;">If you want to create a customised Twitter feed for your website, rather than using the copy-and-paste code from the <a href="https://twitter.com/settings/widgets" target="_blank">Twitter Widgets</a> pages - you need to get the required authorisation
codes from Twitter.</span>
<br />
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;">We need four things:</span></div>
<ol>
<li><span style="color: #1f497d; font-family: Symbol; font-size: 11.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol; mso-fareast-language: EN-US;"><span style="mso-list: Ignore;">·<span style="font: 7.0pt "Times New Roman";">
</span></span></span><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;">API key</span></li>
<li><span style="color: #1f497d; font-family: Symbol; font-size: 11.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol; mso-fareast-language: EN-US;"><span style="mso-list: Ignore;">·<span style="font: 7.0pt "Times New Roman";">
</span></span></span><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;">API secret</span></li>
<li><span style="color: #1f497d; font-family: Symbol; font-size: 11.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol; mso-fareast-language: EN-US;"><span style="mso-list: Ignore;">·<span style="font: 7.0pt "Times New Roman";">
</span></span></span><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;">Access token</span></li>
<li><span style="color: #1f497d; font-family: Symbol; font-size: 11.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol; mso-fareast-language: EN-US;"><span style="mso-list: Ignore;">·<span style="font: 7.0pt "Times New Roman";">
</span></span></span><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;">Access token secret</span></li>
</ol>
<div class="MsoNormal">
<span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;">Each is a long string of numbers and letters something like this: lhAZTN7pg0AyElFtyVT1vONgI9rdEoAliEOv09KPbs1Sv</span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;">Here's how you get them:</span></div>
<ol>
<li><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;"><span style="mso-list: Ignore;"><span style="font: 7.0pt "Times New Roman";"></span></span></span><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;">Go to https://dev.twitter.com/apps/new</span></li>
<li><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;"><span style="mso-list: Ignore;"></span></span><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;">Give your new "Application" a name and description (anything
you like - it's not important, but it might be something like "My feed
for Wordpress widget") and enter your website address. You can leave the
callback URL empty.</span></li>
<li><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;"><span style="mso-list: Ignore;"><span style="font: 7.0pt "Times New Roman";"></span></span></span><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;">Accept the terms and click the "Create" button.</span></li>
<li><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;"><span style="mso-list: Ignore;"><span style="font: 7.0pt "Times New Roman";"></span></span></span><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;">Click on the "API keys" tab</span><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;"></span></li>
<li><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;">Here you will find the API key and
the API secret. Carefully copy (Ctrl+C) and paste </span><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;"><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;">(Ctrl+V) </span>them into a safe place so you can send them in an email to your website developer.</span>
</li>
<li><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;"><span style="mso-list: Ignore;"><span style="font: 7.0pt "Times New Roman";"> </span></span></span><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;">Scroll down and click the "Create my access token" button</span></li>
<li><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;">You'll see a message telling you may need to refresh the page, so go ahead and do so</span></li>
<li><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;">When you scroll down to the bottom of the page again, you'll find your
Access token and Access token secret.</span></li>
<li><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;">Again, copy and paste them into a safe place</span></li>
<li><span style="color: #1f497d; font-family: "Calibri","sans-serif"; font-size: 11.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-fareast-language: EN-US; mso-hansi-theme-font: minor-latin;">Send them to your website developer to work some magic</span></li>
</ol>
Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-27020879073536226502014-02-25T18:09:00.002+00:002014-02-25T18:13:29.980+00:00Two Clicks Back and One Forward for BBC Radio Player<img alt="The BBC Radio Player Drama Category - simply too many clicks to find the programme you want" border="0" src="http://www.inframes.com/images/blog/too-many-clicks.jpg" title="The BBC Radio Player Drama Category - simply too many clicks to find the programme you want" /><br />
<br />
<b>For some time now I have refused to accept the prompts to use the "new look" BBC radio player website interface</b> and I was disappointed to discover recently that the old one had been retired and I'm no longer given the choice.<br />
<br />
<b>Too Many Clicks</b><br />
<br />
Suffice to say, the new version <i>just isn't as good</i>, because it makes every listening choice harder to find.<br />
<br />
Organising large amounts of information is very difficult and on any given day the BBC have many programmes you can listen to. But what's galling is that this information used to be organised so well. It was intuitive and easy. The focus of the new design is to make programmes more accessible to mobile devices, but it has sacrificed much of its intuitive ease in the cause of progress.<br />
<br />
<b>What is the Book of the Week?</b><br />
<br />
For example, looking at the array of available Radio Drama programmes on the site right now, they include "Drama on 3", "Classic Serial", "Book at Bedtime" and "Book of the Week".<br />
<br />
Fair enough, but what exactly are they? What is the <i>Book of the Week</i>? I have to click it to find out. <br />
<br />
As for the <i>Book at Bedtime</i>, I click on it and go to a new page to find out that the earliest available episode is Part 11 of 20. If I knew that episode 1 had expired already, I needn't have bothered clicking on it.<br />
<br />
With the old system, the names of the books being read and the plays being performed were available in the Drama listings, not just the generic umbrella series title. Moreover, the page told me which episode was the latest and there was a little link labeled "5 more" or "3 more" which I could click on to expand without leaving the page. <br />
<br />
Another example right now is <i>Casino Royale</i>.<br />
<ul>
<li>Seeing the title, I think to myself: "Sounds good" and so I click on it <span style="color: #4c1130;"><span style="background-color: white;">(count: 1 click)</span></span></li>
<li>which takes me to episode 5. But I want to listen to episode 1. So I click on the Episodes tab <span style="color: #4c1130;">(count: 2 clicks)</span>.</li>
<li>Then I have to scroll all the way down to the bottom of the page to find episode 1, because episode 10 is at the top. I've got two hours left to listen to episode 1. So I click on episode 1 <span style="color: #4c1130;">(count: 3 clicks)</span>.</li>
<li>That has a graphic saying "Listen Now", so I click that <span style="color: #4c1130;">(count: 4 clicks)</span>. </li>
</ul>
With the old system, those four clicks would have been reduced to two or, at most, three.<br />
<br />
It was entirely superior to this new system, which requires me to click back and forth between pages to find what I want to listen to. <br />
<br />
<b>That's not all</b>. The <i>Casino Royale</i> episode 1 page doesn't have a link to episode 2. So I have to go back to the Episodes tab to click on the episode 2 link. Another two clicks where once there used to be one.<br />
<br />
<b>Worse is to come. </b><br />
<br />
<ol>
<li>I click on <i>Charles Chilton - Journey Into Space</i> <span style="color: #4c1130;">(count: 1 click)</span>.</li>
<li>The current programme is episode 4, but I want to hear it from the beginning. I click on the Episodes tab <span style="color: #4c1130;">(count: 2 clicks)</span>.</li>
<li>There are three different series available. I have to click back to find out which series is currently being broadcast <span style="color: #4c1130;">(count: 3 clicks)</span>.</li>
<li>Having ascertained that it's a series called "Operation Luna" I go back to the list <span style="color: #4c1130;">(count: 4 clicks)</span></li>
<li>and click on the right series <span style="color: #4c1130;">(count: 5 clicks)</span>.</li>
<li>On this page for some reason there's not a list of episodes, but there's a carousel in which episode 4 is displayed by default. So now I have to click to get to episode 3 <span style="color: #4c1130;">(count: 6 clicks)</span>,</li>
<li>then episode 2 <span style="color: #4c1130;">(count: 7 clicks)</span>,</li>
<li>then finally episode 1 <span style="color: #4c1130;">(count: 8 clicks)</span>.</li>
</ol>
<br />
Another example of system failure is <i>Ben Moor - Undone</i>. I clicked on that to find out more only to be told "This programme is not currently available on BBC iPlayer Radio". Why is it in the list, then?<br />
<br />
The formula is simple. More clicks = a worse user experience.<br />
<br />
I realise the old version of the radio player system is never going to return but I strongly advise the BBC to reinstate some of the useful functionality that interconnected radio programmes in a meaningful way.<br />
<br />
On the upside, I'm really pleased to see that song titles and artist names are now displayed in real time when I listen to music radio, rather than having to wait till the following day to see a full tracklisting. That is a big improvement that doesn't impact on me finding what I want and it's a delight. Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-46563086891901015032013-12-22T12:36:00.000+00:002013-12-24T14:24:27.965+00:00Why Not to Use a Free Online Web Builder - Part Four<img alt="Why Not to Use a Free Online Web Builder" height="354" src="http://www.inframes.com/images/blog/Why-Not-to-Use-a-Free-Online-Web-Builder.jpg" title="Why Not to Use a Free Online Web Builder" width="650" />
<br />
<br />
<h2>
Part Four: If you think you think it's expensive hiring a professional...</h2>
<br />
<br />
<img alt="Pizza chef" height="386" src="http://www.inframes.com/images/blog/pizza-chef.jpg" title="Pizza chef" width="250" align="left" style="padding-right:10px;padding-bottom:60px;" />
We’re all affected by looks, consciously or otherwise. When we are standing outside a pub or restaurant, we size it up based on appearances. If we’re contemplating a fry-up to help get over a hangover, then we’ll be looking for something very different to when we’re planning an anniversary dinner or looking for a venue for a business meeting. But whatever we’re looking for, <b>we know it when we see it</b> because we’ve learned to look for <i>key indicators</i> that tell us what to expect when we walk through the door.<br />
<br />
We might not be able to list those key indicators off the top of our heads, but we have a feel for them.<br />
<br />
In design, there are certain typefaces that complement one another. There are colours that suit a particular type of business or target market. There is a language that works well in the corporate market which differs when you are communicating with the public or with a small business. And there are images which confirm your investment in quality while others shriek the words “clip art”.<br />
<br />
<b>In business, we strive at all times to appear professional</b>. And these days your website very often forms the first impression of your company. In many cases, all it needs to do is <i>meet expectations</i>. If I want to buy a product or service that you sell, then by coming to your website I have started out by being open to do business. <i>All you need to do is not disappoint me</i>. <br />
<br />
Now, if you run a restaurant for a living, then you can’t eat out without scrupulously analysing the food, service, décor, location, menus and price. As a website designer, I tend to look at everything with a designer’s eye. And of course <i>I know not everyone does that</i>.<br />
<br />
<img alt="That’s what I was looking for" height="195" src="http://www.inframes.com/images/blog/thumb-up.png" title="That’s what I was looking for" width="250" align="right" style="padding-left:10px;padding-bottom:10px;" />
So let’s say for a moment that I’m not a designer. When I arrive at your site I should be thinking <b>“Yep, that’s what I was looking for”</b>. Maybe I’ll browse around a few pages first, maybe I’ll check out the competition, but if the price is right and all other things being equal, why should I look elsewhere?<br />
<br />
And the answer to that is that I might be thinking: “There’s something a bit wrong about this and I just can’t put my finger on it” or worse “Nothing seems to happen when I click here, where it says CLICK HERE”.<br />
<br />
<b>If you do it yourself, then what will you do when something goes wrong?</b> Will you know where to tap? And if your website doesn’t start sales rolling in, what will you do about that? If the answer is start again from scratch, then think about how much time you might have lost in the interim – time your competitors have spent building their web presence. <br />
<br />
And once it’s built, the job doesn’t end there. A good website is never finished – it should reflect the vitality and enterprise of your organisation, not leave people thinking “I wonder if they’re still in business?” <br />
<br />
That’s not to mention the ongoing process of search engine optimisation. In a world with billions of web pages being created every single day, <b>it’s madness to imagine you’re going to get to page one on Google with your first five-page website</b> and even if you did, it’s madness to think you’ll stay there while others are busy creating more and better content for their sites.<br />
<br />
<i>Wouldn’t it make more sense to spend your time working on your business than on making a website you know is second best?</i><br />
<br />
<img alt="How many big name brands have built their website using Google Sites?" height="131" src="http://www.inframes.com/images/blog/google-design.png" title="How many big name brands have built their website using Google Sites?" width="250" align="left" style="padding-right:10px;padding-bottom:10px;" />
How many big name brands have got a website built in an afternoon by the office manager using Google Sites? You might say that’s a spurious remark, but really, <b>if it was that good, why would you need to do anything else?</b><br />
<br />
The simple fact is that all businesses want to distinguish themselves from their competition or at the very least stand shoulder to shoulder alongside the leading competitors. If all of your competitors have terrible websites then it will take a very small investment to exceed what they have achieved. And if all you do is equal their mediocrity, it will be equally easy for them to leapfrog you should they see the inherent advantages of hiring a professional.<br />
<br />
<i>So having given it some careful thought, I’m happy that my instinctive answer still seems like the right one. Amateur work achieves amateur results.</i><br />
<br />
As one of my clients put it - if you think you think it's expensive hiring a professional, wait till you try hiring an amateur. <br />
<br />
Thankfully I work in a field where most people don't need to be convinced of the value of my expertise. They just want to hire someone who knows where to tap, first time, every time.<br />
<br />
<table align="center" border="0" cellpadding="4" cellspacing="0" style="width: 50%;">
<tbody>
<tr valign="top">
<td align="center" width="50%"><a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder_2253.html" title="Previous">Prev</a>
</td>
<td align="center" width="50%"></td>
</tr>
</tbody></table>
<br />
<a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder.html" title="Why Not to Use a Free Online Web Builder - Part One: You would say that, wouldn’t you?">Part One: You would say that, wouldn’t you?</a><br />
<a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder_24.html" title="Why Not to Use a Free Online Web Builder - Part Two: Do you have any experience as a designer?">Part Two: Do you have any experience as a designer?</a><br />
<a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder_2253.html" title="Why Not to Use a Free Online Web Builder - Part Three: Do you do everything yourself?">Part Three: Do you do everything yourself?</a><br />
<a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder_22.html" title="Why Not to Use a Free Online Web Builder - Part Four: If you think you think it's expensive hiring a professional...">Part Four: If you think you think it's expensive hiring a professional...</a>
<br />
<br />
<h3>
Read on... </h3>
Don't just take my word for it. Have a look at some of the many free online website builders you can choose from.<br />
<table align="center" border="0" cellpadding="4" cellspacing="0" style="width: 100%px;">
<tbody>
<tr valign="top">
<td width="50%"><a href="http://website.1and1.com/free-website-builder" target="_blank" title="List of free online website builders - 1&1">1&1</a>
</td>
<td width="50%"><a href="http://www.350.com/" target="_blank" title="List of free online website builders - 350.com">350.com</a>
</td>
</tr>
<tr valign="top">
<td><a href="http://www.bravenet.com/" target="_blank" title="List of free online website builders - bravenet">bravenet</a>
</td>
<td><a href="http://www.devhub.com/" target="_blank" title="List of free online website builders - devhub">devhub</a>
</td>
</tr>
<tr valign="top">
<td><a href="http://www.doodlekit.com/" target="_blank" title="List of free online website builders - doodlekit">doodlekit</a>
</td>
<td><a href="https://sites.google.com/" target="_blank" title="List of free online website builders - Google Sites">google sites</a>
</td>
</tr>
<tr valign="top">
<td><a href="http://imcreator.com/" target="_blank" title="List of free online website builders - imcreator.com">imcreator.com</a>
</td>
<td><a href="http://jigsy.com/" target="_blank" title="List of free online website builders - jigsy">jigsy</a>
</td>
</tr>
<tr valign="top">
<td><a href="http://www.moonfruit.com/" target="_blank" title="List of free online website builders - moonfruit">moonfruit</a>
</td>
<td><a href="http://www.snackwebsites.com/" target="_blank" title="List of free online website builders - snackwebsites">snackwebsites</a>
</td>
</tr>
<tr valign="top">
<td><a href="http://www.tripod.lycos.com/" target="_blank" title="List of free online website builders - tripod">tripod</a>
</td>
<td><a href="http://www.ucoz.com/" target="_blank" title="List of free online website builders - ucoz">ucoz</a>
</td>
</tr>
<tr valign="top">
<td><a href="https://www.yola.com/" target="_blank" title="List of free online website builders - yola">yola</a>
</td>
<td><a href="http://www.webs.com/" target="_blank" title="List of free online website builders - webs.com">webs.com</a>
</td>
</tr>
<tr valign="top">
<td><a href="http://webstarts.com/" target="_blank" title="List of free online website builders - webstarts">webstarts</a>
</td>
<td><a href="http://www.weebly.com/" target="_blank" title="List of free online website builders - weebly">weebly</a>
</td>
</tr>
<tr valign="top">
<td><a href="http://www.wix.com/" target="_blank" title="List of free online website builders - wix">wix</a>
</td>
<td><a href="https://www.yola.com/" target="_blank" title="List of free online website builders - yola">yola</a>
</td>
</tr>
<tr valign="top">
<td><a href="http://www.zoho.com/sites/free-website-builder.html" target="_blank" title="List of free online website builders - zoho">zoho</a>
</td>
<td></td>
</tr>
</tbody></table>
<br />
<br />Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-47271011569455155802013-12-21T12:31:00.000+00:002013-12-24T13:58:36.312+00:00Why Not to Use a Free Online Web Builder - Part Three<img alt="Why Not to Use a Free Online Web Builder" height="354" src="http://www.inframes.com/images/blog/Why-Not-to-Use-a-Free-Online-Web-Builder.jpg" title="Why Not to Use a Free Online Web Builder" width="650" />
<br />
<br />
<h2>
Part Three: Do you do everything yourself?</h2>
<br />
<br />
If you’re the kind of person who doesn’t ever delegate anything unless you can possibly avoid it, then the words “do it yourself” are probably written right through the core of you like a stick of rock.<br />
<br />
Personally, I’m a big believer in <i>leaving stuff to the experts where possible</i>. Because I value my life, I like my wiring to be fixed by a trained electrician and because I want to make the best of my finances, I trust my money to my financial adviser and my accountant. <br />
<br />
Of course, sometimes you can’t afford an expert, as much as you’d like to. So you have a stab at tiling your own bathroom, say. And it might take a really long time and be a steep learning curve, but eventually, after a lot of swearing and a few broken tiles, you end up with something you can be proud of. It might be a bit amateurish, but you did it yourself.<br />
<br />
But <i>does the analogy translate to the business world</i>?<br />
<br />
<img alt="Commercial photography" height="247" src="http://www.inframes.com/images/blog/photography.jpg" title="Commercial photography" width="250" align="right" style="padding-left:10px;padding-bottom:10px;" />
Let’s look at a profession that’s not distantly related to mine – commercial photography. <br />
<br />
Sure, we can all take a photograph. Most of us can even take one with our ‘phone these days. And occasionally, with favourable lighting and a compelling subject, they look really good. But that’s more luck than judgement. It takes a professional with the right equipment, experience, a talent for composition, training in a variety of techniques, a thorough knowledge of the technology and of course imagination to get results like that every time. They can take a picture of a cardboard box and make it look enticing. And more to the point, if they had taken the photo you were really pleased with, <i>they’d have done it even better</i>.<br />
<br />
<b>There are two big problems with doing it yourself in business.</b><br />
<br />
<b>First</b>, you’re spending a lot of time on something that is not your job. So it’s taking you away from directly building your business and working for your customers. <br />
<br />
<b>And second</b>, while you might be relatively proud of what you’ve achieved, you look at your competitors and there’s no disguising the superiority of their efforts. <br />
<br />
But you might say “My customers won’t be able to tell the difference. They’re interested in price and service, not looks” and on the face of it, that’s true. <br />
<br />
<table align="center" border="0" cellpadding="4" cellspacing="0" style="width: 50%;">
<tbody>
<tr valign="top">
<td width="50%" align="center"><a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder_24.html" title="Previous">Prev</a>
</td>
<td width="50%" align="center"><a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder_22.html" title="Next">Next</a>
</td>
</tr>
</table>
<br />
<a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder.html" title="Why Not to Use a Free Online Web Builder - Part One: You would say that, wouldn’t you?">Part One: You would say that, wouldn’t you?</a><br />
<a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder_24.html" title="Why Not to Use a Free Online Web Builder - Part Two: Do you have any experience as a designer?">Part Two: Do you have any experience as a designer?</a><br />
<a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder_2253.html" title="Why Not to Use a Free Online Web Builder - Part Three: Do you do everything yourself?">Part Three: Do you do everything yourself?</a><br />
<a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder_22.html" title="Why Not to Use a Free Online Web Builder - Part Four: If you think you think it's expensive hiring a professional...">Part Four: If you think you think it's expensive hiring a professional...</a>
<br />
<br />
<h3>Read on... </h3>
<p>Don't just take my word for it. Have a look at some of the many free online website builders you can choose from.</p>
<table width="100%" border="0" cellpadding="4" cellspacing="0" align="center">
<tr valign="top">
<td width="50%">
<a target="_blank" href="http://website.1and1.com/free-website-builder" title="List of free online website builders - 1&1">1&1</a>
</td>
<td width="50%">
<a target="_blank" href="http://www.350.com/" title="List of free online website builders - 350.com">350.com</a>
</td>
</tr>
<tr valign="top">
<td>
<a target="_blank" href="http://www.bravenet.com/" title="List of free online website builders - bravenet">bravenet</a>
</td>
<td>
<a target="_blank" href="http://www.devhub.com/" title="List of free online website builders - devhub">devhub</a>
</td>
</tr>
<tr valign="top">
<td>
<a target="_blank" href="http://www.doodlekit.com/" title="List of free online website builders - doodlekit">doodlekit</a>
</td>
<td>
<a target="_blank" href="https://sites.google.com/" title="List of free online website builders - Google Sites">google sites</a>
</td>
</tr>
<tr valign="top">
<td>
<a target="_blank" href="http://imcreator.com/" title="List of free online website builders - imcreator.com">imcreator.com</a>
</td>
<td>
<a target="_blank" href="http://jigsy.com/" title="List of free online website builders - jigsy">jigsy</a>
</td>
</tr>
<tr valign="top">
<td>
<a target="_blank" href="http://www.moonfruit.com/" title="List of free online website builders - moonfruit">moonfruit</a>
</td>
<td>
<a target="_blank" href="http://www.snackwebsites.com/" title="List of free online website builders - snackwebsites">snackwebsites</a>
</td>
</tr>
<tr valign="top">
<td>
<a target="_blank" href="http://www.tripod.lycos.com/" title="List of free online website builders - tripod">tripod</a>
</td>
<td>
<a target="_blank" href="http://www.ucoz.com/" title="List of free online website builders - ucoz">ucoz</a>
</td>
</tr>
<tr valign="top">
<td>
<a target="_blank" href="https://www.yola.com/" title="List of free online website builders - yola">yola</a>
</td>
<td>
<a target="_blank" href="http://www.webs.com/" title="List of free online website builders - webs.com">webs.com</a>
</td>
</tr>
<tr valign="top">
<td>
<a target="_blank" href="http://webstarts.com/" title="List of free online website builders - webstarts">webstarts</a>
</td>
<td>
<a target="_blank" href="http://www.weebly.com/" title="List of free online website builders - weebly">weebly</a>
</td>
</tr>
<tr valign="top">
<td>
<a target="_blank" href="http://www.wix.com/" title="List of free online website builders - wix">wix</a>
</td>
<td>
<a target="_blank" href="https://www.yola.com/" title="List of free online website builders - yola">yola</a>
</td>
</tr>
<tr valign="top">
<td>
<a target="_blank" href="http://www.zoho.com/sites/free-website-builder.html" title="List of free online website builders - zoho">zoho</a>
</td>
<td>
</td>
</tr>
</table>
<br />
<br />
Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-20172355791456164942013-12-20T12:23:00.000+00:002013-12-24T13:50:48.890+00:00Why Not to Use a Free Online Web Builder - Part Two<img alt="Why Not to Use a Free Online Web Builder" height="354" src="http://www.inframes.com/images/blog/Why-Not-to-Use-a-Free-Online-Web-Builder.jpg" title="Why Not to Use a Free Online Web Builder" width="650" />
<br />
<br />
<h2>
Part Two: Do you have any experience as a designer?</h2>
<br />
<br />
It’s not unreasonable to suggest that someone who has rarely, if ever, done something will be less good at it than someone who does it for a living.<br />
<br />
Of course, there are arguments against this.<br />
<br />
For one, the free website builder applications use templates <i>designed by professionals</i>.<br />
<br />
For another, just because you’ve been doing something for years <i>doesn’t actually mean you’re any good at it</i>. You might just be very persistent.<br />
<br />
So let’s address those two points.<br />
<br />
<img alt="Website templates" height="386" src="http://www.inframes.com/images/blog/website-templates.jpg" title="Website templates" width="250" align="right" style="padding-left:10px;padding-bottom:10px;" />
<b>First, the quality of the templates</b>. Yes, your template might look fantastic. But design is about creating a fine balance between form and function that is conducive to a particular goal. In the case of making a website, that goal is usually either to make a sale or to initiate a sales lead.<br />
<br />
With a website builder application, you start out with an attractive template, but then you obviously have to customise it to your own needs. That will immediately upset the fine balance established by the original designer. And it’s not all about being arty-farty. There will be some practical difficulties to overcome. For instance, the template might be designed for a white-on-black logo but yours needs to be black on white. So now you’ve got a big white box in one corner of the site that immediately ruins the look. Or the template might look great with a short-and-sweet company name at the top like “The IT Consultancy”, but your company name is The Association of British International Petrochemical Importers. And it really doesn’t want to fit.<br />
<br />
<a class="blogimage" target="_blank" href="http://www.amazon.co.uk/Outliers-Story-Success-Malcolm-Gladwell/dp/0141036257/whatthepaperssay/"><img alt="Outliers by Malcolm Gladwell" height="386" src="http://www.inframes.com/images/blog/outliers.jpg" title="Outliers by Malcolm Gladwell" width="250" align="right" style="padding-left:10px;padding-bottom:10px;" /></a>
<b>Second, I might not be any good at my job</b>. Maybe I’ve had a succession of unsatisfied clients who have ultimately left and gone elsewhere.<br />
<br />
Well, no. I have been in business for 14 years and I have a number of clients who have been with me almost that long, including travel company the Sherpa Van Project, VIP hospitality company Mark Butler Associates, biochemical equipment suppliers Biogene, entertainer Allan Stewart and TV audience company SRO Audiences.<br />
<br />
Anyway, according to Malcolm Gladwell’s 2008 book Outliers, the key to success in any field is to practice a task for about 10,000 hours. I started making websites for money in 1995, pretty much the first year anyone would even consider paying for such a thing. I’ve been doing it full time since 1996. Based on a 35 hour week, 48 weeks a year (and frankly, like most of you, I work a hell of a lot harder than that) for the last 17 years, I am now past the 28,500 hour mark. I’d say that qualifies me to claim some degree of competence.<br />
<table align="center" border="0" cellpadding="4" cellspacing="0" style="width: 50%;">
<tbody>
<tr valign="top">
<td width="50%" align="center"><a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder.html" title="Previous">Prev</a>
</td>
<td width="50%" align="center"><a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder_2253.html" title="Next">Next</a>
</td>
</tr>
</table>
<br />
<br />
<a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder.html" title="Why Not to Use a Free Online Web Builder - Part One: You would say that, wouldn’t you?">Part One: You would say that, wouldn’t you?</a><br />
<a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder_24.html" title="Why Not to Use a Free Online Web Builder - Part Two: Do you have any experience as a designer?">Part Two: Do you have any experience as a designer?</a><br />
<a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder_2253.html" title="Why Not to Use a Free Online Web Builder - Part Three: Do you do everything yourself?">Part Three: Do you do everything yourself?</a><br />
<a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder_22.html" title="Why Not to Use a Free Online Web Builder - Part Four: If you think you think it's expensive hiring a professional...">Part Four: If you think you think it's expensive hiring a professional...</a>
<br />
<br />
<h3>
Read on... </h3>
Don't just take my word for it. Have a look at some of the many free online website builders you can choose from.<br />
<table align="center" border="0" cellpadding="4" cellspacing="0" style="width: 100%px;">
<tbody>
<tr valign="top">
<td width="50%"><a href="http://website.1and1.com/free-website-builder" target="_blank" title="List of free online website builders - 1&1">1&1</a>
</td>
<td width="50%"><a href="http://www.350.com/" target="_blank" title="List of free online website builders - 350.com">350.com</a>
</td>
</tr>
<tr valign="top">
<td><a href="http://www.bravenet.com/" target="_blank" title="List of free online website builders - bravenet">bravenet</a>
</td>
<td><a href="http://www.devhub.com/" target="_blank" title="List of free online website builders - devhub">devhub</a>
</td>
</tr>
<tr valign="top">
<td><a href="http://www.doodlekit.com/" target="_blank" title="List of free online website builders - doodlekit">doodlekit</a>
</td>
<td><a href="https://sites.google.com/" target="_blank" title="List of free online website builders - Google Sites">google sites</a>
</td>
</tr>
<tr valign="top">
<td><a href="http://imcreator.com/" target="_blank" title="List of free online website builders - imcreator.com">imcreator.com</a>
</td>
<td><a href="http://jigsy.com/" target="_blank" title="List of free online website builders - jigsy">jigsy</a>
</td>
</tr>
<tr valign="top">
<td><a href="http://www.moonfruit.com/" target="_blank" title="List of free online website builders - moonfruit">moonfruit</a>
</td>
<td><a href="http://www.snackwebsites.com/" target="_blank" title="List of free online website builders - snackwebsites">snackwebsites</a>
</td>
</tr>
<tr valign="top">
<td><a href="http://www.tripod.lycos.com/" target="_blank" title="List of free online website builders - tripod">tripod</a>
</td>
<td><a href="http://www.ucoz.com/" target="_blank" title="List of free online website builders - ucoz">ucoz</a>
</td>
</tr>
<tr valign="top">
<td><a href="https://www.yola.com/" target="_blank" title="List of free online website builders - yola">yola</a>
</td>
<td><a href="http://www.webs.com/" target="_blank" title="List of free online website builders - webs.com">webs.com</a>
</td>
</tr>
<tr valign="top">
<td><a href="http://webstarts.com/" target="_blank" title="List of free online website builders - webstarts">webstarts</a>
</td>
<td><a href="http://www.weebly.com/" target="_blank" title="List of free online website builders - weebly">weebly</a>
</td>
</tr>
<tr valign="top">
<td><a href="http://www.wix.com/" target="_blank" title="List of free online website builders - wix">wix</a>
</td>
<td><a href="https://www.yola.com/" target="_blank" title="List of free online website builders - yola">yola</a>
</td>
</tr>
<tr valign="top">
<td><a href="http://www.zoho.com/sites/free-website-builder.html" target="_blank" title="List of free online website builders - zoho">zoho</a>
</td>
<td></td>
</tr>
</tbody></table>
<br />
<br />Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-37046663596435556612013-12-19T12:10:00.000+00:002013-12-24T15:58:52.411+00:00Why Not to Use a Free Online Web Builder - Part One<img alt="Why Not to Use a Free Online Web Builder" height="354" src="http://www.inframes.com/images/blog/Why-Not-to-Use-a-Free-Online-Web-Builder.jpg" title="Why Not to Use a Free Online Web Builder" width="650" />
<br />
<br />
<h2>
Part One: You would say that, wouldn’t you?</h2>
<br />
I was asked recently what I thought about using free, template-based, do-it-yourself website builders as an alternative to paying me to design a business website.<br />
<br />
My first instinct is to say “You should never do that – that’s only for amateurs” but the obvious response to that might be “Well, you would say that, wouldn’t you?”<br />
<br />
Which would be fair comment.<br />
<br />
So I figured I’d better give the matter some careful thought. <i>Just what exactly do I offer that is better than doing it for yourself?</i><br />
<br />
I want to start off by telling you a shaggy dog story that a lot of you will have heard before.<br />
<br />
<blockquote class="tr_bq">
<img alt="Knowing where to tap" height="323" src="http://www.inframes.com/images/blog/knowing-where-to-tap.jpg" title="Knowing where to tap" width="250" align="right" style="padding-left:10px;padding-bottom:10px;" />
<i>Ever heard the story of the giant ship engine that failed? The ship’s owners tried one expert after another, but none of them could figure out how to fix the engine.</i> </blockquote>
<blockquote class="tr_bq">
<i>Then they brought in an old man who had been fixing ships since he was a youngster. He carried a large bag of tools with him, and when he arrived, he immediately went to work. He inspected the engine very carefully, top to bottom.</i> </blockquote>
<blockquote class="tr_bq">
<i>Two of the ship’s owners were there, watching this man, hoping he would know what to do. When he went down to the engine room he felt the pipes with his hands, took out a stethoscope, listened to the pumps, and finally placed one of his hands on one of the gauges with his eyes closed. After looking things over, the old man reached into his bag and pulled out a small hammer. He gently tapped something. Instantly, the engine lurched into life. He carefully put his hammer away. The engine was fixed!</i> </blockquote>
<blockquote class="tr_bq">
<i>A week later, the owners received a bill from the old man for $10,000.</i> </blockquote>
<blockquote class="tr_bq">
<i>“What?!” the owners exclaimed. “He hardly did anything!”</i> </blockquote>
<blockquote class="tr_bq">
<i>So they wrote the old man a note saying, “Please send us an itemized bill.”</i> </blockquote>
<blockquote class="tr_bq">
<i>The man sent a bill that read:</i> </blockquote>
<blockquote class="tr_bq">
<i>Tapping with a hammer: $2.00</i> </blockquote>
<blockquote class="tr_bq">
<i>Knowing where to tap: $9,998.00</i></blockquote>
<br />
Obviously this story is designed to illustrate the value of expertise and the gulf between knowledge and effort.<br />
<br />
So I have a few remarks to make on why you should make a distinction between a site built by a free, online web builder and one built for you by a professional who knows where to tap.
<br />
<table align="center" border="0" cellpadding="4" cellspacing="0" style="width: 50%;">
<tbody>
<tr valign="top">
<td width="50%" align="center">
</td>
<td width="50%" align="center"><a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder_24.html" title="Next">Next</a>
</td>
</tr>
</table>
<br />
<br />
<a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder.html" title="Why Not to Use a Free Online Web Builder - Part One: You would say that, wouldn’t you?">Part One: You would say that, wouldn’t you?</a><br />
<a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder_24.html" title="Why Not to Use a Free Online Web Builder - Part Two: Do you have any experience as a designer?">Part Two: Do you have any experience as a designer?</a><br />
<a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder_2253.html" title="Why Not to Use a Free Online Web Builder - Part Three: Do you do everything yourself?">Part Three: Do you do everything yourself?</a><br />
<a href="http://blog.inframes.com/2013/12/why-not-to-use-free-online-web-builder_22.html" title="Why Not to Use a Free Online Web Builder - Part Four: If you think you think it's expensive hiring a professional...">Part Four: If you think you think it's expensive hiring a professional...</a>
<br />
<br />
<h3>Read on... </h3>
<p>Don't just take my word for it. Have a look at some of the many free online website builders you can choose from.</p>
<table width="100%" border="0" cellpadding="4" cellspacing="0" align="center">
<tr valign="top">
<td width="50%">
<a target="_blank" href="http://website.1and1.com/free-website-builder" title="List of free online website builders - 1&1">1&1</a>
</td>
<td width="50%">
<a target="_blank" href="http://www.350.com/" title="List of free online website builders - 350.com">350.com</a>
</td>
</tr>
<tr valign="top">
<td>
<a target="_blank" href="http://www.bravenet.com/" title="List of free online website builders - bravenet">bravenet</a>
</td>
<td>
<a target="_blank" href="http://www.devhub.com/" title="List of free online website builders - devhub">devhub</a>
</td>
</tr>
<tr valign="top">
<td>
<a target="_blank" href="http://www.doodlekit.com/" title="List of free online website builders - doodlekit">doodlekit</a>
</td>
<td>
<a target="_blank" href="https://sites.google.com/" title="List of free online website builders - Google Sites">google sites</a>
</td>
</tr>
<tr valign="top">
<td>
<a target="_blank" href="http://imcreator.com/" title="List of free online website builders - imcreator.com">imcreator.com</a>
</td>
<td>
<a target="_blank" href="http://jigsy.com/" title="List of free online website builders - jigsy">jigsy</a>
</td>
</tr>
<tr valign="top">
<td>
<a target="_blank" href="http://www.moonfruit.com/" title="List of free online website builders - moonfruit">moonfruit</a>
</td>
<td>
<a target="_blank" href="http://www.snackwebsites.com/" title="List of free online website builders - snackwebsites">snackwebsites</a>
</td>
</tr>
<tr valign="top">
<td>
<a target="_blank" href="http://www.tripod.lycos.com/" title="List of free online website builders - tripod">tripod</a>
</td>
<td>
<a target="_blank" href="http://www.ucoz.com/" title="List of free online website builders - ucoz">ucoz</a>
</td>
</tr>
<tr valign="top">
<td>
<a target="_blank" href="https://www.yola.com/" title="List of free online website builders - yola">yola</a>
</td>
<td>
<a target="_blank" href="http://www.webs.com/" title="List of free online website builders - webs.com">webs.com</a>
</td>
</tr>
<tr valign="top">
<td>
<a target="_blank" href="http://webstarts.com/" title="List of free online website builders - webstarts">webstarts</a>
</td>
<td>
<a target="_blank" href="http://www.weebly.com/" title="List of free online website builders - weebly">weebly</a>
</td>
</tr>
<tr valign="top">
<td>
<a target="_blank" href="http://www.wix.com/" title="List of free online website builders - wix">wix</a>
</td>
<td>
<a target="_blank" href="https://www.yola.com/" title="List of free online website builders - yola">yola</a>
</td>
</tr>
<tr valign="top">
<td>
<a target="_blank" href="http://www.zoho.com/sites/free-website-builder.html" title="List of free online website builders - zoho">zoho</a>
</td>
<td>
</td>
</tr>
</table>
<br />
<br />
Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-73335611061024701952013-12-16T11:02:00.001+00:002013-12-16T11:02:55.690+00:00Christmas and New Year Business Hours 2013-14<img alt="inframes website design Reading Berkshire - opening hours for Christmas and New Year 2014" src="http://www.inframes.com/images/blog/New-Year-2014.png" title="inframes website design Reading Berkshire - opening hours for Christmas and New Year 2014" /><br />
<table style:="" width:500px="">
<tbody>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Tuesday December 24th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">10am to 4pm
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Wednesday December 25th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Thursday December 26th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Friday December 27th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Saturday December 28th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Sunday December 29th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Monday December 30th
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Tuesday December 31st
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Wednesday January 1st
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">Closed
</td>
</tr>
<tr>
<td style="border: 0; padding: 4px; text-align: left; width: 300px;">Thurssday January 2nd
</td>
<td style="border: 0; padding: 4px; text-align: right; width: 200px;">10am to 6pm
</td>
</tr>
</tbody></table>
<br />
Email will be monitored as usual throughout the holidays for web hosting tech support queries.
Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.comtag:blogger.com,1999:blog-8175998065678472561.post-9764814943436863762013-11-14T15:49:00.003+00:002013-11-14T16:06:29.055+00:00Should I Host My Videos on Youtube or Stream Them From My Own Site?<img alt="Should I Host My Videos or Youtube or Stream Them From My Own Site?" src="http://www.inframes.com/images/blog/youtube.jpg" title="Should I Host My Videos or Youtube or Stream Them From My Own Site?" />
If you want to use video to help get more business, the simplest way to do it might seem like Youtube. You're almost certainly familiar with it already and quite possibly you've used it to upload your own personal video files to share with friends and family.<br />
<br />
All you have to do is upload the video and use the helpful embed code provided to copy and paste it into your own web pages. <br />
<br />
But there are pros and cons.<br />
<br />
The Youtube pros are: <br />
<ul>
<li>It's quick and easy to upload videos and you can edit them via your web browser</li>
<li>They could get found in a Youtube search as well as a Google search</li>
<li>The video streaming technology is fast and effective</li>
<li>People might post positive and supportive comments that will boost your credibility</li>
<li>If your videos are <i>really</i> popular, you could earn some money</li>
</ul>
The Youtube cons are:<br />
<ul>
<li>People might post negative comments</li>
<li>Youtube may promote competitors alongside your video(s)</li>
<li>You can't customise the playback controls or remove the link to the Youtube website</li>
<li><a href="http://www.theguardian.com/technology/2013/nov/08/youtube-cofounder-why-the-fuck-do-i-need-a-google-account-to-comment" target="_blank">You must have a Google+ account and accept Google's </a><a href="http://www.theguardian.com/technology/2013/nov/08/youtube-cofounder-why-the-fuck-do-i-need-a-google-account-to-comment" target="_blank">various terms and conditions</a></li>
</ul>
<img alt="Youtube privacy settings" src="http://www.inframes.com/images/blog/youtube-privacy-settings.jpg" style="float: right; padding: 10px 0 10px 10px;" title="Youtube privacy settings" />You can get around the risk of people posting negative comments by posting your video privately, which means that people will only find out about it if you share the link with them or if it's embedded in a web page, like a blog post or Linkedin. Of course, if you take this route, it won't be in the Youtube search index, so you lose one of the benefits along with one of the drawbacks.<br />
<br />
If you want to go a different way, here are a handful of links you might find useful.<br />
<br />
<a href="http://www.viewbix.com/" target="_blank">viewbix</a> - "add interactive apps to your videos that engage viewers and drive calls to action"<br />
<br />
<a href="https://vimeo.com/" target="_blank">vimeo</a> - proving there is an alternative to Youtube<br />
<br />
<a href="http://www.jplayer.org/" target="_blank">jplayer</a> - jQuery HTML5 Audio / Video Library<br />
<br />
<a href="http://toddmotto.com/labs/suave/" target="_blank">suave</a> - "elegant HTML5 videos (how they should have been)"<br />
<br />
<a href="http://firefogg.org/make/index.html" target="_blank">firefogg</a> - use your Firefox browser quickly convert video to web-ready Ogg Theora and WebM<br />
<br />
<a href="http://handbrake.fr/" target="_blank">handbrake</a> - open source (free download) video transcoder
Jon Ewinghttp://www.blogger.com/profile/03649621388151027120noreply@blogger.com