<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ivan W. Lam | Web < Experiments < ivanwlam.com</title>
</head>
<body>
<div>
<h1>ivanwlam.com | Web < Experiments < Ivan W. Lam</h1>
<!---------------------------------------------------------------------------
Navigations
------------------------------------------------------------------------- -->
<p><a href="#navExp">Jump to Experiments Navigation</a></p>
<p><a href="#navMain">Jump to Main Navigation</a></p>
<p>This is the web experiment section of ivanwlam.com. If you don't understand what is going on and would like to return to the home page, you may do so <a href="http://www.ivanwlam.com/" title="Return Home">here</a>.
<a name="Web Experiments" />
<!---------------------------------------------------------------------------
Web Experiment Categories
------------------------------------------------------------------------- -->
<h2>Web Experiment Categories</h2>
<ul>
<li><a href="#html" title="HTML">HTML</a></li>
<li><a href="#css" title="CSS">CSS</a></li>
<li><a href="#js" title="JS">JS</a></li>
<li><a href="#php" title="PHP">PHP</a></li>
<li><a href="#combo" title="Combination and Miscellaneous">Combination and Miscellaneous</a></li>
</ul>
<a name="html" />
<!---------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////
// //
// HTML //
// //
/////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------- -->
<h3>HTML</h3>
<dl>
<dt><a href="" title="No HTML Experiments"><strong>
No HTML Experiments</strong></a></dt><dd>
<strong>No HTML Experiments have been created yet.</strong></dd>
</dl>
<p><a href="#webExperiments" title="Return to top">Return to top</a></p>
<a name="css" />
<!---------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////
// //
// CSS //
// //
/////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------- -->
<h3>CSS</h3>
<dl>
<dt><a href="css/0712-cssCalendar/" title="CSS Calendar Test"><strong>
CSS Calendar Test</strong></a></dt><dd>
<strong>A quick tool to visualize calendar grid redesigning.</strong></dd>
</dl>
<p><a href="#webExperiments" title="Return to top">Return to top</a></p>
<a name="js" />
<!---------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////
// //
// JavaScript //
// //
/////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------- -->
<h3>JavaScript</h3>
<dl>
<dt><a href="js/081125-multipleVideoControl/" title="Multiple Video Control"><strong>
Multiple Video Control</strong></a></dt><dd>
<strong>Externally and simultaneously control playing/pausing of multiple videos with JavaScript.</strong></dd>
<dt><a href="js/080911-cookie/" title="Cookies Basics"><strong>
Cookies Basics</strong></a></dt><dd>
<strong>Exercise in basic cookies syntax.</strong></dd>
<dt><a href="js/080218-objectAndOnload/" title="Object and Onload"><strong>
Object and Onload</strong></a></dt><dd>
<strong>Learning object definition order and onload event quirks.</strong></dd>
<dt><a href="js/080215-collapseExpandMenu/" title="Collapse/Expand Menu"><strong>
Collapse/Expand Menu</strong></a></dt><dd>
<strong>Exercise in collapsing/expanding a menu or list when the title is clicked.</strong></dd>
<dt><a href="js/080206-randomSticker/" title="Random Sticker"><strong>
Random Sticker</strong></a></dt><dd>
<strong>Apply a random “sticker” on top of a page.</strong></dd>
<dt><a href="js/080202-bgChangeByTime/" title="Background Color Change By Time"><strong>
Background Color Change By Time</strong></a></dt><dd>
<strong>The background color changes based on the time of day.</strong></dd>
<dt><a href="js/0711-alternateTest/" title="Alternating Background Color"><strong>
Alternating Background Color</strong></a></dt><dd>
<strong>Alternating background colors in a series, like a list.</strong></dd>
</dl>
<p><a href="#webExperiments" title="Return to top">Return to top</a></p>
<a name="php" />
<!---------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////
// //
// PHP //
// //
/////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------- -->
<h3>PHP</h3>
<dl>
<dt><a href="php/081103-getimagesize/" title="getimagesize()"><strong>
getimagesize()</strong></a></dt><dd>
<strong>Get file information of image or swf files.</strong></dd>
<dt><a href="php/081008-phpAddress/" title="PHP/Ajax — Address Change"><strong>
PHP/Ajax — Address Change</strong></a></dt><dd>
<strong>Change the address with PHP and Ajax.</strong></dd>
<dt><a href="php/080917-phpAjax/" title="PHP & Ajax"><strong>
PHP & Ajax</strong></a></dt><dd>
<strong>Using PHP to perform Ajax tasks. Also includes cookies.</strong></dd>
<dt><a href="php/080917-phpBasic/" title="PHP Basics"><strong>
PHP Basics</strong></a></dt><dd>
<strong>Learning basic, common commands on PHP.</strong></dd>
</dl>
<p><a href="#webExperiments" title="Return to top">Return to top</a></p>
<a name="combo" />
<!---------------------------------------------------------------------------
/////////////////////////////////////////////////////////////////////////////
// //
// Combo/Misc. //
// //
/////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------- -->
<h3>Combo/Misc.</h3>
<dl>
<dt><a href="combo/081122-iPhoneOrientation/" title="iPhone Orientation"><strong>
iPhone Orientation</strong></a></dt><dd>
<strong>First test with window.orientation and onorientationchange to manipulate content and layout for iPhone web rendering.</strong></dd>
<dt><a href="combo/081114-iPhoneBasic/" title="iPhone Basic"><strong>
iPhone Basic</strong></a></dt><dd>
<strong>First experiment targeting iPhone with custom stylesheets.</strong></dd>
<dt><a href="combo/080225-autoMinWidth/" title="Auto Min-Width"><strong>
Auto Min-Width</strong></a></dt><dd>
<strong>Continues from Auto Rounding Width experiment to determine the the minimum page width based on the longest row of list items.</strong></dd>
<dt><a href="combo/080225-autoRoundingWidth/" title="Auto Rounding Width"><strong>
Auto Rounding Width</strong></a></dt><dd>
<strong>Rounds up list items' widths to the next unit of measure to follow a grid system.</strong></dd>
</dl>
<p><a href="#webExperiments" title="Return to top">Return to top</a></p>
<a name="navExp" />
<!---------------------------------------------------------------------------
Experiments Navigation
------------------------------------------------------------------------- -->
<h2>Experiments Navigation</h2>
<ul>
<li>Form</li>
<li><a href="../type/" title="Type Experiments">Type</a></li>
<li>Photo</li>
<li>Logo</li>
<li><a href="../flash/" title="Flash Experiments">Flash</a></li>
<li>Print</li>
<li>Web</li>
<li>Misc</li>
</ul>
<a name="navMain" />
<!---------------------------------------------------------------------------
Main Navigation
------------------------------------------------------------------------- -->
<h2>Main Site Navigation</h2>
<ul>
<li><a href="/" title="Home">Home</a></li>
<li><a href="/portfolio/" title="Portfolio">Portfolio</a></li>
<li><a href="/blog/" title="Blog">Blog</a></li>
<li><a href="../" title="Experiments">Experiments</a></li>
<li>About</li>
<li>Archives</li>
</ul>
<p>All content on this page and web experiment pages directed from this page are created by Ivan W. Lam unless otherwise noted. Please be considerate and credit all content to the original creators.</p>
</div>
</body>
</html>