Martin Francis

Development

Web Design Projects currently in Progress


Design, build, host

Under Construction and will be responsive to screen size using HTML5 media queries.
Based on the Twitter Bootstrap.

 


Design, build, host

Under Construction and will be responsive to screen size using HTML5 media queries.
Based on the Twitter Bootstrap.

 


Desktop screen saver

Windows, Mac, iOS and Android compatible
– – IE, Firefox, Chrome, Safari and Opera compatible
– the browser window will be full-screen and will not have scroll bars, menus etc
– the HTML5 should work with all display resolutions and aspect ratios
– Photo template to include: background image, mounting overlay, photo, photo credit, title, caption, logo, date
– Calendar to include: background image, mounting overlay, title, logo(s), headings, 10x info lines, tagline
– Background image doesn't resize but is always centered within display resolution
– All other elements should scale (preserving aspect ratio) to fit display resolution

 


Design, build, host

Under Construction and will be responsive to screen size using HTML5 media queries.
Based on the CSS1140 grid.

 

New version using twitter bootstrap as the front end framework

new site


Design, build, host

Under Construction and will be responsive to screen size using HTML5 media queries.
Based on the CSS1140 grid.

 


Design, build, host

Under Construction and will be responsive to screen size using HTML5 media queries.
Based on the CSS1140 grid.

 


Design, build, host

Responsive to screen size using HTML5 media queries.
Based on the CSS1140 grid. Virtually all the content is held in a MySQL database and served up on demand.

 



Tom’s Rubbish

 

View Site

email

Top layout

Top layout 2

layout 3

layout 4

Moodboard

Top navigation

Toms buttons

Website under development

Website under development 2

Had a little play with GIF animations to see how they compare to Flash animations.
Pros – Good for a liquid layout, transparent background, and can be view on any browser or any machine at any size.
Cons – Can actually be a larger file size than Flash, and as consequence more complicated animations be a bit jerky

Biplane animation

Biplane & clouds animation


Friska Restaurant

 


June 2011
Don’t Guess Ltd

It is becoming increasing more important listen to consumers before making important business decisions like for example choosing the the right logo.
Don’t Guess is a service that provides access to a broad cross section of consumers that will give their opinion on these decisions.

I have done the design and build of this site.

 



top↑


Survey

 


Whitchurch Parish Council

 



top↑

January 2011
Hardisty Jones Associates is an Economic development consultancy

Design, build, and host

Search engine friendly and accessible, hand coded in Notepad++

 

View finished Site

View build Site

Blog Test page

I’ve added a blog, the internal workings supplied by Google blogger. So what I have done is demonstrate that you open a google blogger account and I can change how it looks to match your website.

  • Advantages of such an approach;-
  • Fast and free to install,
  • The site owner can have their own google account and make blog entries whenever they choose,
  • Free storage, whether it be plain text, pictures or videos. All can be uploaded
  • Disadvantages;-
  • The blog is hosted at Google so the content is not part of the main site,
  • Google’s own code is non standards compliant and not very accessible


top↑

Wot Media is a CD duplication Service. The are looking for a website that will detail their services. I have been asked to ensure that the site is written and structured with good S.E.O.

 


Fix–GHD.co.uk currently under construction.

 


The South West's leading Painting and Decorating company who are currently working on Jamie Oliver's new Bristol restaurant have commissioned me to make them a website.


The blog pages for my site is under construction. My aim here is write my own CMS template that is very lightweight. A junior version of Wordpress or blogger with the usual features that you would normally find in a blog.


The commercial website for the actress Joanna is currently under construction. It is a multimedia site that plays sound recordings and video.


 

Whitchurch Sports JFC is currently under construction. It has uses an AJAX feed from Google Blogger to keep the content fresh. Advantages of using Google Blogger:-

  • Really easy for the football managers to add content to the website.
  • It's a google product, which makes the main website rank highly in searches
  • Unlimited storage. Add as many pictures, videos, text to the blog as you like and it will archive for years to come.

 

View Site - My Version

My son no longer plays for Whitchurch Sports so I no longer host this site and is now run by some one else, which you can view here:-

View Site - Someone else’s version


AJO

AJO database entity list

entity list


CMS Testing

CMS symphony

Symphony

CMS wordpress

Wordpress

CMS drupal

drupal

CMS made simple

cms made simple


Head First PHP and MySQL
Head First PHP & MySQL
by Lynn Beighley & Michael Morrison

Heads Up PHP and MySQL

Go to Martin's Test Pages






UWE module Human Computer Interaction

Every day we all come across badly designed interfaces. I have recorded them in an effort to learn from other people’s mistakes.

Go to HCI Diary of Frustrations

HCI assignment 1

HCI assignment 3




UWE module Advanced topics in Web Design

ATWD workshops



UWE module Consultancy Project

login

ITV West News coverage for this project


Exchange rates

todays exchange rates


Web scraping

images and links from www.martinfrancis.org

Your IP is 44.220.251.236


Code Igniter

Codeigniter


Printing Help!

hex to CMYK

Hex Value


Output to CMYK

C: M: Y: K:

Hex to RGB

     R: G: B: