Webdesign Technology

Programming used to enhance what a website has to offer: Embedded email contact forms with spam protection, blogs, content management systems, eCommerce, image galleries, slideshows and carousels.

Follow With:

Email Forms

A form that is easy to fill out and send a message to the website owner.

Pros: Validates, customisable, spam protection.

Cons: Takes a more than average amount of editing to set up.

Websites using this technology: Candy Cart, Scubacat IDC, Perfect Makeup, Garry Sandison Photography and many many more.

Email Form

Blog

Wordpress: Installing a blog requires only to follow instructions provided on the site. However the real work begins after that: Creating a theme and custom content. There are many free themes available online, however only a few are W3C compliant, and only a few of those dont embed nastily encoded advertisement links.

So I built my own W3C compliant, easily customisable advertisement free theme template, it was the hardest piece of work so far but was also the most rewarding.

Current blogs built from my template are: Essex Webdesign, Aerial Acts, IT Consultants and Southside Accountants and many others.

Pros: Great for SEO, validates, customisable, spam protection.

Cons: Form requires lots of css to place each field correctly.

Blog

Web Calendar

Google: Embedding a calendar that can be updated using a simple interface is great for social or e-Commerce sites for displaying events, trips and available time.

Pros: Resizable, easy to embed and update, customisable.

Cons: Does not validate.

Websites using this technology: IDC Phuket.

Google Calendar

Content Management Systems

Cushy CMS: A simple system allowing website owners with little design knowledge to edit text and images on thier website.

Browser based login with a simple interface:just click and type: All editable areas of the page are highlighted for easy access.

Pros: Easy to use, simple html code, multiple users can be created, usable anywhere.

Cons: Does not offer image resize on upload.

Websites using this technology: Scubacat IDC.

Content Management Systems

eCommerce

Prestashop: Free shopping cart software.

Pros: A complete system offering an unprecidented level of simplicity in building a theme, managing the store and options available for your store.

Ongoing fast paced development.

Loads of useful built in modules.

Cons: Some bugs in the code prevent certain systems from working (latitude and longitude for shop location).

Slow/sometimes buggy to update template files.

Websites using this technology: Cranberries Gift Shop.

eCommerce Solutions

Image Galleries

Galleriffic: A thumbnail and main image panel with navigation above and/or below. use of next/previous buttons and thumbnails navigate, titles and descriptions below main image. Example: Kent B & B.

Pros: Customisable navigation and CSS.

Cons: Many lines of HTML and javascript to install.

Magicthumb: Click on an image to zoom in, use navigation to select next and previous images.

Pros: Simple to install: adding of a class to the image link to add the effect, cycles through all images on the page, animated zoom.

Supports images and links.

Simple, light weight.

Multiple galleries on the same page.

Cons: No longer free licence.

Can be overlapped by other javascript galleries, this can be fixed with the z-index attribute

Websites using this technology: Garry Sandison Photography, Essex Builder.

Image Galleries

Image Slideshows/Carousels

Ultimate Fade-In Slideshow: Fading images with text with link on hover.

Pros: Unique links for each image.

Cons: Overlaps Lightbox/Shadowbox, requires research for a CSS workaround.

Websites using this technology: Essex Bathrooms.

Image Slideshows and Carousels