This page showcases several websites I have designed and developed, and lists some of the web design principles I have attempted to follow. All of these websites were hand coded in HTML, CSS, JavaScript, PHP, & MySQL, and they include my own written content, digital photography, photo editing, and graphics illustrations.
1. mjyOnline.com
mjyOnline.com is my original website, which you are currently viewing. The website was hand coded using HTML 4.01 (Transitional), CSS, JavaScript, PHP, and MySQL.
The following were the primary design principles and goals for this website:
- Keep the layout simple, but aesthetically pleasing.
-
Observe the principles of human-computer interaction and usability. For example, the site was designed to be very easy to navigate, through two elements that appear at the top of each page:
- a tab-styled navigation bar with links to all top-level pages, plus drop-down links to the major second-level pages
-
a "breadcrumb trail" heading showing the user's exact location in the page hierarchy, with links to higher-level pages—for example:
> online showcase > books > XML Step by Step Second Edition > Introduction Excerpt
- Allow the user to freely change the font size in the browser without corrupting the page layout, primarily to support accessibility.
- Support as many current browsers as possible.
- Avoid features that are slow to load or run, which tend to get in the way of accessing the content.
- Enhance the visibility of the website in search engines, and improve the quality of the page excerpts that are given in search engine listings. For example, each page includes a "description" meta element in the header, and a robots.txt file directs search-engine crawlers away from irrelevant pages.
2. KeitaiArts.com
This is the website of KeitaiArts, the company I started to create original applications for mobile devices.
3. WordPress Blog
I also set up and customized a WordPress blog, which I named "Fascinating Computer Science—articles on interesting new developments in computing." The blog is written primarily in PHP and uses CSS extensively. (After writing an initial series of three articles I have not found time to keep writing for the blog, although it is still posted.)
4. NancyRoach.com
NancyRoach.com is the website of artist Nancy Roach of Sebastopol, California. The site displays the artist's abstract, still life, and landscape works, and it embodies many of the same design goals as mjyOnline.com, described above.
