Code Samples
for the Curious Developer
I feel quite at home immersed in lines of code, swimming in a sea of spans, diving into a deluge of divs. I'm probably more of a front-end developer(HTML, CSS, and JavaScript/jQuery), but I can definitely do back-end work when I have to (mostly PHP, although I've done some classic ASP in Visual Basic).
The first example is this site, from scratch, no templates other than the jQuery framework. There were probably suitable Wordpress portfolios out there, but I wanted to showcase my coding skills as much as my design skills.
Here are some other examples of sites that I've done:
Faith-Based Schools – I took a designer's PSD and transformed it into this, including front-end and back-end development. Most of the work was working with our company's API to serve up the search results and forms dynamically. This site is built in the CodeIgniter framework, which is a lightweight MVC framework in PHP.
Idea4Invention – I didn't do the initial build of this, but I took over updates to the site for a few months as we searched for a new PHP developer. My updates included filtering search results based on answers to the initial questions, among a few other minor things.
Here some additional code snippets I've written over the years:
- Dynamic Radio Buttons
On our forms, we had a dynamic script that pulled in information from our database and populated the location and program fields for our schools in select boxes. The challenge came that we had to present the programs in radio buttons rather than a select box. I came up with this script which allowed us to use the old script to pull in the programs to a hidden select box, and the radio buttons were dynamically generated.
Technologies used: jQuery
- Auto-Distributing Width
A constant frustration in web design is equitably distributing width amongst multiple elements—for example, buttons in a nav bar. You can measure each link in Photoshop, measure the container, and pray they don't change—or, you could use this nifty script I wrote.
Technologies used: jQuery, CSS
- MBTI Test
My company was using an old Excel spreadsheet to track this, so I wrote a JavaScript version of the test that computes the score and creates bar graphs for each letter, along with pulling in the descriptions from an external XML file. (There's no validation on this, so you're free to just skip to the end and hit submit if you want to see the results.)
Technologies used: JavaScript, CSS
- Smalley Personality Test
This personality test was put together by Christian counselor Gary Smalley and is used frequently in church classes including marriage counseling. It's loosely based on the DISC assessment. I found there wasn't a good electronic version of it anywhere, including on the official website, so I coded my own. (Like the MBTI above, there's no validation, so there's no need to fill out the entire thing to see the results.)
Technologies used: JavaScript, CSS
- Sorting LIs
In a project, we had to sort the list items in an unordered list by its contents. This is the script I wrote for that.
Technologies used: JavaScript
- Typewriter Effect
I wanted to make a typewriter effect. Cheesy, I know. I just wanted to see if I could do it.
Technologies used: JavaScript, CSS
