A Drupal 7 Web site

The U3A Drupal Web siteOn the first of March, I completed my first Drupal Web site. I had promised the Calpe U3A that I would complete the Web site by that date, or claim a reduced fee. By working all my waking hours in the last week or two, I managed to avoid the (self-imposed) financial penalty.

This is a big site, with over 120 pages and still growing. Among other great Drupal modules, it uses Views, and the Date and Calendar modules. But not Panels, or a whole range of similar modules. I decided that my own grasp of PHP and MySQL, on top of HTML and JavaScript and CSS, was enough for me to dispense with them. (I did install them and experiment, but came to feel that they were for Web designers less at home with website coding.)

The ‘theme’, the name that Content Management Systems give not only to styling and navigation but the whole way a Web site works, including interaction, is my own. I am really pleased with the way this Drupal Web site works, and the opportunities that it gives U3A members to create and edit their own pages. (Within my own rather harsh style guidelines, of course…)

If you want to know more about how I worked on the Web site, about my use of CSS 3 and a range of modern website options, and why I made the Web design decisions I did, you can glance through the Website notes and Design notes which accompany the display of this and every individual Web site on my personal portfolio page.

Posted in Costa Blanca, Expatriate Life, Web design, Web development | Leave a comment

Two new Web sites

In late October and early November I completed work on 2 new Web sites. I added them to my portfolio a week or so ago. This is my first chance to mention them on my blog.

The Lower Red Lion home pageThe first site completed—completed just in time for their Halloween party—was for the Lower Red Lion, a pub and guest house in St Albans.

It has 400 years of history behind it, with some visible timber and brickwork, and featured in the ITV series Foyle’s War.

My aim was to make the site as useful as possible to people thinking of visiting St Albans, and to showcase all the pub’s attractions.

I am now working extensively with typographic grids, creating pages which balance vertically as well as horizontally. This site was my first complete site to use such a grid. It was also my first HTML 5 site.

The Footlights Calpe home page

The site which I designed and developed for the theatre group Footlights Calpe is also an HTML 5 site. A bit simpler than the Lower Red Lion site, it still allowed me a few theatrical effects.

For a few more details about the two sites, you can glance through the Website notes and Design notes which accompany each display on my portfolio page.

Posted in Michael Scannell, Web design, Web development | Leave a comment

Your Web site: you want it good, or you want it Tuesday?

“You can have your Web site good/cheap/fast. Pick any two.”

It’s such a cliché. And yet, still true. If you want it good and fast, you have to pay. Over the odds.

Most of my clients have limited budgets. They get me cheap, and I produce at least halfway decent Web sites. Check for yourself.

I lift my glass to all my fellow professional Web designers who charge little, produce great Web sites—and whose clients keep wanting to see the Web site up tomorrow…

Posted in Michael Scannell, Web design, Web development | Leave a comment

Web forms (3): ‘sex’ or ‘gender’?

Web formsThis is my third post on Web forms. All Web designers and Web developers have to work with forms. I am not so much offering tips and techniques (though I have done). Rather, I am trying to get designers and developers to abandon provincial customs and wake up to the modern globe.

So I have attacked the dreadful custom of asking for ‘First names’ and ‘Last names.’ And I have put in a protest against the illogical American system of numeric dating. In this post, I tread on even thinner ice: is it ‘sex’ or ‘gender’?

In modern English and American Web forms, this not only reflects a misunderstanding of the original radical purpose behind the use of ‘gender’, it also stifles that very purpose. From being a mind-changer, it has become a system-enforcer.

In many (maybe most?) of the languages of the world, gender is a critical feature. Articles, possessive pronouns, adjectives, and so on, all have to agree with the gender of the noun. If you are speaking Spanish, you have to know that a tie (una corbata) is feminine, and a dress (un vestido) is masculine.

This gender is quite arbitrary, as my examples suggest. So radical thinkers in the early days of structuralism extended this to masculinity and femininity generally. There were no given masculine qualities or feminine qualities. It was all arbitrary.

