Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Octocat-spinner-32-eaf2f5

Cannot retrieve contributors at this time

file 194 lines (169 sloc) 9.967 kb
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193
<!DOCTYPE html>
<html>
<head>
  <meta charset='utf-8'>
  <title>Dekus Lam's GitHub Page / Projects &amp; Code</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Dekus Lam's Github, Portfolio, online tester tools">
  <meta name="author" content="Dekus Lam">
  <meta name="title" content="Dekus Lam's GitHub Page">
  <!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
  <script id="twitter-wjs" src="http://platform.twitter.com/widgets.js"></script>
  <script src="http://platform.linkedin.com/in.js" type="text/javascript"></script>
  <link rel="stylesheet" href="stylesheets/screen.css">
  <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
</head>

<body>
  <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container-fluid">
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
        <a class="brand" href="/">Dekus's GitHub & Portfolio</a>
        <div class="nav-collapse">
          <ul class="nav pills">
            <li><a href="index.html"><i class="icon-home icon-white"></i> Home</a></li>
            <li><a href="about.html"><i class="icon-user icon-white"></i> About Me</a></li>
            <li class="active"><a href="#"><i class="icon-folder-open icon-white"></i> Projects & Codes</a></li>
            <li><a href="experience.html"><i class="icon-file icon-white"></i> Experience</a></li>
            <li><a href="#contact"><i class="icon-envelope icon-white"></i> Contact Me</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </div>
  </div>

  <div class="content container-fluid">
    <header>
      <h1 class="shadows-into-light">Projects &amp; Codes &amp; Snippets</h1>
    </header>
    <hr>

    <section class="sect">

      <div class="row-fluid">
        <div class="span4">
          <a href="https://github.com/DekusDenial/jquery.CanvasPlotter" target="blank" class="thumbnail"><img src="images/jquery_canvasPlotter.png"></a>
        </div>
        <div class="span8">
          <h2>Canvas Plotter</h2>
          <p>This is a jQuery plugin which "WILL" take serialized raw data, or HTML table markup, or "MAYBE" XML &amp; JSON data, and turn them into a nice looking bar chart !!</p>
          <p>Update: the alpha release will behave minimally as a static plotter. Next release will cover animation !!</p>
          <p><a href="https://github.com/DekusDenial/jquery.CanvasPlotter" target="blank" class="btn btn-info">Alpha release ver 0.1.0</a></p>
        </div>
      </div>

      <hr>

      <div class="row-fluid">
        <div class="span4">
          <a href="https://github.com/DekusDenial/dekusdenial.github.com" class="thumbnail" style=""><div class="animation" style="bottom:0;margin: 20px auto;"><div class="sphere"></div></div></a>
        </div>
        <div class="span8">
          <h2>CSS3 Keyframe Animation</h2>
          <p>You might find this look very familiar!! Because ...</p>
          <p>You just saw it on the home page when you visit here !!</p>
          <p>This is nothing more but an image with auto resizing sphere bouncing back and forth on it.</p>
          <p>Once again! This is not a GIF or Flash ! If you are visiting this page on IE or Opera, or other browsers that are not Firefox or webkit-based. You will not see any animation.</p>
          <p>See if you are smart enough to find out the source code for this animation! (<a class="hint" rel="tooltip" title="Look for filename '_animation.scss'" href="#">Hint</a>)</p>
        </div>
      </div>

      <hr>

      <div class="row-fluid">
        <div class="span4">
          <a href="https://github.com/DekusDenial/Compact-Markup-Evaluator" class="thumbnail"><img src="images/markup.png"></a>
        </div>
        <div class="span8">
          <h2>Compact Markup Evaluator</h2>
          <p>This is a compact version of a online real-time markup evaluator.</p>
          <p>The evaluator will pick up what you type into each of the textarea responsible for HTML, CSS, and JavaScript respectively.</p>
          <p>An extra feature added to load and run optional jQuery functions. There will be more 3rd party libraries you will choose as a supplementary add-on to the rendered view.</p>
          <p>FYI, there are alternatives for far more complete features, such as jsFiddle, jsbin, and so.</p>
          <p><a class="btn btn-success" href="http://dekusdenial.github.com/Compact-Markup-Evaluator" target="blank">Try it out Here</a></p>
        </div>
      </div>

      <hr>

      <div class="row-fluid">
        <div class="span4">
          <a href="https://github.com/DekusDenial/DBMS-Prototype" class="thumbnail"><img src="images/dbms.png"></a>
        </div>
        <div class="span8">
          <h2>DBMS Prototype</h2>
          <p>This is the very first ruby project of my life !!</p>
          <p>Basically user can perform DDL, DML, and certain basic DCL on the command line.</p>
          <p>This is actually the final project for a graduate level database system class that I took in Fall 2011. I wrote the whole code in NetBeans v6.9.1 so that the whole repository can be cloned and up and running in NetBeans natively speaking ^_^</p>
          <p>The release version I built was in Windows, where I have used a gem called <code>ocra</code> to build Windows executable. You can try out the same thing by installing the gem: <code>gem install ocra</code> and then run <code>ocra dbms.rb [... append remaining .rb files in the lib directory here without these embracing brackets]</code></p>
        </div>
      </div>

      <hr>

      <div class="row-fluid">
        <div class="span4">
          <a href="https://github.com/DekusDenial/UITableView-Accordion" class="thumbnail"><img src="images/MegaPickerFlow.png"></a>
        </div>
        <div class="span8">
          <h2>UITableView Accordian</h2>
          <p>This was supposed to be a iOS utility applicaiton at first. However due to the unfortunate fact that someone stood up me on this project. I decided to alter it as a smaller code exercise.</p>
          <p>This is an implementation of an accordion menu in Objective-C by customizing UITableView and its delegate and data source protocols.</p>
          <p>User will be able to build the menu using either normal UITableViewCell or customized cell nibs.</p>
          <p>Transition between the selected contents of the menu will be animated based on choices in UITableViewRowAnimation or users can define their own.</p>
        </div>
      </div>

      <hr>

      <div class="row-fluid">
        <div class="span4">
          <a href="https://github.com/DekusDenial/Free-Space-Pen" class="thumbnail"><img src="images/fsp.png"></a>
        </div>
        <div class="span8">
          <h2>Free Space Pen</h2>
          <p>This is the Senior Design for Electrical Engineering Department in 2010 when I was in the last year of the undergraduate program in Computer Engineering.</p>
          <p>This is a Gyroscopes-Accelerometer based Six Degrees of Freedom (6DOF) remote controller with supplementary gestural recognition feature for translating hand motions and gestures into 2D &amp; 3D object-oriented behaviors. It provides a friendly Java GUI for easy use and testing navigation.</p>
          <p><a href="http://www.youtube.com/watch?v=le_sornx8XI" target="blank" class="btn btn-warning">Watch Demo Video</a></p>
        </div>
      </div>

      <hr>

      <div class="row-fluid">
        <div class="span4">
          <a href="https://github.com/DekusDenial/Concordance" class="thumbnail"><img src="images/concordance.png"></a>
        </div>
        <div class="span8">
          <h2>Concordance for Shakespear's Richard III</h2>
          <p>This is the first group Java project ever !!</p>
          <p>This basically show you a GUI where you can enter a keyword or key string to search in the context of Shakespear's Richard III Act I Scene 1 - 4 only.</p>
          <p>This comes with auto-search and highlighter features where you can just search a word and you can view all matched strings in each of the four scenes.</p>
          <p>Just run the .jar file and it should do it, alone.</p>
        </div>
      </div>

    </section>
      
    <hr>

    <footer>
      <p>Copyright &copy; DekusDenial 2012</p>
    </footer>

  </div><!--/.fluid-container-->

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-30168862-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script src="js/google-code-prettify/prettify.js"></script>
<script src="js/bootstrap-transition.js"></script>
<script src="js/bootstrap-alert.js"></script>
<script src="js/bootstrap-modal.js"></script>
<script src="js/bootstrap-dropdown.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="js/bootstrap-tab.js"></script>
<script src="js/bootstrap-tooltip.js"></script>
<script src="js/bootstrap-popover.js"></script>
<script src="js/bootstrap-button.js"></script>
<script src="js/bootstrap-collapse.js"></script>
<script src="js/bootstrap-carousel.js"></script>
<script src="js/bootstrap-typeahead.js"></script>
<script src="js/application.js"></script>
</body>
</html>
Something went wrong with that request. Please try again.