Advanced Javascript libraries, CSS, HTML5, and Server-side code
One of my key interests for this site is to make it responsive. That is, it should be just as usable on a smartphone browser as it is on a full desktop.
This page is a decent example. Assuming you're starting with a full screen browser window, slowly reduce the size of your browser window. Watch as the components and even the tables move and change to become readable down to even very small sizes!
However, note that this is just my playground (for now). There may be pages that do not or cannot support such behavior. This may happen when I'm playing with some advanced js libraries or attempting to put games together. I'll see what I can do.
| Technology | Type | Link | Details |
|---|---|---|---|
| PHP | Serverside scripting | http://us.php.net | Every page on this site is now dynamically generated using PHP =). |
| JQuery | Javascript | http://jquery.com | "It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers." |
| Twitter Bootstrap | Javascript/CSS | http://twitter.github.io/bootstrap | "A 12-column responsive grid, dozens of components, JavaScript plugins, typography, form controls, and even a web-based Customizer to make Bootstrap your own." Both of these columns are bootstrapped! Shrink your window! |
| Stacktable js | Javascript/CSS | http://johnpolacek.github.io/stacktable.js | "The purpose of stacktable.js is to give you an easy way of converting wide tables to a format that will work better on small screens." This table is a stacktable table! Shrink your window! |
| HTML5 Shim/Shiv | Javascript | http://code.google.com/p/html5shim | "The HTML5 Shiv enables use of HTML5 sectioning elements in legacy Internet Explorer and provides basic HTML5 styling for Internet Explorer 6-9, Safari 4.x (and iPhone 3.x), and Firefox 3.x." |
| Technology | Type | Link | Details |
|---|---|---|---|
| MySql | Serverside database | http://www.mysql.com | Dreamhost provides this, I just need to brush up on it and get some integration going |
| Sass | CSS | http://sass-lang.com | "Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more." |
| Angular js | Javascript | http://angularjs.org | Basically Superman in Javascript form... |
| D3 js | Javascript | http://d3js.org | Awesome graphing! |
| Three js | Javascript | http://mrdoob.github.io/three.js | 3D-ness in the browser! |
| Node js | Javascript | http://nodejs.org | "Event-driven I/O server-side JavaScript environment based on V8." |
| Impact js | Javascript | http://impactjs.com | "The Awesomest Way to Create Even More Awesome HTML5 Games!" |
| Login | Javascript | http://php-login.net | Login form! |
| Captcha | Javascript | http://www.phpcaptcha.org | Captcha for my up-coming registration page =) |