Digital Pacific Company Blog

Useful tips on web design, hosting, marketing and more…

Archive for the ‘Web Design’ Category

3 Easy Tips to Help Secure Your WordPress Site

Friday, January 7th, 2011

3 Easy Tips to Help Secure Your Wordpress Site
The chances of someone hacking into your WordPress site are much more common than you think. The last thing you need is someone pretending to be you — publishing inappropriate content and sending out offensive emails!

What’s worse is that if hackers gain access to your site, they can also upload viruses or add hidden links and tags throughout your site. This often results in your site being picked up by Google and consequently shut down. (To detect them, run a WordPress scanner.)

The sad news is that you can never prevent people hacking into your blog. But the good news is that there are a few simple things that you can do that will help minimise the chances of this happening to you.

1) Use a secure password and change it often

I know this sounds blindingly obvious, but it is amazing how little attention people pay to their passwords. It needs to be unique, not ‘guessable’, and changed every few months!

The safest passwords to use contain a mix of letters and numbers. Even better, add some symbols. For the full lowdown, check out this article on how to create a solid password.

2) Use the most updated version of WordPress

Using the latest version of WordPress is a great way to make sure your site is as secure as possible.

Like all successful programs, WordPress is always developing new versions to release into the marketplace. If there is a loophole or some kind of flaw, WordPress will detect it, fix it up, and create a new improved version for you to download.

You can upgrade to the latest version of WordPress at the WordPress website. It is exactly the same process as downloading the program. To make life easier, all WordPress versions above 3.0 (which you should be using anyway!) are programmed to update automatically. Just keep an eye out for these notifications on your dashboard!

If you have the latest version of WordPress, your dashboard will also notify you of any plug ins you need to update as well.

3) Subscribe to the WordPress mailing list

You’ll notice on the WordPress site that there is a mail form. It is located on the download page, in the bottom right corner of your screen. Here, there is a mailing list that you can sign up for to receive regular news and updates.

Not only will these newsletters notify you when it’s time to upgrade your version of WordPress, but it will also give you advice and support on how to optimise your WordPress site and stay out of trouble.

A you looking for wordpress hosting? We have a number of plans to get you started.

3 Easy Tips to Help Secure Your Wordpress Site

3 Easy Tips to Help Secure Your Wordpress Site 3 Easy Tips to Help Secure Your Wordpress Site 3 Easy Tips to Help Secure Your Wordpress Site 3 Easy Tips to Help Secure Your Wordpress Site 3 Easy Tips to Help Secure Your Wordpress Site 3 Easy Tips to Help Secure Your Wordpress Site 3 Easy Tips to Help Secure Your Wordpress Site 3 Easy Tips to Help Secure Your Wordpress Site 3 Easy Tips to Help Secure Your Wordpress Site

Building Better Web Forms

Tuesday, January 4th, 2011

Forms are a central part of our web surfing experience. You will find them everywhere you go. You can’t enter your shipping and credit card details when buying online without a web form. Almost every poll and online survey is a web form. Visitors to your own site can’t register for your web application, sign up for your email newsletters or leave a blog comment without using a web form in some way.

While a good web form will go unnoticed, a bad web form can create an impenetrable barrier to entry to your site and services. Web forms are so common that it is very easy to create barriers between you and your customers. A familiarity with what makes a good web form will assist you to create a pleasant experience for your users while helping as many people as possible to complete your forms.

People don’t like filling in forms. They stop them from getting to where they want to go. They can’t leave a blog comment without adding a name and email address. They can’t test the latest web app until they register. They can’t buy something from Amazon until they enter in a shipping address and credit card details. The list goes on. Granted, many of these forms are necessary. The trick is to make the form as quick and painless as possible.

Having said that, what are the principles behind building better web forms?

Ask only what you really need

One of the biggest pain points in filling out web forms is being presented with an endless list of detailed questions, with each requiring a detailed answer. You should aim to provide as little friction as possible. Every second someone spends thinking about filling out your form is one more second for something else to change their mind. Since you presumably need the information you’re asking for (you do have a reason, don’t you?), keep it short and simple. For example, if you don’t need to know your customers date of birth during a registration process, don’t ask for it. While you might have good marketing reasons for asking, consider if there is a better time or place to ask. Perhaps once sign up is complete you can encourage your new user to fill out a user profile (yes, another form. I told you they’re everywhere!) and include date of birth there.

Explain yourself

If you really need to ask for extra information, be clear as to why you need it. It is common for many commerce sites to ask for several contact phone numbers. If you need the extra numbers to provide alternate contact numbers in case the primary number is busy, say so. Don’t just stick the extra fields in the form and hope people will fill it in.