A liberation, which led to much ‘gender-bending.’ A liberation for all of us, men as well as women. And then one day some English speakers got hold of this idea, and not understanding its origins in the grammar of other languages, decided that using ‘gender’ instead of ‘sex’ would show everyone that sexes are also arbitrary.

You might applaud the thinking behind it. However, its net effect has been to freeze what had been fluid. You can now ask people for their gender on a Web form. So it’s fixed.

You have to be an English speaker, and not very good with languages, to think that there can be a ‘male gender’ or a ‘female gender.’ So a great radical liberation has been lost. We are all back in our (check) boxes.

Posted in Web design, Web development | Leave a comment

A barbershop Web site

Costa Babrber Singers - screenshot of Web siteAt the beginning of this month I completed work on another Web site, for the Costa Barber Singers, who provide the Costa Blanca with wonderful barbershop music.

I am really proud of this Web site. I spent a lot of time researching and thinking through the basic issues: what pages there should be, what should be on each page, and how we could make visiting the site an enjoyable and informative experience for a range of distinct kinds of visitor. In particular, I wanted every page to answer the questions: are these people worth booking? and (for singers) is this a group I would enjoy being a member of?

On the visual side, I began—as in my design for the Football Prophets site—with the idea that I wouldn’t frame the content, even though I stuck to my own 960px ‘rule.’ I experimented with a new style for top-of-the-page navigation, plus (on the home page) a really inviting visual jump menu. For more detailed design notes, you can check out my Web design portfolio. You can also visit the Costa Barber Web site itself.

Posted in Michael Scannell, Web design, Web hosting | Leave a comment

Web forms (2): getting dates

Web formsIf you have ever designed a Web form, you will almost certainly have asked your website visitor to give you her or his name. I wrote about that in my previous post on Web form design. Almost as common is asking visitors whether they are male or female—about which I shall be sounding off in my next post on this topic. In this post I want to say a couple of simple things about asking for dates in Web forms.

People who design forms for airline flight bookings aren’t likely to be reading this post. But lots of us design forms for local car hire companies, or local property agents, so that bookings can be made online. And both of these are common on the Costa Blanca.

The first point is really obvious. Don’t expect people to enter dates by hand. Give the website visitor a popup calendar for each date field. In particular, I recommend the jQuery UI date picker. You can style it exactly the way you want, and, in its recent versions, it has all the options any Web designer could ask for.

And now a free goodie. Lots of us want to set a second date picker to start at the date already set by a first date picker. I spent months Googling for a simple way to do this before I came across a solution. And this is my simpler version. (In programming, as in maths, the simpler solutions are the more difficult to work out. And the more useful to other people.)

$( document ).ready( function() {
	$( "#start" ).datepicker({ dateFormat: 'yy-mm-dd', firstDay: 1 });
	$( "#end" ).datepicker({
		dateFormat: 'yy-mm-dd',
		firstDay: 1,	// Monday, for Spanish calendar
		beforeShow: function()	{
			dt = $( "#start" ).datepicker( 'getDate' );
			return { minDate: dt };
				// JSON - dt could be 'null' (which is OK)
		}
	});
});

This relies on your knowing some jQuery, of course. But you’ll need that to use the date picker. Date field 1 has an ID of start; date field 2 an ID of end. You won’t need ‘firstDay’ at all if your week begins on Sunday. Check the date picker documentation for the other option fields.

That could be it. But I have one axe to grind. If you have to ask for dates using separate days and months, do not use the provincial American order of month-day-year, especially if you’re asking for numbers.

I sometimes wonder if the effect of their date system on their infant minds is why some Americans have such odd ways of thinking. Year→month→day (as in the MySQL format above) makes sense, going from greater to lesser; so does day→month→year, going the other way. But month→day→year? Month→day→year? It just leaps about the place, without any logic to it. 11/09/2001 is a date to make all of us feel a sense of human solidarity with Americans. It’s the eleventh day of September, 2001. The problem is that Americans write it 09/11/2001, which can only logically refer to the ninth day of November. I suppose it’s a sign of our solidarity that almost all English speakers now refer to the date as “nine-eleven.” But we mustn’t let our solidarity influence us when asking for dates in Web forms.

