Saturday, August 30, 2008

New Layout: Consistency Matters

I've just uploaded the prototype of the new layout to the server. You can see it by visiting the following URL: http://open-tran.eu/front.shtml.

I'd like this page to become the new front page of open-tran.eu. It is based on this set of ideas presented in the Google Redux. You may call it a shameless plagiarism, but (as far as I know) it has never been realized. I haven't asked the author yet, but I hope that he will not object.

I had the following objectives while implementing the page:
  1. Due to the new compare functionality, the page needs to have an unlimited width, such that it might be scrolled horizontally without breaking the layout.
  2. The new front page has to be very simple - just the search box - like... you know... Google, or something.
  3. The contents of the current front pages will be moved to "help" (but I haven't done that, yet).
  4. And finally... I like blue :)
I need your help again. I had to introduce some new phrases and am not 100% sure if I translated them well, so I'd like you to verify if they are correct. Obviously, I hope for more feedback and suggestions.

Known Issues
I'm not an HTML guru - it took me a lot of time to learn it well enough to bring the page to the current state. Any help will be appreciated. Furthermore, I might have done some fundamental mistakes. If you have better ideas on how to improve the site, just let me know.
  1. You cannot select the mode yet. The search box doesn't work either. I am working on the form and the accompanying JavaScript.
  2. For some reason, the search box border has a proper padding in Opera and IE, but not in Firefox.. I've got no idea, why.
  3. Internet Explorer doesn't render the blue box at the top and has problems with transparent backgrounds, so the language choice looks stupid.
  4. In some setups, the list of language choices renders incorrectly - the longest line (Biełaruskaja) breaks.
  5. I was not able to position all the elements exactly where I wanted. The arrow (↔) is not vertically aligned, the drop down lists are not in the right positions, the submit button should probably be lower.
  6. The logo is terrible, there is no real favicon.
I will be mailing those, who translated the page, but I know that some of them read this blog, so beware ;) If you have other questions or ideas, post a comment or send an e-mail to the mailing list.

1 comment:

Goofy said...

Hello :)

In your new front page I did not succeed in having the "compare" feature, but I am sure evrything will be rocking soon.

There is no problem if you wish new pages/strings to be translated on BabelZilla, there is already a dedicated topic where you can drop a request ;-)

http://www.babelzilla.org/forum/index.php?showtopic=3060

Also, as I am fond of horizontal scroll, I suggest you give a look here

http://www.thehorizontalway.com/

the script is available here

http://www.thehorizontalway.com/download/THW_template_0.6.zip

See you !