Provide a clear path

If you want your form to be quick and easy to complete, you need to make it obvious how the form is going to completed. When you look at the form, is there a clear and simple path through the form for your eyes to follow, or do the fields and buttons in the form dart all over the place? This is also known as a “scan line”, and it describes the way that a user’s eyes track around a page as they complete a form.

Building Better Web Forms
Image Src: http://www.flickr.com/photos/rosenfeldmedia/2367261378
– CC – Attribution – Rosenfeld Media)

It is not just single page forms that need a clear path. Customers can get lost if a form spans several pages. If your form must be this large (for example, a loan application), you should provide progress indicators to give your users an indication of how far they have travelled down the path to completion and, more importantly, how far they still have to go.

When all is said and done, get out of the way

The underlying idea to all of this is simple: get out of the way. Don’t let your forms be a barrier to people enjoying your site. Spending the time developing a better web form helps make the web just that little bit better for everyone.

Building Better Web Forms

Building Better Web Forms Building Better Web Forms Building Better Web Forms Building Better Web Forms Building Better Web Forms Building Better Web Forms Building Better Web Forms Building Better Web Forms Building Better Web Forms

How to Get the Most Out of Your Testimonials

Tuesday, December 14th, 2010

If you’re running a small business, you need all the help you can get to push customers through the door. You could promote quality. You could promote price. But these are all words customers hear all the time.

So what can you do to make your business stand out from the crowd? The answer is: testimonials.

Testimonials are simply positive word of mouth referrals — written down. They are one of the best ways to generate business and don’t cost a cent. So why not make the most of it? If you haven’t got them already, start collecting and put them on your website today!

How to Get the Most Out of Your Testimonials

Social proof: Why testimonials work

When trying to persuade a customer to choose one business over another, effective testimonials always work. The truth is that people are influenced by what other people are doing.

This theory is called ‘Social Proof’, investigated by famous psychologist Robert Cialdini in his book Influence and the Power of Persuasion — people will want to do something if they see someone else do it first. For example, if we hear “This book has sold 3 million copies!” we think it must be good.

Testimonials provide this kind of social proof to other prospective customers. They give you credibility and show that:

  • you are reputable
  • people have had good experiences using your product or service
  • people can trust you
  • people can be reassured you will provide them with exactly what they’re looking for.

Promoting good customer feedback is a no-brainer, really. It’s guaranteed to bring in more work amongst your clients and peers. We’ve all been influenced by it before, so you may as well start using testimonials to your advantage.

Collecting testimonials

The good news is if you genuinely have a great business, testimonials are not hard to get. To begin, start collecting positive feedback from former clients. You can do this a couple of different ways:

  • The more formal way is to contact them via letter or email. Ask them to write and send you a few sentences, describing what they liked about your business.
  • Alternatively, the easiest way of all is to simply ask your customers over the phone or in person. You can then write their comments down yourself.

 

Make you testimonials work for you

1) Edit and make your testimonial clear

Testimonials need to be sharp and to the point. Avoid diluting the power of your testimonial with waffle. It doesn’t have to be published word for word.

Pick out the best parts of your testimonial and cut it down (without changing the message) to just two or three lines.

To make it stand out even more, you can give your testimonial an appropriate heading.

2) Add a photo of the customer

For some reason, adding a portrait photo next to your testimonial just works. It makes a big difference — it makes your testimonial seem more credible.

When asking a former customer if you can feature them on your site, ask them if they would be happy to send you their professional picture to add as well.

You can also do something similar if your client has any video. Embed a clip next to their testimonial — this creates an interactive user experience where they can see what kind of other customers you’ve worked with before.

3) Format your testimonial so it stands out

Believe it or not, the type of font you use can have a big effect on your testimonials. Depending on your overall web design and style, you may like to use a traditional ‘typewriter’ font to increase credibility (although I know in modern times this makes no sense, but it works).

Alternatively, depending where you put your testimonials, you may want to use a different font to your body copy. This will make sure that the testimonials stand out.

Also, it is important that you put your testimonials in quotation marks. This makes it clear that the statement is a quote, not just promotional copy that you’ve written yourself.

4) Credentials

It’s not enough to write down a quote and just add someone’s first name. If you really want to get the most out of your testimonial, add more information.

If you can, add the customer’s full name. You should also add the company that they’re from. Better yet, add their role, especially if they’re a manager or director.

Depending on the type of business you have, you can also add other bits of information such as the suburb that they’re from. Or, for example, if you are promoting a personal training business, you could add the customer’s weight.

