域卡的卜 Vicker’s Blog

Hong Kong Adobe Flash platform (Flex, Flash and AIR) developer
  • rss
  • Home
  • About
  • Resume
  • Flickr
  • Contact

The Form Assembly

Vicker | September 27, 2005 | 11:48 pm

HTML Form, I guess anybody who written some web pages before should be familiar. It is not a really hard one actually. With some form elements like input, select, options, etc… the form already works. However is it usable and accessible? Have you done enough form validation? Have you provide enough labels for the form elements?Building a good HTML form is not a easy task, especially if you want to follow those standards. Googling for a while, found out this web which is great to achieve the mentioned points above. The Form Assembly (http://www.formassembly.com)Same as other informational web sites, there are articles and tutorials on building the web forms. But my focus are on the three links on the left hand side of the web.Form BuilderA web tool which will help you to build your form in a standard format. What you have to do is just filling your requirements and thats it.Form LibraryHere you can access a large number of templates with different stlye and even different language.Form GardenPersonally I suggest this to everyone, which is a CSS form builder. You can select the styles available on the right and test it in the center. After your selection, you can simply download the CSS and use it in your own web page.It is so convenient with all these handy tools and the most important thing is that we can learn from their source and design :p

Related posts

  • Web Content Accessibility Guidelines (0)
  • Sometimes I hate Flex… Sometimes (0)
  • Making Searchable Flash Content (0)
Comments
No Comments »
Categories
Web Usability
Tags
CSS, form, form assembly, HTML
Comments rss Comments rss
Trackback Trackback

Web Pages That Suck

Vicker | September 20, 2005 | 9:38 pm

Learning from others is the best way to learn something. At least I think so.Sometimes we dont only look at those good designs, but also the bad ones. So that we will keep in mind that we will not follow them.Web Pages That Suck is a web that provide bad design examples to the visitors. So that you can learn what are the DOs and DONTs in web design and usability.You may visit and learn from them daily in the sector - Daily Sucker or you can read some of the articles that they distributed.One of the point that they mentioned is quite good. That is the 5 WheresWhere am I?Where have I been?Where can I go nextWhere’s the Home PageWhere’s the Home Home PageWe cannot expect the visitor will be a regular one. So we must do our best so that the visitor can familiar himself in our web asap, otherwise we lost.Flash is a very popular web technology nowadays. However using it wrongly will eventually crash the whole structure.Flash-DB is one of the example that I met. You can see all the contents are Flash made which are very fancy. But when you try to browse further, you probably will get lost. Because it cannot fullfill the 5 Wheres.To conclude when we try to use some fancy things. We still need to think about the whole framework, else we sucks…

Related posts

  • 重返 EE (0)
  • 時光倒流第二集 - Thanks FLABER (0)
  • 實力? 運氣? 我信運多 d… (0)
Comments
No Comments »
Categories
Web Usability
Tags
Flash, suck, web page
Comments rss Comments rss
Trackback Trackback

Web Content Accessibility Guidelines

Vicker | September 13, 2005 | 10:54 pm

Before having the first lecture there are already quite a large number of things that can be explored simply browsing Andy’s web.You may notice that there are a number of small icons on the bottom of Andy’s course web. Saying W3C XHTML, W3C CSS, W3C WCAG, BOBBY 508 and BOBBY AAA.For the first two, I guess is quite familiar to many people. They are the standards posted by W3C. (World Wide Web Consortium) Using the validators provided by them, (HTML validator and CSS validator) anyone can check whether their web page fullfill the requirements of the standards. If it is a success, they can place this icon on their web.But how about WCAG, 508 and Bobby??Due to my curiosity, I have made some search on W3C. Actually WCAG stands for Web Content Accessibility Guidelines. It is a guideline which will make a website more accessible. (WCAG 1.0) Section 508 is something similar to WCAG but written in US Federal law.WCAG have a total of 3 accessibility compliance, A, AA and AAA. (where AAA is the best and of course the hardest to achieve) Although W3C do not provide any automated WCAG checker, we can still check it through WebXACT. (WebXACT) I guess the former name is Bobby but now changed. However even WebXACT can not do all the testing inside the guideline, because some of them are not coding related, e.g. color matching.Although it is hard to acheive all these standards, I think as a web designer we should try our best to do at least most of these. This improves not only the speed of loading the page but also helping our visitors to browse.

Related posts

  • The Form Assembly (0)
  • Alternate Style Sheets (0)
  • 論壇升級 2.5 (0)
Comments
No Comments »
Categories
Web Usability
Tags
bobby, CSS, HTML, validation, W3C, WCAG, webxact
Comments rss Comments rss
Trackback Trackback

Meta

  • Register
  • Log in
  • Entries RSS
  • Comments RSS
  • WordPress.org

Certification


Adobe MAX 2008

Categories

Archives

Tag Cloud

flysbookmark Macromedia Andy Chun textformat Google WarCraft protoype music AIR family Web Usability form HKICTA XML W3C presentation ActionScript CityU Mac gundam MovieClip ACSS SEO JAWS FLABER WMV sitemap Experts Exchange Laszlo Yahoo Tim Shiu component design pattern XHTML Chris Liang frame CSS Flex FAQ WYSIWYG bobby color webxact algorithm Flex VideoDisplay hea Eva Shi Battlenet job hunting stylesheet Flex Builder OSS Lego good dog u exhibition Munsang College UI APICTA meta Cyber Formula hyperlink include business birthday braille validation textfield web page Adobe Flash John Koch OO depth manager color selector Adobe MAX blog flv WCAG bt Hacken Lee flysforum freelance form assembly accessibility FYP Apple Molyx AdvancedDataGrid Gary Wong prototype PHP Misaki Ito PS2 flash video encoder HTML MOV the core YouTube Densha Otoko suck

Flickr

flyunited.jpg 0511_web_usability_asg_a.jpg wanshan.jpg diarybox1.jpg tcmd2.jpg DSCN4338 DSCN4289 0509_battle_system_1_5.jpg munsang1.jpg 469790470_55a3908526_b iad2.jpg DSCN4411 07082007084.jpg DSCN7195 DSCF0016 guesthouse1.jpg 0607_flaber_1_1.png 11092007101.jpg

Blogroll

  • Eva’s Blog
  • Way’s Blog

RSS FxAIR.org

  • ActionScript for Random Numberic Text Lucky Draw
  • Post in cookbook to win a copy of Flex 3 Pro
  • Adobe Flash Player 10 Release is out
  • Adobe CS4 Launch Seminar
  • Flex 3 + external swf with embedded video
  • Flex & AIR @ BarCamp Hong Kong on 6 Sep.
  • Mojave Experiment by Microsoft
  • FotoViewr beta
  • RIAJobs
  • Cairngorm on opensource.adobe.com
rss Comments rss valid xhtml 1.1 design by jide powered by Wordpress get firefox