About Myself
Hi, my name is Thomas Reynolds. I’m a front-end developer from Portland, Oregon who specializes in compression, minification and client-side speed. I’ve developed plenty of cross-browser websites on the back of HTML, CSS, javascript and jQuery which you can view on the portfolio page. My design skills are limited to my OCD obsession with grid-systems, vertical rhythm and highly-readable sites. I’ll leave the final level of polish to the Photoshop gurus.
I develop most of my sites using Sinatra, Merb and Rails (in that order), but there isn’t much code to show off. I try to extract what I can into gems and open source projects available on Github.
Blog
- The Middleman: A modular, feature-rich static site generator
- Tweetie-style paging with pageSlider
- Easy Google Maps with jQuery
- Introducing iPhone-style Checkboxes
- Using Compass to implement the Blueprint grid-system & consistent vertical-rhythm
- Creating bullet-proof HTML emails
- Don't repeat yourself, use Sass mixins
- Compass, the future of Sass development
Ruby code
Javascript
This site, its technology and source code
This site is both a resume of my past accomplishments and a tech demo of skill set. Below is a rather boring enumeration of tools I used and some source code. The result of the combined technology is a fully-optimized front-end experience that garners an "A" rating in YSlow. This site's full source code is available on Github at: tdreyno/entp-portfolio.
Heroku & Git
This site is running on Heroku using a rackup script which loads my Middleman library. See below for more details on that. Heroku is powered by the Git SCM.
Middleman
Middleman is my Ruby-based static site development toolkit which I use to quickly develop purely front-end sites. The source code and documentation is available on Github at: tdreyno/middleman. Middleman packages tools like Haml, Sass, Compass, Sprockets and the YUI Compressor together for rapid development which appeases the YSlow gods.
Susy & Baseline
Susy is a grid library for Compass which takes the pain out of elastic grid design. is a stand-alone tool for consistent vertical-rhythm which I ported to Sass.
Custom Fonts
This site is loading the freely available ChunkFive font using the cross-browser @font-face technology.
Sammy.js
A port of Sinatra to javascript & jQuery. Homepage.
FileMaker
Replicated the Apple Product Slider from http://www.apple.com/mac/ for FileMaker’s landing page using jQuery. The rest of the site was coding using normal HTML & CSS.
Conference microsite for FDC09 coded using standard HTML & CSS techniques.
Bento 2 Product landing page. Hosted on filemaker.com. Coded using standard HTML & CSS techniques.
Jive Software
Complete site development including Javascript/jQuery crossfader, social media integration, custom CSS grid-system and Java Struts integration.
JiveWorld 09 Conference site. Full site development, static HTML & CSS, Java Struts integration and my jQuery pageSlider script.
Simply Achieve
Full-stack development. Small education site running on Sinatra & Heroku with full Google Search integration.
FMYI
Static HTML development of this large employee communication and management application.