The best thing that you can add is their credentials. If someone is an expert, list their qualifications. Remember, the more important the person, the more credible the testimonial! A testimonial from a doctor is more convincing than a testimonial from a ‘nobody’. Unless it’s clearly a paid endorsement, customers understand that their professional reputation is on the line — so what they say must be true!

5) Placement

Once you’ve collected a few testimonials, it’s time to upload them to your website. The most common way to add testimonials is with a ‘testimonials page’ — curious customers can click on this page and see what others are saying about you.

One step better is a ‘clients page’. Ideally, this page should have testimonials and short descriptions. Almost like a folio, it details who you’ve worked for, what you did, and what they thought of your business.

However, the best way to place them is to add them to various pages throughout your site (e.g. your right hand navigational panel). Have a different testimonial on every page, or set them to rotate. This way the customer doesn’t need to search for good responses about your business — they just appear.

For even more effect, you can also add your testimonials to your email signature. This will help your business reinforce your professional positive image every time you contact someone.

Conclusion

No matter what type of business you are running, you will benefit from adding testimonials to your website. Try to follow these tips when adding them to your site for the most effect.

Once you’re done uploading them to your site, remember to keep collecting testimonials for future reference. When you know you’ve done an awesome job for someone, make sure you ask them for their feedback. You should continue to upload new testimonials to your website as often as you can.

View Digital Pacifics testimonials page.

How to Get the Most Out of Your Testimonials

How to Get the Most Out of Your Testimonials How to Get the Most Out of Your Testimonials How to Get the Most Out of Your Testimonials How to Get the Most Out of Your Testimonials How to Get the Most Out of Your Testimonials How to Get the Most Out of Your Testimonials How to Get the Most Out of Your Testimonials How to Get the Most Out of Your Testimonials How to Get the Most Out of Your Testimonials

Virtual machines: the essential tool for all web developers

Thursday, December 9th, 2010

Creating web products that look the same for everyone on the internet is not easy. With different browser vendors, operating systems and even different versions of browsers competing for market share, designers and developers need to take account of many things when creating new products. An effective way to address the problem is through “virtualisation”.

What is virtualisation?

Virtualisation involves running a special program that simulates a real computer in software, called a virtual machine . The virtual machine acts like a container inside the operating system, isolating the program from the main, or host, operating system. For example, a virtual machine running on the host Mac OS X operating system enables you to run Windows software on a Mac computer by convincing the Windows program it is actually running on a Windows PC instead of the Mac.

The benefits of virtual machines

Web designers and developers create products that need to look similar and work as intended across different browsers and different operating systems. Cross-compatibility becomes expensive if you are expected to own both a Mac and a PC (or even a third computer if you want to test on niche operating systems like Linux ).

Maintaining compatibility with different versions of Internet Explorer introduces its own problems. It is only possible to have one version of Internet Explorer installed at a time. However, there are still many users of older versions of Internet Explorer. Internet Explorer 6 still has around 15% market share , and it is light years removed in functionality and support for web standards compared to version 8 or the upcoming version 9.

Mac users are able to take full advantage of the benefits of virtual machines. By using software such as Parallels, they are able to virtualise other operating systems, including Windows, as well as running Mac OS X.

Windows users are not so lucky. Licensing requirements prohibit running Mac OS X desktop on anything other than genuine Apple hardware. This means that technically it is against Apple’s terms of service to virtualise OS X. However, virtual machines on Windows do allow designers and developers to get around a different problem – testing against various versions of Internet Explorer.

Which virtualisation software should I use?

There are a range of free and commercial virtualisation programs available, each with its own benefits.

Parallels

Parallels has offered virtualisation products for a long time and has several products for both enterprise and consumer-level customers across the Mac, Windows and Linux platforms,. Parallels is well known due to its successful Parallels Desktop for Mac. For Mac users, Parallels is arguably the best choice for virtualisation, as even the previous version performed better than its nearer competition .

Parallels also offers Virtuozzo which creates isolated virtual environments (VE) or containers on a single physical server and OS instance. Digital Pacific offers Virtuozzo as part of its VPS hosting plans.

VMware

Like Parallels, VMware is a company of long standing. It also has products on Mac, Windows and Linux. VMware has released the free VMware Player. VMware Player is Windows only and has fewer features than the commercial product.

VirtualBox

Released by Sun Microsystems, VirtualBox is open source and runs on Windows, Linux and Mac. Free for personal use, it can host quite a few different operating systems including Linux and most versions of Windows (including Windows 7). While it doesn’t boast all of the features of its commercial competitors, it is ideal for quick testing on your desktop during the development and bug testing stage.