Posted in Web design, Web development | Leave a comment

A new Web site for British and Irish punters

My personal Web design portfolio is growing steadily. In January I completed work on a Web site for an Irishman who had been sharing his football tips with friends for years (winning many rounds of drinks for his successes) and who now wanted to share them with a wider public. Visitors get a range of tips for free; they can also subscribe to premium tips.

In order to put a proposal to “Tom de Selby”—as he wants to be known—I did a bit of research into tipster Web sites. I was staggered to discover how many of them there were, and how many of them specialised in betting on football matches.

I very much hope that “Tom” is successful in this crowded market. I have never met him, and never even knew what he looked like until last month—when I did a bit of sustained detective work and tracked him down to someone else’s Facebook page. But it was obvious from his many emails that he is a really nice guy.

You can visit the Web site itself: it is called Football Prophets. You can also read my design notes on my Web design portfolio.

Posted in Michael Scannell, Web design, Web hosting | Leave a comment

Web forms: getting names

Web formsIf you have ever designed a form for the Web, the chances are that your form design will have included a form field (or form fields) to get your Web visitor’s name.

I filled in a Web form like this just this morning. And how did it ask for my name? (Wait for it.) First name and Last name. This is so common it’s appalling. The clear assumption (and this is proved by automated replies, which always start ‘Dear [First name],’—or even ‘Howdy, [First name],’) is that the Web visitor’s first name is their personal name, and that their family name or surname is their last name.

This is to be as bizarrely provincial as you can get. OK, in the USA and in the UK, this is common. But the majority of human beings on this planet put their family name first. I’ll say that again, in case there are any provincial Americans reading this post: the majority of human beings on this planet put their family name first and their personal name last.

At this moment a Chinese woman tennis player is going great guns in Melbourne. Her name sometimes appear as Li Na, and sometimes as Na Li. Commentators still seem to find it difficult to get their head round the name, to work out which is her personal name. I also remember hearing Americans, during the Iraq war, referring to “President Hussein.” This is like saying “President George.” Saddam was the dictator’s family name, so he put it first. Hussein was his personal name, so he put it second.

The consequence for Web form designers? It is vital that we abandon the awful First name/Last name or First name/Surname practice. Web form designers must ask instead for Family name and Personal name. That way our Web forms will be understood (and can be translated) across the planet.

Posted in Web design, Web development | Leave a comment

Web Costa Blanca Facebook page

I’ve been on Facebook personally for a year or so. Now I’ve also created a page for Web Costa Blanca.

When setting it up, I discovered that Facebook had already set up a page itself, probably by following a link from my personal profile. What is more, the page had six fans, none of whose names I knew. Unfortunately, I lost them all in setting up the real page, so the new page has no fans yet.

I plan to update it regularly, and will shortly be offering 6 months’ free Webmaster Services as a prize. Have a look yourself!

Posted in Costa Blanca, Web hosting | Leave a comment

Another property Web site

If by some chance you followed the final link in my post of 10th March, you will have found yourself at a completely different Web site, bearing no resemblance to the one I described.

That’s because it was a property site, and the owner sold her property. I am now using the same Web domain name to promote another property, on sale by one of my near neighbours in Calpe.

Calpe villa home pageI actually had this new Web site up at the end of August, but I have been really busy with work for clients, including a football tips Web site in the UK. I have at last found the time to add this Calpe villa Web site to my Web design portfolio.

I am really quite pleased with it. The property Web site genre is only too predictable. Here in Spain at least, estate agents are happy with really dull Web sites based on templates, or try to jazz them up with time-wasting animations such as videos or slide-shows which the visitor can’t control or even stop. This Web site puts the visitor firmly in the driving seat. It is as interactive as a property Web site can be.

Don’t take my word for it. You can have a look for yourself.

Posted in Business, Costa Blanca, Michael Scannell, Web design | Leave a comment