David Slack - Web developer

Lost and Found

The Lost and Found website was built by myself (David Slack) and designed by Arm & Eye.

The site was created to promote a bar and restaurant in Birmingham called The Lost & Found and heavily features a character called Professor Hettie G. Watson who is the unofficial mascot of the Bar.

I started with Drupal 7 to create the CMS and used the blocks system for most of the content. The Theme created from the design uses bespoke CSS3 and jQuery to design the site and make it work. I've also used colorBox to create the "popups" and styles these to fit in with the site.

The site also features media query in the CSS to make the site mobile and tablet PC friendly. This site is also completed completely in HTML5 so uses the shiv to make the new HTML5 sections work in older browsers.

There are also a few nice touches using flash around the site just to bring it to life, for example the butterflies wings flutter and a gentleman raises his hat. This animation was created from the Arm & Eye design by Tadporn of Fish Eyes design.

All in all the design is beautiful and user friendly all in one, I think it's my favorite of 2012.

Project features
  • Drupal 7
  • ColorBox
  • Flash animations by Fish Eyes Design
  • jQuery Animations
  • HTML 5
  • CSS3
  • Beautiful design by Arm & Eye

 

About the client

From the website:

Recapturing its former glory, a Grade II listed building on Bennetts Hill has been transformed into a whimsical world known as The Lost & Found.
We've unlocked our doors for you to discover a Victorian hideaway, full of hidden gems and forgotton secrets discovered by Professor H.G. Watson.

Comments

I'm curious - why make a responsive site that uses Flash, a technology not visible to 2 of the major platforms and is rapidly dissapearing on the others!?

Dave's picture

Hi Andy,

Thanks for the question.

You're right, Flash is on the decrease and not used on most mobile devices, but that still leaves Android, Windows Desktop, Linux, Unix,, Mac Desktop, etc, etc.

So, as long as Flash is used to add a "bit of sparkle" to a site, no content is added in Flash and the Flash content degrades gracefully (in this case, if there is no Flash player installed then no content is shown) there is no reason not to use it.

This goes for anything on the web really (and has always been true).

You shouldn't penalise the user because of hardware or software choices, but you can reward users for having software or hardware that can take advantage of tec (graceful degradation).

When we take into account there is no way for an animator to pick up a simple piece of software and create vector animations (that I know of and at the time the site was created) we still have Flash as the best option to add that last polish to a design.

What do you think though?

 

I do websites, me

Add new comment

Filtered HTML

  • Web page addresses and e-mail addresses turn into links automatically.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img>
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.
By submitting this form, you accept the Mollom privacy policy.

Latest content

There are lots of developers out there with varying degrees of experience and expertise, some mid level, some junior and some senior. Some...
First thoughts are Symfony is ace!Only been using Symfony for 1 project but the amount of coding it has saved has been worth the time spent...
The Lost and Found website was built by myself (David Slack) and designed by Arm & Eye.The site was created to promote a bar and...

Social networks

Contact me here or catch me on one of
the social networks below


What I'm listening to

My blog

Wednesday, 2 August, 2017 - 06:56
There are lots of developers out there with varying degrees of experience and expertise, some mid level, some junior and some senior. Some developers...
Tuesday, 5 March, 2013 - 09:49
First thoughts are Symfony is ace!Only been using Symfony for 1 project but the amount of coding it has saved has been worth the time spent learning...
Monday, 3 December, 2012 - 10:07
As a web developer and web designer I need to take into account everything on a site from SEO, marketing, usability across devices, the look and feel...

Recent comments

Try this on your mobile

Use your QR reader to read this

You should be able to use this right from the screen

Latest tweets

Calendar

M T W T F S S
 
 
 
 
 
1
 
2
 
3
 
4
 
5
 
6
 
7
 
8
 
9
 
10
 
11
 
12
 
13
 
14
 
15
 
16
 
17
 
18
 
19
 
20
 
21
 
22
 
23
 
24
 
25
 
26
 
27
 
28
 
29
 
30
 
31
 
 
 
 
 
 
 

You are here

Back to top

Copyright David Slack - Web developer