Windows VirtualPC

Windows VirtualPC is Microsoft’s virtualisation product and is available from Microsoft as a free download or as part of the higher end versions of Windows 7. Although promoted as a way of running old Windows software inside Windows 7, it can also be used to host other operating systems. In addition, Microsoft offers special editions of Windows running different versions of Internet Explorer which can only run inside VirtualPC. These versions have been released expressly for testing different versions of Internet Explorer.

Ultimately, it doesn’t matter which virtualisation solution you choose. The important thing is that you choose one and get started. With a virtual machine as part of your design toolkit, you can now have confidence that you can offer your clients and customers a truly cross-platform product.

Virtual machines: the essential tool for all web developers

Virtual machines: the essential tool for all web developers Virtual machines: the essential tool for all web developers Virtual machines: the essential tool for all web developers Virtual machines: the essential tool for all web developers Virtual machines: the essential tool for all web developers Virtual machines: the essential tool for all web developers Virtual machines: the essential tool for all web developers Virtual machines: the essential tool for all web developers Virtual machines: the essential tool for all web developers

The top questions every business should ask its web designer

Monday, December 6th, 2010

The top questions every business should ask its web designer

So, you’ve taken the big step and decided to engage a professional designer to build your web page. That’s the hard work done, right? All you need to do now is kick back, relax, and wait for the new site to roll on in. Right?

Wrong. Not all web designers are created equal, and not all web designers will be in tune with what you want. As in any other business arrangement, miscommunications happen. You don’t need to understand the technology behind how your website is made. After all, this is why you’ve hired a pro. However, by arming yourself with the following simple questions, you will be able to exercise a greater control on the final result.

Can I make minor changes to the content myself?

If you want information on your site to remain current, you need to be able to change the content yourself. The last thing you want is to wait two weeks just to get your restaurant’s summer menu uploaded, or to add details of your next client workshop. If your site is more than an online pamphlet, you will benefit from it being designed in such a way that you can upload files and make basic changes to content yourself. Often a Content Management System (or CMS) is required for such ease of use. A good working knowledge of HTML and FTP programs will also give you greater options.

Is this Flash/JavaScript/fancy widget really necessary? Will it degrade gracefully?

Have you ever you visited a website and tried to bookmark a page so you can refer back to it later, only to discover that the site has been built entirely in Flash, preventing you from bookmarking anything at all? Perhaps a site’s navigation won’t load because the JavaScript-heavy design doesn’t support the outdated browser that your day job makes you use. It doesn’t do you any good to have a fancy looking website if people can’t use your site or find it too difficult. If the allure of using the latest technology is too strong, ensure that your designer knows how to make the site “degrade gracefully”; that is, that the site will still work for people who don’t have Flash installed (iPad and iPhone users for a start), or have JavaScript turned off, or use a browser that is too old to support latest web standards like HTML5 and CSS3.

Who is responsible for keeping the site secure and safe from hackers and spammers?

Many small businesses have discovered the power of a CMS like WordPress or Joomla. However, running a CMS is like running a bundle of software in the wild on the internet. Like software on your computer, a CMS can be vulnerable as hackers and spammers find new ways of exploiting inadvertent holes in the code. This is something that needs to be taken very seriously and keeping up to date with the latest patches and updates can be a full-time job itself. Find out from your designer if ongoing security and maintenance is part of the quote, or if they provide a secondary service. It is possible to do this maintenance yourself (and many do) but you need to factor in the extra time this will require when commissioning your next web project.

Do you design to agreed industry web standards?

A site built with web standards is more likely to be cross-browser compatible and future proof than a site that has been designed to take advantage of tweaks and vendor-specific extensions of some browsers. You may choose to adopt some browser specific enhancements for your site as a “value-add” for users of that particular browser. If you do go down this path, make sure the tweaks don’t form a core part of your site’s functionality. Such designs should also adopt the logic of Flash and widgets discussed above: if you have to use it, make sure it also degrades gracefully so you don’t punish your viewers for not being early adopters.
Shane Perris

The top questions every business should ask its web designer

The top questions every business should ask its web designer The top questions every business should ask its web designer The top questions every business should ask its web designer The top questions every business should ask its web designer The top questions every business should ask its web designer The top questions every business should ask its web designer The top questions every business should ask its web designer The top questions every business should ask its web designer The top questions every business should ask its web designer

Bring Your Site to Life With JavaScript Libraries

Tuesday, November 9th, 2010

In an era of rich internet applications, drag and drop functionality, and dynamically updating interfaces, it has become difficult for a static website built with HTML and CSS to be noticed. A simple way to bring interactivity to your site is through adding JavaScript.

What is JavaScript?

JavaScript is a language designed to make websites more dynamic. Developed in the 1990s at Netscape, it is now also a web standard known as ECMAscript. Despite its name, JavaScript actually has very little in common with the programming language Java.

JavaScript works either as an “inline” or embedded script inserted directly into the HTML of a webpage or it is used as a file or collection of files external to the HTML. The separate external files are then linked to in the header of the page.

Although both techniques work, linking to external files is the preferred option. This method helps preserve the separate layers of a website design (for example, HTML for content, CSS for presentation and JavaScript for interactivity). It also allows you to host the JavaScript files on another server or a high-bandwidth Content Delivery Network , thereby reducing some of the load on your own server. Two such CDNs are Google’s free Google Libraries API and Microsoft’s CDN.

What is a JavaScript library?

A JavaScript library is a collection of JavaScript files that have been gathered together to assist web designers to create dynamic experiences for users without needing a deep understanding of JavaScript.

The exact features available depends on the individual libraries, and can vary from making it easy to select and change elements on the page such as changing the background on alternate rows in a table, through to widgets like calendars for date selection (useful for booking systems) and rich text editors.

Why use a JavaScript library?

JavaScript libraries are compatible across many browsers, including Internet Explorer 6. This makes the design process easier, removing much of the heartache of ensuring a design provides a consistent user experience across browsers.

The modular design of libraries means that you can include only the scripts that you need. Many libraries also support third-party plug-ins, providing access to a wide range of cross-browser effects like sliders or tabbed windows.

Which library should I use?

Which library to use is a personal choice. Each library is different, and you should experiment with a few of them before you settle on one that suits your workflow and experience.

Some libraries make it easy to identify specific parts of your page and make changes, or select elements of a page due to their relation to other elements (for example, applying formatting to every list element nested inside an unordered list). Libraries that excel at this include jQuery, Prototype or MooTools.

If you want to create rich user interfaces with selectable calendars, tabbed boxes and elements that can be hidden or unhidden, you need a library with more features. Both Prototype and jQuery can be extended for example, with script.aculo.us and jQueryUI respectively.

Another option is to use a JavaScript framework, such as the YahooUI framework or the Sencha framework. Sencha is a combination of the ExtJS and the RaphaelJS libraries, providing a combination of AJAX style rich text editing fields with charts and other graphics capabilities. The YahooUI also includes extra features like special CSS layouts for grid designs.

If you still can’t choose, don’t worry. There is no need to pick just one. It is okay to combine scripts from different libraries if that provides the rich user experience you want for your website.

As simple as that

It really can be as simple as that — find the right library, and start working away. You will need to spend some time reading the help documentation, but there are also many supportive communities, as well as exhaustive online resources.

The modular and cross-browser nature of the different libraries means that you can stop worrying about compatibility and just get on with what you do best – making your website the best it can be for your users.

Bring Your Site to Life With JavaScript Libraries

Bring Your Site to Life With JavaScript Libraries Bring Your Site to Life With JavaScript Libraries Bring Your Site to Life With JavaScript Libraries Bring Your Site to Life With JavaScript Libraries Bring Your Site to Life With JavaScript Libraries Bring Your Site to Life With JavaScript Libraries Bring Your Site to Life With JavaScript Libraries Bring Your Site to Life With JavaScript Libraries Bring Your Site to Life With JavaScript Libraries

Is Your Website Accessible By Mobile?

Monday, November 1st, 2010

These days, you don’t need to go far to see someone tapping away on their iPhone or HTC. They might be text messaging a friend, or downloading the latest applications from iTunes. But chances are, they’re probably online surfing the web, looking for useful information to pass their time.

Is Your Website Accessible By Mobile?

In the US, users spend an average of 4.5 hours browsing online on their smartphones each day. Australians aren’t that far behind; currently, 43% of the Australian population owns internet-enabled phones. And, although 28% of smartphone users are now accessing their email via phone more than they do on their PC, searching online has actually become the most popular activity for smartphone users.

What’s even more astounding is that Australians aren’t just browsing on their phones on the go – only 13% claim to surf the web while commuting. Research shows that a surprising 33% of Australians surf the web on their phones from home.

Consequently, many businesses are now modifying their websites to become mobile-friendly. They understand that the way people consume content is changing, and they don’t want to be left behind.

Does your target market use an iPhone?

When we think ‘technology’, we of Gen Y. After all, Gen Y are the ones who know it all when it comes to using computers and new digital devices. They don’t just consume online content, they interact with it and create. So it makes sense that if you are targeting a young audience, you should be making an effort to maximise your business’ online presence as much as possible.

