Archive for the ‘HTML’ Category
London Bathrooms logo December 7th, 2010
Here’s something a little bit different – a logo I designed for my brothers bathroom fitting service. Some time ago (presumably before the birth of Scriptic as it’s not on here) I created a website for the company but it was branded with the Landricombe and Son logo. Recently he decided he wanted a seperate logo for London bathrooms to differentiate the companies a bit more – so here it is. I’m quite pleased with it – I made those bubbles myself 
Magnificent isn’t it? It’s certainly a huge improvement on the intermediary one which you might be priviledged enough to see, if you visit the site, before it’s binned forever when this new one goes live.
jQuery form validation plugin November 15th, 2010
So in my last post I promised something scripty and here it is – my first attempt at a jQuery plugin. Some of you might remember a previous post of mine concerning JavaScript form validation – I used this as the base to build my jQuery plugin. It does much of the same sort of validation but it’s much easier to implement, can be used on multiple forms, on the same page with different settings and has several different methods of alerting the user to validation fails. The two forms below show some of it’s features in action and you can download the files for a more in depth look.
Form 1
Form 2
The files include the plugin as well as a sample HTML form. Feel free to download and use - but if you do it would be nice if you left the credits in the JS file as they are.
This is currently version 1.0 and as I use this in my own work I'll probably be expanding the functionality and improving it over time so do watch for updates. Also if you have any functionality requests or suggestions for improvement, or if you make any improvements yourself, please let me know.
Greener Journeys site August 4th, 2010
www.greener-journeys.com
A massive gap between posts there for which I apologise. It has been a busy couple of months for me though. At the end of June i said a tearful farewell to my colleagues at Anywhichway and moved onto pastures new. As of July i have taken up the post of Contracting Developer at The Crocodile, but more about them later. This post is about my final project at Anywhichway (which actually went live shortly after I left – compounding the delay on this post).
Greener Journeys is a campaign website aimed at encouraging people to get out of their cars and onto buses and coaches. The site contains loads of information on the cause, who’s involved in it and how they’re going about achieving their goals.
The site is built in Expression Engine – version 1.6 as sadly version 2 had not come out of beta when we started development. The site is fairly straight forward, content wise, and uses mostly static page types. There is, however, a news and events section, both of which automatically archive content, and a password protected ‘user resources’ area with downloadable goodies. Site pages also display related pages and documents on the site and the home page displays the latest news stories.
This is a really nice looking site (designed by the creatives at AWW of course) and was a great project to end on. See you around guys, i’ll miss you…
Mayday Network site launch April 19th, 2010
www.maydaynetwork.com
This week, after a month of hard work, late nights and gnashing of teeth, The Mayday Network website finally went live. A social network aimed at businesses who want to reduce their carbon footprint and do other good environmentally things, the site is entirely built and updated in Drupal. The website was designed by Anywhichway and I was responsible for initial front end template build and subsequent Drupal theming.
The site, currently in phase 1, has member profiles, news feeds and events listings with member sign up functionality. It’s main draw at this stage is ‘The Journey’ a tool that helps guide members, step by step, through their own ‘low carbon journey’. Members are able to tick off steps as they go and periodically upload stories of their progress for other users to see.
A great deal was acheived in a short time here so well done to everyone involved and thanks for putting in the hours .
Javascript forms – textarea word count April 5th, 2010
Happy Easter loyal readers (or possibly reader). Here’s a nice simple piece of JavaScript that counts down the number of words remaining in a restricted text field as you type. When you hit your limit and the counter hits zero you will no longer be able to type any words untill you delete some. There is no restriction here on characters and words are defined by spaces only. The example below shows it in action.
Textfield is limited to 50 words.
words remaining: 50
File’s attached as usual here – so download them, use them and together we can make HTML forms fun! (as long as you don’t have JavaScript disabled…)