However, because Gen Y are so tech-savvy, it takes far more effort to target a Gen Y audience than just creating a mobile-friendly website. So, for this reason, here are some surprising results: the clear benefits of having a mobile-enabled website are much more suited to businesses who target Gen X and older consumers! Believe it or not, more than 41% of smartphone users are over the age of 40.

What’s more, research from a recent 2010 Nielsen study predicts that by 2012, more than half of Australian mobile phone users will be using smartphones. So don’t be fooled, modifying your website to become mobile-friendly is beneficial no matter what generation your target audience is from.

Common Problems with Non-Mobile-Friendly Sites

If you have never thought of optimising your website for mobile before, let’s take a look at some of the common complications with non-mobile-friendly sites.

It is important to remember that when iPhone users interact with website content, they use their hands on a touchscreen, not a mouse on a monitor. The different dimensions of an iPhone screen compared to a computer screen means that your site will not display correctly. If your site has several panels, they may appear jumbled up, or they become difficult to see, zoom in, zoom out and navigate.

Depending on your website’s resolution, your text may also be impossible to read. You lose your selling power; the important marketing message that you want customers to read gets lost. By having a mobile-friendly site, you maximise your chances of integral content being easily absorbed.

In addition, many websites use Flash to jazz up the appearance of their sites. Flash doesn’t work on iPhones and probably never will. Also, the use of multiple images can slow down your website’s speed. If your site takes too long to load, consumers are bound to become impatient and move onto something else.

Taking the Next Step to Mobile

By modifying your website to become quickly and easily accessed via phone, you are more likely to capture the consumer’s attention AND keep it.

But don’t panic – having a mobile-friendly site does not require a complete overhaul of what you already have. Rather, simply modify your site to suit, and your website will automatically load in the correct format for that specific device the user is using at the time.

It is a relatively quick process and there are several web companies that can help you with these alterations. So get in touch with your web developer today to find out how to make it happen.

Is Your Website Accessible By Mobile?

Is Your Website Accessible By Mobile? Is Your Website Accessible By Mobile? Is Your Website Accessible By Mobile? Is Your Website Accessible By Mobile? Is Your Website Accessible By Mobile? Is Your Website Accessible By Mobile? Is Your Website Accessible By Mobile? Is Your Website Accessible By Mobile? Is Your Website Accessible By Mobile?

Understanding Web Fonts

Friday, October 8th, 2010

Using fonts on the web is a different proposition to using fonts in the print world. In print, you can guarantee it will look the same for everyone. With computers, operating systems install different fonts by default. A web page that looks great on a Windows computer might look very different on a Mac. As the web should ideally indifferent to what operating system or browser you have, a solution was required: web safe fonts (a list of which is available here).

Web safe fonts are fonts that are available on all Windows and Mac computers by default. These fonts enable you to design a page knowing that the page will look largely the same regardless of what type of computer your viewers are using. Knowledge of web safe fonts enables a designer to select a preferred font and select a number of backup fonts of similar appearance through CSS.

Understanding Web Fonts

(If you’re not familiar with CSS, a helpful resource to start learning about CSS, HTML and more is W3Schools – http://w3schools.com/)

However, web safe fonts have a limited range and reduce a designer’s ability to make a site stand out visually through its typography.

CSS3 and @font-face – the future of web fonts

Techniques have been developed in recent years’ providing designers with more control over a site’s typography. While some techniques have involved using images in place of text or fiddly implementations of Flash (such as SIFR [http://novemberborn.net/sifr3]), an easier technique is the @font-face attribute in CSS3.

According to the W3C (http://www.w3.org/TR/css3-fonts/#the-font-face-rule) (the international organisation responsible for developing web standards), the @font-face rule “allows for linking to fonts that are automatically activated when needed”. You can now link directly to a font which will be displayed perfectly on your site regardless of what your readers have on their computers.

Browser compatibility

New problems are introduced by competing web browser rendering engines such as Internet Explorer, Gecko (Firefox) and WebKit (Chrome and Apple’s Safari). You need to ensure that the @font-face rule links to a number of different file formats to account for a consistent user experience across these different engines. While the soon-to-be-released Internet Explorer 9 will minimise the problem, there are still many older browsers in use that require support.

The different method required to implement web fonts makes hand-coded, built-from-scratch stylesheets awkward and time consuming (here’s a list (http://paulirish.com/2010/font-face-gotchas/) of most of the problems, compiled by a member of the Google Chrome development team).

You can avoid the hassle of cross-browser support by using a service like Font Squirrel (http://www.fontsquirrel.com). Font Squirrel has ready-to-download font packs with all the right file formats and a “@font-face generator” which will generate a font pack for you to download built from any font you upload to the site. Font Squirrel converts the font and generates a basic stylesheet to get you started.

If you are interested in the intricate details of the different file formats and the nitty gritty of implementing @font-face, two places to start are “How to use CSS @font-face” (http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/) and “Quick guide to implement web fonts via @font-face” (http://www.html5rocks.com/tutorials/webfonts/quick/).

Finding free web fonts

Just because you have a font available to use on your computer doesn’t necessarily mean you can use it as a web font. Many commercially available fonts require a separate licence for such use. While some services like Typekit (http://typekit.com) enable you to licence a number of fonts for a monthly fee, high quality and free-to-use fonts are also readily available.

The Google Font Directory at http://code.google.com/webfonts hosts a selection of open source and free to use fonts. The fonts are hosted on Google’s own servers so you don’t need to store them yourself. The Directory also includes handy code snippets and advice on the best ways to embed the fonts into your site

dafont.com (http://dafont.com) is a font directory that includes a number of public domain and free fonts. The quality of these fonts can be variable, but some good ones are available. You will find a selection of public domain and free fonts at dafont.com here)

Understanding Web Fonts

Understanding Web Fonts Understanding Web Fonts Understanding Web Fonts Understanding Web Fonts Understanding Web Fonts Understanding Web Fonts Understanding Web Fonts Understanding Web Fonts Understanding Web Fonts

The basic principles of good web design: the power of planning

Friday, October 1st, 2010

One of the great secrets of the web is that designing a functional, effective and elegant web site really isn’t that hard. It’s true. Virtually anyone can do it. You don’t need to spend a lot of money to get started, the tools are available to anyone who has access to a computer and it is easy to view and make changes as you go along.

Not everyone is capable of creating a bleeding edge, award winning site. However, the number of businesses that need to demonstrate that they are on the cutting edge are few and far between. For many businesses, it is more important that a site be simple, attractive, easy to use and give the viewers all the information they need.

Well designed sites, big and small, share the same principles of good web design. These principles help bring the goal of a solid, well designed, effective and attractive web site within everyone’s reach.

The first principle for developing a well designed, effective and attractive web site is good planning.

Know what your goals are

Good web design is the same as every other project in life: before you can achieve the results you want, you need to know and understand what it is that you are aiming for. Ask yourself, “What is the purpose of my site?”There is no right or wrong answer to this question, but it is important that you have an answer. It could be that that the purpose of the site is to provide information about your services to potential clients, a catalogue of your inventory or act as a sales portal.

Whatever the focus, the answer to this question will inform everything else that you do from the text on the site, how you organise the information or even what images you might use. Everything you do on the site should work towards your goal. Understanding this now will save you a lot of heartache later on in the design and building process.

Map out your structure

Once you are clear on the goals of your site, it is worth taking the time to map out a site structure. You don’t need to worry too much about the content at this stage. Instead, focus on the big ideas. The aim is to get an idea of types of information you want on the site and how the different parts of the site should link together. Every page should have a purpose.

This is an important step even if you’re not building the site. Being clear at this early stage about how you want the site structured can save you a lot of time and money down the track and avoid costly redesigns.

If you really want to delve deeper into the principles of organising your site, an excellent place to start is Dan Brown’s “Eight Principles of Information Architecture” [PDF]. It’s only a few pages long but packed with thought provoking questions for you to answer.

Laying out the pages

And now the fun really starts!

It’s a good idea to give some substantial thought to a basic layout for the site’s pages. This part of the process is the perfect time to play around with as many ideas as you can while it is still easy to do so. The site structure will have an influence to some extent, but you should still feel free to try something new.

One way to do this is to use wireframes. Wireframes allow you to develop basic ideas about appearance and structure without getting distracted by the detail. Think of a wireframe as a skeleton for your page. You’re laying out the bones of a page and leaving the flesh for later.

There are a wide range of tools to help you with wireframing a site design, which range from the expensive and fully featured (Axure, Visio , reasonably priced Balsamiq and free (pen and paper). PowerPoint is a very useful tool wireframing, and is also something that many people already own. Using the drawing tool bar to make basic rectangles is an easy way to start playing with wireframes.

An excellent resource on wireframes and wireframing is the online magazine Wireframes

Basic Layouts

Almost every web site will have a few common layout elements, such as a header (often with a logo), a navigation system, a “container” for the main information on the page, and a footer. Wireframing allows you to play around with these elements to get a feel for what works for you and your site. There are some classic layouts that will be familiar to you. The Digital Pacific blog, for example, is a classic three column layout. It has a header across the top, main content on the left hand side and two columns of navigation and points of interest on the right hand side. The pattern is completed with a footer across the bottom.

Site layouts have evolved over time to meet the needs of different sites. These layouts or “site patterns” have been developed in response to the way that people read information online. E-commerce sites have different layout needs than a blog which in turn has different needs to a news site. One of the most comprehensive resources on site patterns is the book The Design of Sites .

It is at this point that all the hard work planning goals, mapping out the site and deciding on a basic structure pays off. Deciding on a site pattern and settling on the basic layout should now be a simple process, making it easier to either start the design work or to give your web designer a clear brief. With this planning under your belt, it makes it that much easier to begin thinking about the next stages of bringing your plans to life.

The basic principles of good web design: the power of planning

The basic principles of good web design: the power of planning The basic principles of good web design: the power of planning The basic principles of good web design: the power of planning The basic principles of good web design: the power of planning The basic principles of good web design: the power of planning The basic principles of good web design: the power of planning The basic principles of good web design: the power of planning The basic principles of good web design: the power of planning The basic principles of good web design: the power of planning

Never Had a Website? No Worries! Try a CMS

Monday, August 9th, 2010

We get plenty of customers coming to us concerned that they won’t be able to get a website going since they have never done it before. There’s so much to learn as a total beginner, and it is usually so much that it scares them away from giving it that initial go. However, with the Internet being around for some time now, many systems have been put into play that make it so even individuals with no prior knowledge can harness its power.

So, if you’re wondering, “Can I make a website if I’ve never had any experience?” then you should know that you can. There are several options for you, and the best one that we can recommend is to choose a content management system (or CMS).

Never Had a Website? No Worries! Try a CMS

Why a CMS Works

It’s easy. Once the CMS software package is installed on your hosting account, you simply log in and start producing content. You can add photos, videos and other media to make the site come alive.

It’s simplified. A CMS takes the hard-to-understand code and wraps it in an easy-to-use back-end. It is possible to have a dynamic site without ever having to sort through random tags and functions.

It’s visually appealing. With the amount of templates and themes (some free) that are available for all the CMS options, you can be sure that there is one that will make your website look amazing.

It’s dynamic. A CMS can often be enhanced with additional add-ons or plugins. If there is a feature you’d like to incorporate into your website, there is probably one around to make it happen.

Which CMS to Choose

There are many different CMS platforms to choose from, and since they are all a little bit different, it is important to choose one that suits your needs and website goals. WordPress, for example, is a CMS platform that is typically used for simple, blog style websites. Drupal, on the other hand, is harder to learn but can be used to create websites of a more advanced nature.

To help you make a decision on which CMS platform to choose, check out the 12 Most Popular Requested By Our Customers. This list touches on the different CMS platforms Digital Pacific customers choose and use, which means you can do the same. Of course, you’re definitely not limited to this list. If you happen to find another system that you like, as long as it is MySQL and PHP based, it will most certainly run. If you’re not sure, don’t hesitate to ask us!

Out of all of these, the 3 most popular CMS platforms are probably WordPress, Drupal and Joomla. We did a nice comparison of the three a while ago, which may also help in your decision.

Setting Up the CMS

Many newbies find that getting the platform set up is the hardest part of the whole process, and we agree. It involves installing the software on the hosting account, setting up a database, and configuring it all to work together. If this seems a little overwhelming to you, we are more than happy to help. For a small fee, we will get the CMS set up and ready to go (see Extended Support). From that point on, it is extremely easy to customise and update the website on your own.

Using the CMS

After you’ve got it set up, some CMS platforms make it so easy. WordPress, for example, allows users to browse and change website templates with a click of a button, directly from the back-end. It also gives users the ability to compose pages and posts using a WYSIWYG editor. What this means is that you never have to worry about including HTML bits to change the way your content appears, which is absolutely perfect for a beginner that just wants to get online, and look good doing it.

You don’t have to be a web genius to get on the Internet, as long as you know where to look for help. We are always here to assist our customers with any questions that they have when it comes to getting online for the first time. It’s a big step, but it doesn’t have to be difficult.

Never Had a Website? No Worries! Try a CMS Never Had a Website? No Worries! Try a CMS Never Had a Website? No Worries! Try a CMS Never Had a Website? No Worries! Try a CMS Never Had a Website? No Worries! Try a CMS Never Had a Website? No Worries! Try a CMS Never Had a Website? No Worries! Try a CMS Never Had a Website? No Worries! Try a CMS Never Had a Website? No Worries! Try a CMS