Repository: smt/resume Branch: master Commit: 469f0b7443a5 Files: 27 Total size: 350.3 KB Directory structure: gitextract_t_oqn7n5/ ├── .gitignore ├── .ruby-gemset ├── .ruby-version ├── Gemfile ├── README.markdown ├── Rakefile ├── config.rb ├── css/ │ └── main.css ├── index.html ├── js/ │ └── main.js ├── resume-reference.docx ├── resume-template.html ├── resume.docx ├── resume.epub ├── resume.html ├── resume.markdown ├── resume.odt ├── resume.rst ├── resume.rtf ├── resume.tex ├── resume.txt └── sass/ ├── _base.sass ├── _colors.sass ├── _mixins.sass ├── _pygments.sass ├── _resume.sass └── main.sass ================================================ FILE CONTENTS ================================================ ================================================ FILE: .gitignore ================================================ .sass-cache *.indd *.log *.mp *.tmp *.top *.tui *.tuo ================================================ FILE: .ruby-gemset ================================================ resume ================================================ FILE: .ruby-version ================================================ ruby-1.9.3-p392 ================================================ FILE: Gemfile ================================================ source "http://rubygems.org" gem "compass", "0.12.2" ================================================ FILE: README.markdown ================================================ Stephen Tudor ============= Front-end Web Developer ----------------------- - Phone: [610-590-4484](tel://610-590-4484) - Email: - Blog: [stephentudor.com](http://stephentudor.com) - Github: [smt](http://github.com/smt) - Twitter: [\@tagsoup](http://twitter.com/tagsoup) Summary ------- I am an experienced front-end developer who has led development for multiple successful $1MM+ projects. I am passionate about building high quality apps and user interfaces with modern web technologies. Through being conversant in server-side engineering, visual/UX design, and project management practices, I am able to execute end-to-end on a product or project. Specialties ----------- Authoring great user experiences with JavaScript, HTML, and CSS. Advocating for the open web. Managing and mentoring dev teams. Performing code reviews. Writing white papers and API documentation. Particating in the black art of software estimation. Drawing from a strong background in many diverse web technologies and frameworks. Experience ---------- ### **UX Developer** at [eBay Enterprise](http://ebayenterprise.com) *November 2013 - Present* As a member of the Solution Innovations team, I am creating a RWD pattern library as the system of record and living style guide for the next version of the Magento reference store. I also support sales activities by building and deploying various tools and services, such as a third-party JavaScript app that enables users to annotate any website with content authored in a WordPress blog. ### **Senior Software Engineer** at [EPAM Empathy Lab](http://epam.com/empathylab) *December 2012 - November 2013* (1 year) Championed a more collaborative process for responsive web design between the UX and development disciplines. Curated an internal static web framework and responsive pattern library to be used on multiple projects. Lead development on responsive prototypes for NBC Universal, DIRECTV, AIG, Lionsgate, and the USA Network. ### **Senior Web Developer** at [Empathy Lab](http://empathylab.com) *April 2010 - December 2012* (2 years 9 months) Created front-end web applications on tight deadlines for marquee clientele. Responsible for estimating work, vetting UX designs prior to development, developing key features, assisting team members on challenging sections of code, performing code reviews, and coordinating releases. ### **Web Developer** at [Empathy Lab](http://empathylab.com) *April 2009 - April 2010* (1 year 1 month) Authored standards-based HTML, CSS, and JavaScript for websites representing a broad range of internationally recognized brands: Sesame Street, Sprout, Lexmark, StrideRite, Walgreens, Verizon, Comcast, 21st Century Insurance, Liberty Global, American Red Cross. ### **IT Director** at [Artisan Custom Doorworks](http://artisandoorworks.com) *December 2005 - April 2009* (3 years 5 months) Designed the corporate website with a library of over 8,000 searchable PDF docemunts. Developed in-house sales and management application in Rails, while supporting and customizing business systems and applications. ### **President** at [Tudor Studio](http://tudorstudio.com) *January 2002 - Present* Providing professional web consulting and development services, from individuals and small businesses to Fortune 500 companies. Designing and developing hosted web applications with open source frameworks like Ruby on Rails. Integrating CMS and eCommerce applications. Skills & Expertise ------------------ These are languages, tools, and practices to which I have had exposure over the past 6 years or so. Those things which enjoy routine usage in my daily work are denoted with a ^†^ symbol. ### Programming Languages - [JavaScript](http://developer.mozilla.org/en/JavaScript)^†^ - [PHP](http://php.net) - [Ruby](http://ruby-lang.org)^†^ ### Markup/Templating Languages & Preprocessors - [CoffeeScript](http://coffeescript.org) - [CSS](http://www.w3.org/Style/CSS/Overview.en.html)^†^ - [Dust.js](http://linkedin.github.io/dustjs) - [ERB/eRuby](http://en.wikipedia.org/wiki/ERuby) - [Haml](http://haml.info) - [Handlebars.js](http://handlebarsjs.com) - [HTML](http://developers.whatwg.org)^†^ - [Jade](http://jade-lang.com) - [JSP](http://www.oracle.com/technetwork/java/javaee/jsp) - [JSTL](http://docs.oracle.com/javaee/5/tutorial/doc/bnakc.html) - [LESS](http://lesscss.org)^†^ - [Liquid](http://liquidmarkup.org) - [Markdown](http://daringfireball.net/projects/markdown)^†^ - [Mustache](http://mustache.github.io) - [Sass](http://sass-lang.com)^†^ - [Smarty](http://smarty.net) - [Swig](http://paularmstrong.github.io/swig) - [Stylus](http://learnboost.github.io/stylus) ### Frameworks & APIs - [Backbone.js](http://backbonejs.org)^†^ - [Bower](http://bower.io) - [Browserify](http://browserify.org)^†^ - [Compass](http://compass-style.org)^†^ - [Django](http://www.djangoproject.com) - [Express](http://expressjs.com)^†^ - [Jasmine](http://jasmine.github.io) - [jQuery](http://jquery.com)^†^ - [krakenjs](http://krakenjs.com) - [Lodash](http://lodash.com)^†^ - [Meteor](http://meteor.com) - [Middleman](http://middlemanapp.com) - [Node.js](http://nodejs.org)^†^ - [Prototype.js](http://prototypejs.org) - [React](http://facebook.github.io/react) - [Require.js](http://requirejs.org)^†^ - [Ruby on Rails](http://rubyonrails.org) - [Sinatra](http://sinatrarb.com) - [Twitter API](http://dev.twitter.com) - [Underscore.js](http://underscorejs.org)^†^ - [Wordpress](http://wordpress.org) - [YUI](http://developer.yahoo.com/yui) ### Software & Tools - [Adobe Creative Suite](http://www.adobe.com/products/creativesuite.html)^†^ - [Amazon Web Services](http://aws.amazon.com) - [Apache](http://apache.org)^†^ - [Apple XCode](http://developer.apple.com) - [Demandware](http://demandware.com) - [Git](http://git-scm.com)^†^ - [Grunt](http://gruntjs.com)^†^ - [Gulp](http://gulpjs.com)^†^ - [JBoss](http://jboss.org) - [JIRA](http://atlassian.com/software/jira)^†^ - [Mac OS X](http://apple.com/macosx)^†^ - [Magento](http://magento.com)^†^ - [MongoDB](http://mongodb.org)^†^ - [MySQL](http://mysql.com) - [Nginx](http://wiki.nginx.org) - [Oracle ATG](http://www.oracle.com/us/products/applications/web-commerce/atg) - [Pandoc](http://johnmacfarlane.net/pandoc) - [PostgreSQL](http://postgresql.org) - [rvm](http://rvm.beginrescueend.com)^†^ - [Sublime Text](http://www.sublimetext.com) - [Subversion](http://svn.apache.org) - [tmux](http://tmux.sourceforge.net)^†^ - [Tomcat](http://tomcat.apache.com) - [Ubuntu Linux](http://ubuntu.com) - [Vagrant](http://vagrantup.com) - [Vim](http://www.vim.org)^†^ - [VirtualBox](http://virtualbox.org)^†^ - [WebStorm](http://jetbrains.com/webstorm) - [Yeoman](http://yeoman.io) - [zsh](http://www.zsh.org)^†^ Education --------- [Saint Joseph's University](http://sju.edu), Erivan K. Haub School of Business BS, Information Systems, 1996 - 2000 Honors and Awards ----------------- *Unsung Hero*, Empathy Lab, May 2011 A peer-awarded honor which I'll always be terribly proud to have won. Interests --------- - Being a dad and spending time with my family - Playing [board and card games](http://boardgamegeek.com/user/smtudor) (and video games, too) - Making and listening to [music](http://www.rdio.com/people/smtudor) - Watching and contributing to Open Source Software ©2014 [Stephen Tudor](http://s17r.com/resume). All rights reserved. Direct contact only desired (no recruiters please). ================================================ FILE: Rakefile ================================================ require "rake" namespace :rst do desc "Generate reStructuredText file" task :generate do puts "Generating reStructuredText file from Markdown" system("pandoc -s -w rst resume.markdown -o resume.rst") puts "Done" end end namespace :html do desc "Compile stylesheet" task :styles do puts "Compiling CSS file" system("compass compile") end desc "Generate standalone HTML file" task :generate => [:styles] do puts "Generating standalone HTML file from Markdown" system("pandoc -s -S resume.markdown -o resume.html -t html5 --self-contained --section-divs --template=resume-template.html -T \"Stephen Tudor's Resume\" -c css/main.css") system("cp resume.html index.html") puts "Done" end end namespace :tex do desc "Generate LaTeX file" task :generate do puts "Generating LaTeX file from Markdown" system("pandoc -s -w context resume.markdown -o resume.tex") puts "Done" end end namespace :pdf do desc "Generate PDF file" task :generate => ["tex:generate"] do puts "Generating PDF file from LaTeX" system("texexec --pdf resume.tex") puts "Done" end end namespace :rtf do desc "Generate RTF file" task :generate do puts "Generating RTF file from Markdown" system("pandoc -s -S resume.markdown -o resume.rtf") puts "Done" end end namespace :word do desc "Generate docx file" task :generate do puts "Generating docx file from Markdown" system("pandoc -s -S resume.markdown -o resume.docx --reference-docx=resume-reference.docx") puts "Done" end end namespace :odt do desc "Generate ODT file" task :generate do puts "Generating ODT file from Markdown" system("pandoc -s -S resume.markdown -o resume.odt") puts "Done" end end namespace :epub do desc "Generate EPUB file" task :generate do puts "Generating EPUB file from Markdown" system("pandoc -s -S resume.markdown -o resume.epub") puts "Done" end end namespace :asciidoc do desc "Generate AsciiDoc file" task :generate do puts "Generating AsciiDoc file from Markdown" system("pandoc -s -S resume.markdown -t asciidoc -o resume.txt") puts "Done" end end namespace :docbook do desc "Generate DocBook file" task :generate do puts "Generating DocBook file from Markdown" system("pandoc -s -S -w docbook resume.markdown -o resume.db") puts "Done" end end desc "Copy resume to README" task :readme do puts "Copying README" system("cp resume.markdown README.markdown") puts "Done" end desc "Generate all formats" task :all => [ "rst:generate", "html:generate", "pdf:generate", "rtf:generate", "word:generate", "odt:generate", "epub:generate", "asciidoc:generate", "docbook:generate", "readme" ] desc "Transfer resume files to web" task :web do puts "Transferring files to web..." path = "smt@s17r.com:s17r.com/public" system("scp resume.* index.html #{path}/resume") system("scp index.html #{path}") puts "Done" end desc "Commit change" task :ci do puts "Done" system("git checkout master") system("git add resume.db resume.docx resume.epub resume.html resume.markdown resume.odt resume.pdf resume.rst resume.rtf resume.tex resume.txt README.markdown index.html") system("git commit -m 'Update resume files'") puts "Done" end desc "Push to GitHub" task :push => [:ci] do system("git checkout gh-pages") system("git checkout -f master index.html") system("git add index.html") system("git commit -m 'Update resume on GitHub Pages'") system("git push -f") system("git checkout master") end task :default => ["html:generate"] ================================================ FILE: config.rb ================================================ # Require any additional compass plugins here. # Set this to the root of your project when deployed: http_path = "/" css_dir = "css" sass_dir = "sass" images_dir = "images" javascripts_dir = "js" # You can select your preferred output style here (can be overridden via the command line): output_style = :expanded # To enable relative paths to assets via compass helper functions. Uncomment: relative_assets = true # To disable debugging comments that display the original location of your selectors. Uncomment: line_comments = false # If you prefer the indented syntax, you might want to regenerate this # project again passing --syntax sass, or you can uncomment this: preferred_syntax = :sass # and then run: # sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass ================================================ FILE: css/main.css ================================================ html { background: url(../images/clean_textile.png); margin: 0; padding: 0 1em 1em; } body { -webkit-font-smoothing: antialiased; font: 16px helvetica, arial, freesans, clean, sans-serif; line-height: 1.4em; color: #333333; border: none; line-height: 1.5; margin: 0 auto; max-width: 900px; text-align: left; color: black; } img { max-width: 100%; } @media screen { #wrapper { padding: 9px; background: #f8f8f8; border: 1px solid #e9e9e9; } } h1 { font-size: 280%; margin: 0; padding: 0.25em 0 0.92em; border-top: none; -webkit-transform-origin: 100% 100% 50%; -moz-transform-origin: 100% 100% 50%; -ms-transform-origin: 100% 100% 50%; -o-transform-origin: 100% 100% 50%; transform-origin: 100% 100% 50%; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } h1.active { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); text-shadow: 1px 1px 0px white, 2px 2px 0px #bada55, 3px 3px 0px #bada55, 4px 4px 0px #bada55, 5px 5px 0px #97ba28; } @media only screen and (min-width: 640px) { h1 { padding-bottom: 0; font-size: 425%; } h1.active { text-shadow: 1px 1px 0px white, 2px 2px 0px #bada55, 3px 3px 0px #bada55, 4px 4px 0px #bada55, 5px 5px 0px #bada55, 6px 6px 0px #bada55, 7px 7px 0px #97ba28; } } @media only screen and (min-width: 900px) { h1 { float: left; width: 57%; } } h2 { font-size: 200%; margin-top: 1.5em; } h3 { font-size: 150%; margin-top: 1.5em; border-top: 4px solid rgba(0, 0, 0, 0.07); padding-top: 0.5em; } p { margin: 1em 0; line-height: 1.5em; } pre, code { font: 12px "Bitstream Vera Sans Mono", "Courier", monospace; } pre { -webkit-box-shadow: rgba(0, 0, 0, 0.066) 0px 1px 2px 0px inset; background-color: #eeeeee; border: #dddddd 1px solid; color: #444444; display: block; margin: 12px 0; overflow: auto; padding: 5px; white-space: pre; max-width: 100%; overflow: auto; } code { background-color: ghostwhite; color: #444444; padding: 0 0.2em; border: 1px solid #dedede; } pre code { padding: 0; font-size: 12px; background-color: #eeeeee; border: none; overflow: visible; } a { border-bottom: 1px solid transparent; color: #86a524; text-decoration: none; -webkit-transition: background-color 500ms, border-bottom-color 500ms, color 500ms; -moz-transition: background-color 500ms, border-bottom-color 500ms, color 500ms; -o-transition: background-color 500ms, border-bottom-color 500ms, color 500ms; transition: background-color 500ms, border-bottom-color 500ms, color 500ms; } a:hover { background-color: #dceca9; border-bottom-color: #bada55; color: #647b1b; } a code { color: #bada55; text-decoration: none; } table td { border-bottom: 1px solid #dddddd; padding: 0.2em 1em; } .shadow { -webkit-box-shadow: 0 5px 15px black; -moz-box-shadow: 0 5px 15px black; box-shadow: 0 5px 15px black; } .c { color: #999988; font-style: italic; } .err { color: #a61717; background-color: #e3d2d2; } .k, .o { font-weight: bold; } .cm { color: #999988; font-style: italic; } .cp { color: #999999; font-weight: bold; } .c1 { color: #999988; font-style: italic; } .cs { color: #999999; font-weight: bold; font-style: italic; } .gd { color: black; background-color: #ffdddd; } .gd .x { color: black; background-color: #ffaaaa; } .ge { font-style: italic; } .gr { color: #aa0000; } .gh { color: #999999; } .gi { color: black; background-color: #ddffdd; } .gi .x { color: black; background-color: #aaffaa; } .go { color: #888888; } .gp { color: #555555; } .gs { font-weight: bold; } .gu { color: purple; font-weight: bold; } .gt { color: #aa0000; } .kc, .kd, .kn, .kp, .kr { font-weight: bold; } .kt { color: #445588; font-weight: bold; } .m { color: #009999; } .s { color: #dd1144; } .na { color: teal; } .nb { color: #0086b3; } .nc { color: #445588; font-weight: bold; } .no { color: teal; } .ni { color: purple; } .ne, .nf { color: #990000; font-weight: bold; } .nn { color: #555555; } .nt { color: navy; } .nv { color: teal; } .ow { font-weight: bold; } .w { color: #bbbbbb; } .mf, .mh, .mi, .mo { color: #009999; } .sb, .sc, .sd, .s2, .se, .sh, .si, .sx { color: #dd1144; } .sr { color: #009926; } .s1 { color: #dd1144; } .ss { color: #990073; } .bp { color: #999999; } .vc, .vg, .vi { color: teal; } .il { color: #009999; } .poetry pre { font-family: Georgia, Garamond, serif; font-style: italic; font-size: 110%; line-height: 1.6em; display: block; margin-left: 1em; } .poetry pre code { font-family: Georgia, Garamond, serif; } sup, sub, a.footnote { font-size: 1.4ex; height: 0; line-height: 1; vertical-align: super; position: relative; } sub { vertical-align: sub; top: -1px; } @media print { body { background: white; } img, pre, blockquote, table, figure { page-break-inside: avoid; } .footnotes { page-break-before: always; } #wrapper { background: white; border: none; } code { background-color: white; color: #444444 !important; padding: 0 0.2em; border: 1px solid #dedede; } pre { background: white; } pre code { background-color: white !important; overflow: visible; } } @media only screen and (min-width: 900px) { .level2 { margin-bottom: 4em; } } @media only screen and (min-width: 900px) { .level3 ul { -webkit-columns: 17em 3; -moz-columns: 17em 3; -ms-columns: 17em 3; -o-columns: 17em 3; columns: 17em 3; } .level3 ul li { display: block; } .level3 ul strong { display: block; position: relative; } .level3 ul strong:before { content: ">"; display: block; height: 1em; width: 1em; position: absolute; top: 0; left: -2em; overflow: hidden; } } .footnotes { border-top: 4px solid rgba(0, 0, 0, 0.07); } .footnotes hr { display: none; } #front-end-web-developer { background: rgba(255, 255, 255, 0.8); border: 4px solid rgba(0, 0, 0, 0.07); -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 0; padding: 1em 0 0.5em 1em; width: 19em; } @media only screen and (min-width: 900px) { #front-end-web-developer { border-top: none; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; float: right; margin-bottom: 0; } } #front-end-web-developer h2 { font-size: 110%; margin: 0.2em 0; } #front-end-web-developer ul { margin-top: 0.2em; padding-left: 1.3em; } #front-end-web-developer li { display: block; font-size: 75%; text-transform: uppercase; } #front-end-web-developer li a { font-size: 133.3333%; font-weight: bold; margin-left: 0.5em; text-transform: none; } @media only screen and (min-width: 900px) { #summary { clear: both; } } #experience h3 { margin-bottom: 0; } #experience .level3 p { margin-top: 0; } ================================================ FILE: index.html ================================================ Stephen Tudor's Resume -

Stephen Tudor

Front-end Web Developer

  • Phone: 610-590-4484
  • Email:
  • Blog: stephentudor.com
  • Github: smt
  • Twitter: @tagsoup

Summary

I am an experienced front-end developer who has led development for multiple successful $1MM+ projects. I am passionate about building high quality apps and user interfaces with modern web technologies. Through being conversant in server-side engineering, visual/UX design, and project management practices, I am able to execute end-to-end on a product or project.

Specialties

Authoring great user experiences with JavaScript, HTML, and CSS. Advocating for the open web. Managing and mentoring dev teams. Performing code reviews. Writing white papers and API documentation. Particating in the black art of software estimation. Drawing from a strong background in many diverse web technologies and frameworks.

Experience

UX Developer at eBay Enterprise

November 2013 - Present

As a member of the Solution Innovations team, I am creating a RWD pattern library as the system of record and living style guide for the next version of the Magento reference store. I also support sales activities by building and deploying various tools and services, such as a third-party JavaScript app that enables users to annotate any website with content authored in a WordPress blog.

Senior Software Engineer at EPAM Empathy Lab

December 2012 - November 2013 (1 year)

Championed a more collaborative process for responsive web design between the UX and development disciplines. Curated an internal static web framework and responsive pattern library to be used on multiple projects. Lead development on responsive prototypes for NBC Universal, DIRECTV, AIG, Lionsgate, and the USA Network.

Senior Web Developer at Empathy Lab

April 2010 - December 2012 (2 years 9 months)

Created front-end web applications on tight deadlines for marquee clientele. Responsible for estimating work, vetting UX designs prior to development, developing key features, assisting team members on challenging sections of code, performing code reviews, and coordinating releases.

Web Developer at Empathy Lab

April 2009 - April 2010 (1 year 1 month)

Authored standards-based HTML, CSS, and JavaScript for websites representing a broad range of internationally recognized brands: Sesame Street, Sprout, Lexmark, StrideRite, Walgreens, Verizon, Comcast, 21st Century Insurance, Liberty Global, American Red Cross.

IT Director at Artisan Custom Doorworks

December 2005 - April 2009 (3 years 5 months)

Designed the corporate website with a library of over 8,000 searchable PDF docemunts. Developed in-house sales and management application in Rails, while supporting and customizing business systems and applications.

President at Tudor Studio

January 2002 - Present

Providing professional web consulting and development services, from individuals and small businesses to Fortune 500 companies. Designing and developing hosted web applications with open source frameworks like Ruby on Rails. Integrating CMS and eCommerce applications.

Skills & Expertise

These are languages, tools, and practices to which I have had exposure over the past 6 years or so. Those things which enjoy routine usage in my daily work are denoted with a † symbol.

Programming Languages

Markup/Templating Languages & Preprocessors

Frameworks & APIs

Software & Tools

Education

Saint Joseph’s University, Erivan K. Haub School of Business
BS, Information Systems, 1996 - 2000

Honors and Awards

Unsung Hero, Empathy Lab, May 2011
A peer-awarded honor which I’ll always be terribly proud to have won.

Interests

  • Being a dad and spending time with my family
  • Playing board and card games (and video games, too)
  • Making and listening to music
  • Watching and contributing to Open Source Software

©2014 Stephen Tudor. All rights reserved. Direct contact only desired (no recruiters please).

================================================ FILE: js/main.js ================================================ (function (d) { var metas = d.getElementsByTagName('meta'); var i; function gestureStart() { for (i=0; i h1')[0]; t.addEventListener('mouseover', function (e) { if (!h.classList) return; h.classList.add('active'); return false; }, false); t.addEventListener('mouseout', function (e) { if (!h.classList) return; h.classList.remove('active'); return false; }, false); }, false); }(window, document, undefined)); ================================================ FILE: resume-template.html ================================================ $for(author-meta)$ $endfor$ $if(date-meta)$ $endif$ $if(title-prefix)$$title-prefix$ - $endif$$if(pagetitle)$$pagetitle$$endif$ $if(highlighting-css)$ $endif$ $for(css)$ $endfor$ $if(math)$ $math$ $endif$ $for(header-includes)$ $header-includes$ $endfor$ $for(include-before)$ $include-before$ $endfor$ $if(title)$

$title$

$for(author)$

$author$

$endfor$ $if(date)$

$date$

$endif$
$endif$ $if(toc)$ $endif$ $body$ $for(include-after)$ $include-after$ $endfor$ ================================================ FILE: resume.html ================================================ Stephen Tudor's Resume -

Stephen Tudor

Front-end Web Developer

  • Phone: 610-590-4484
  • Email:
  • Blog: stephentudor.com
  • Github: smt
  • Twitter: @tagsoup

Summary

I am an experienced front-end developer who has led development for multiple successful $1MM+ projects. I am passionate about building high quality apps and user interfaces with modern web technologies. Through being conversant in server-side engineering, visual/UX design, and project management practices, I am able to execute end-to-end on a product or project.

Specialties

Authoring great user experiences with JavaScript, HTML, and CSS. Advocating for the open web. Managing and mentoring dev teams. Performing code reviews. Writing white papers and API documentation. Particating in the black art of software estimation. Drawing from a strong background in many diverse web technologies and frameworks.

Experience

UX Developer at eBay Enterprise

November 2013 - Present

As a member of the Solution Innovations team, I am creating a RWD pattern library as the system of record and living style guide for the next version of the Magento reference store. I also support sales activities by building and deploying various tools and services, such as a third-party JavaScript app that enables users to annotate any website with content authored in a WordPress blog.

Senior Software Engineer at EPAM Empathy Lab

December 2012 - November 2013 (1 year)

Championed a more collaborative process for responsive web design between the UX and development disciplines. Curated an internal static web framework and responsive pattern library to be used on multiple projects. Lead development on responsive prototypes for NBC Universal, DIRECTV, AIG, Lionsgate, and the USA Network.

Senior Web Developer at Empathy Lab

April 2010 - December 2012 (2 years 9 months)

Created front-end web applications on tight deadlines for marquee clientele. Responsible for estimating work, vetting UX designs prior to development, developing key features, assisting team members on challenging sections of code, performing code reviews, and coordinating releases.

Web Developer at Empathy Lab

April 2009 - April 2010 (1 year 1 month)

Authored standards-based HTML, CSS, and JavaScript for websites representing a broad range of internationally recognized brands: Sesame Street, Sprout, Lexmark, StrideRite, Walgreens, Verizon, Comcast, 21st Century Insurance, Liberty Global, American Red Cross.

IT Director at Artisan Custom Doorworks

December 2005 - April 2009 (3 years 5 months)

Designed the corporate website with a library of over 8,000 searchable PDF docemunts. Developed in-house sales and management application in Rails, while supporting and customizing business systems and applications.

President at Tudor Studio

January 2002 - Present

Providing professional web consulting and development services, from individuals and small businesses to Fortune 500 companies. Designing and developing hosted web applications with open source frameworks like Ruby on Rails. Integrating CMS and eCommerce applications.

Skills & Expertise

These are languages, tools, and practices to which I have had exposure over the past 6 years or so. Those things which enjoy routine usage in my daily work are denoted with a † symbol.

Programming Languages

Markup/Templating Languages & Preprocessors

Frameworks & APIs

Software & Tools

Education

Saint Joseph’s University, Erivan K. Haub School of Business
BS, Information Systems, 1996 - 2000

Honors and Awards

Unsung Hero, Empathy Lab, May 2011
A peer-awarded honor which I’ll always be terribly proud to have won.

Interests

  • Being a dad and spending time with my family
  • Playing board and card games (and video games, too)
  • Making and listening to music
  • Watching and contributing to Open Source Software

©2014 Stephen Tudor. All rights reserved. Direct contact only desired (no recruiters please).

================================================ FILE: resume.markdown ================================================ Stephen Tudor ============= Front-end Web Developer ----------------------- - Phone: [610-590-4484](tel://610-590-4484) - Email: - Blog: [stephentudor.com](http://stephentudor.com) - Github: [smt](http://github.com/smt) - Twitter: [\@tagsoup](http://twitter.com/tagsoup) Summary ------- I am an experienced front-end developer who has led development for multiple successful $1MM+ projects. I am passionate about building high quality apps and user interfaces with modern web technologies. Through being conversant in server-side engineering, visual/UX design, and project management practices, I am able to execute end-to-end on a product or project. Specialties ----------- Authoring great user experiences with JavaScript, HTML, and CSS. Advocating for the open web. Managing and mentoring dev teams. Performing code reviews. Writing white papers and API documentation. Particating in the black art of software estimation. Drawing from a strong background in many diverse web technologies and frameworks. Experience ---------- ### **UX Developer** at [eBay Enterprise](http://ebayenterprise.com) *November 2013 - Present* As a member of the Solution Innovations team, I am creating a RWD pattern library as the system of record and living style guide for the next version of the Magento reference store. I also support sales activities by building and deploying various tools and services, such as a third-party JavaScript app that enables users to annotate any website with content authored in a WordPress blog. ### **Senior Software Engineer** at [EPAM Empathy Lab](http://epam.com/empathylab) *December 2012 - November 2013* (1 year) Championed a more collaborative process for responsive web design between the UX and development disciplines. Curated an internal static web framework and responsive pattern library to be used on multiple projects. Lead development on responsive prototypes for NBC Universal, DIRECTV, AIG, Lionsgate, and the USA Network. ### **Senior Web Developer** at [Empathy Lab](http://empathylab.com) *April 2010 - December 2012* (2 years 9 months) Created front-end web applications on tight deadlines for marquee clientele. Responsible for estimating work, vetting UX designs prior to development, developing key features, assisting team members on challenging sections of code, performing code reviews, and coordinating releases. ### **Web Developer** at [Empathy Lab](http://empathylab.com) *April 2009 - April 2010* (1 year 1 month) Authored standards-based HTML, CSS, and JavaScript for websites representing a broad range of internationally recognized brands: Sesame Street, Sprout, Lexmark, StrideRite, Walgreens, Verizon, Comcast, 21st Century Insurance, Liberty Global, American Red Cross. ### **IT Director** at [Artisan Custom Doorworks](http://artisandoorworks.com) *December 2005 - April 2009* (3 years 5 months) Designed the corporate website with a library of over 8,000 searchable PDF docemunts. Developed in-house sales and management application in Rails, while supporting and customizing business systems and applications. ### **President** at [Tudor Studio](http://tudorstudio.com) *January 2002 - Present* Providing professional web consulting and development services, from individuals and small businesses to Fortune 500 companies. Designing and developing hosted web applications with open source frameworks like Ruby on Rails. Integrating CMS and eCommerce applications. Skills & Expertise ------------------ These are languages, tools, and practices to which I have had exposure over the past 6 years or so. Those things which enjoy routine usage in my daily work are denoted with a ^†^ symbol. ### Programming Languages - [JavaScript](http://developer.mozilla.org/en/JavaScript)^†^ - [PHP](http://php.net) - [Ruby](http://ruby-lang.org)^†^ ### Markup/Templating Languages & Preprocessors - [CoffeeScript](http://coffeescript.org) - [CSS](http://www.w3.org/Style/CSS/Overview.en.html)^†^ - [Dust.js](http://linkedin.github.io/dustjs) - [ERB/eRuby](http://en.wikipedia.org/wiki/ERuby) - [Haml](http://haml.info) - [Handlebars.js](http://handlebarsjs.com) - [HTML](http://developers.whatwg.org)^†^ - [Jade](http://jade-lang.com) - [JSP](http://www.oracle.com/technetwork/java/javaee/jsp) - [JSTL](http://docs.oracle.com/javaee/5/tutorial/doc/bnakc.html) - [LESS](http://lesscss.org)^†^ - [Liquid](http://liquidmarkup.org) - [Markdown](http://daringfireball.net/projects/markdown)^†^ - [Mustache](http://mustache.github.io) - [Sass](http://sass-lang.com)^†^ - [Smarty](http://smarty.net) - [Swig](http://paularmstrong.github.io/swig) - [Stylus](http://learnboost.github.io/stylus) ### Frameworks & APIs - [Backbone.js](http://backbonejs.org)^†^ - [Bower](http://bower.io) - [Browserify](http://browserify.org)^†^ - [Compass](http://compass-style.org)^†^ - [Django](http://www.djangoproject.com) - [Express](http://expressjs.com)^†^ - [Jasmine](http://jasmine.github.io) - [jQuery](http://jquery.com)^†^ - [krakenjs](http://krakenjs.com) - [Lodash](http://lodash.com)^†^ - [Meteor](http://meteor.com) - [Middleman](http://middlemanapp.com) - [Node.js](http://nodejs.org)^†^ - [Prototype.js](http://prototypejs.org) - [React](http://facebook.github.io/react) - [Require.js](http://requirejs.org)^†^ - [Ruby on Rails](http://rubyonrails.org) - [Sinatra](http://sinatrarb.com) - [Twitter API](http://dev.twitter.com) - [Underscore.js](http://underscorejs.org)^†^ - [Wordpress](http://wordpress.org) - [YUI](http://developer.yahoo.com/yui) ### Software & Tools - [Adobe Creative Suite](http://www.adobe.com/products/creativesuite.html)^†^ - [Amazon Web Services](http://aws.amazon.com) - [Apache](http://apache.org)^†^ - [Apple XCode](http://developer.apple.com) - [Demandware](http://demandware.com) - [Git](http://git-scm.com)^†^ - [Grunt](http://gruntjs.com)^†^ - [Gulp](http://gulpjs.com)^†^ - [JBoss](http://jboss.org) - [JIRA](http://atlassian.com/software/jira)^†^ - [Mac OS X](http://apple.com/macosx)^†^ - [Magento](http://magento.com)^†^ - [MongoDB](http://mongodb.org)^†^ - [MySQL](http://mysql.com) - [Nginx](http://wiki.nginx.org) - [Oracle ATG](http://www.oracle.com/us/products/applications/web-commerce/atg) - [Pandoc](http://johnmacfarlane.net/pandoc) - [PostgreSQL](http://postgresql.org) - [rvm](http://rvm.beginrescueend.com)^†^ - [Sublime Text](http://www.sublimetext.com) - [Subversion](http://svn.apache.org) - [tmux](http://tmux.sourceforge.net)^†^ - [Tomcat](http://tomcat.apache.com) - [Ubuntu Linux](http://ubuntu.com) - [Vagrant](http://vagrantup.com) - [Vim](http://www.vim.org)^†^ - [VirtualBox](http://virtualbox.org)^†^ - [WebStorm](http://jetbrains.com/webstorm) - [Yeoman](http://yeoman.io) - [zsh](http://www.zsh.org)^†^ Education --------- [Saint Joseph's University](http://sju.edu), Erivan K. Haub School of Business BS, Information Systems, 1996 - 2000 Honors and Awards ----------------- *Unsung Hero*, Empathy Lab, May 2011 A peer-awarded honor which I'll always be terribly proud to have won. Interests --------- - Being a dad and spending time with my family - Playing [board and card games](http://boardgamegeek.com/user/smtudor) (and video games, too) - Making and listening to [music](http://www.rdio.com/people/smtudor) - Watching and contributing to Open Source Software ©2014 [Stephen Tudor](http://s17r.com/resume). All rights reserved. Direct contact only desired (no recruiters please). ================================================ FILE: resume.rst ================================================ Stephen Tudor ============= Front-end Web Developer ----------------------- - Phone: `610-590-4484 `__ - Email: smt@stephentudor.com - Blog: `stephentudor.com `__ - Github: `smt `__ - Twitter: `@tagsoup `__ Summary ------- I am an experienced front-end developer who has led development for multiple successful $1MM+ projects. I am passionate about building high quality apps and user interfaces with modern web technologies. Through being conversant in server-side engineering, visual/UX design, and project management practices, I am able to execute end-to-end on a product or project. Specialties ----------- Authoring great user experiences with JavaScript, HTML, and CSS. Advocating for the open web. Managing and mentoring dev teams. Performing code reviews. Writing white papers and API documentation. Particating in the black art of software estimation. Drawing from a strong background in many diverse web technologies and frameworks. Experience ---------- **UX Developer** at `eBay Enterprise `__ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *November 2013 - Present* As a member of the Solution Innovations team, I am creating a RWD pattern library as the system of record and living style guide for the next version of the Magento reference store. I also support sales activities by building and deploying various tools and services, such as a third-party JavaScript app that enables users to annotate any website with content authored in a WordPress blog. **Senior Software Engineer** at `EPAM Empathy Lab `__ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *December 2012 - November 2013* (1 year) Championed a more collaborative process for responsive web design between the UX and development disciplines. Curated an internal static web framework and responsive pattern library to be used on multiple projects. Lead development on responsive prototypes for NBC Universal, DIRECTV, AIG, Lionsgate, and the USA Network. **Senior Web Developer** at `Empathy Lab `__ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *April 2010 - December 2012* (2 years 9 months) Created front-end web applications on tight deadlines for marquee clientele. Responsible for estimating work, vetting UX designs prior to development, developing key features, assisting team members on challenging sections of code, performing code reviews, and coordinating releases. **Web Developer** at `Empathy Lab `__ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *April 2009 - April 2010* (1 year 1 month) Authored standards-based HTML, CSS, and JavaScript for websites representing a broad range of internationally recognized brands: Sesame Street, Sprout, Lexmark, StrideRite, Walgreens, Verizon, Comcast, 21st Century Insurance, Liberty Global, American Red Cross. **IT Director** at `Artisan Custom Doorworks `__ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *December 2005 - April 2009* (3 years 5 months) Designed the corporate website with a library of over 8,000 searchable PDF docemunts. Developed in-house sales and management application in Rails, while supporting and customizing business systems and applications. **President** at `Tudor Studio `__ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ *January 2002 - Present* Providing professional web consulting and development services, from individuals and small businesses to Fortune 500 companies. Designing and developing hosted web applications with open source frameworks like Ruby on Rails. Integrating CMS and eCommerce applications. Skills & Expertise ------------------ These are languages, tools, and practices to which I have had exposure over the past 6 years or so. Those things which enjoy routine usage in my daily work are denoted with a :sup:`†` symbol. Programming Languages ~~~~~~~~~~~~~~~~~~~~~ - `JavaScript `__\ :sup:`†` - `PHP `__ - `Ruby `__\ :sup:`†` Markup/Templating Languages & Preprocessors ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ - `CoffeeScript `__ - `CSS `__\ :sup:`†` - `Dust.js `__ - `ERB/eRuby `__ - `Haml `__ - `Handlebars.js `__ - `HTML `__\ :sup:`†` - `Jade `__ - `JSP `__ - `JSTL `__ - `LESS `__\ :sup:`†` - `Liquid `__ - `Markdown `__\ :sup:`†` - `Mustache `__ - `Sass `__\ :sup:`†` - `Smarty `__ - `Swig `__ - `Stylus `__ Frameworks & APIs ~~~~~~~~~~~~~~~~~ - `Backbone.js `__\ :sup:`†` - `Bower `__ - `Browserify `__\ :sup:`†` - `Compass `__\ :sup:`†` - `Django `__ - `Express `__\ :sup:`†` - `Jasmine `__ - `jQuery `__\ :sup:`†` - `krakenjs `__ - `Lodash `__\ :sup:`†` - `Meteor `__ - `Middleman `__ - `Node.js `__\ :sup:`†` - `Prototype.js `__ - `React `__ - `Require.js `__\ :sup:`†` - `Ruby on Rails `__ - `Sinatra `__ - `Twitter API `__ - `Underscore.js `__\ :sup:`†` - `Wordpress `__ - `YUI `__ Software & Tools ~~~~~~~~~~~~~~~~ - `Adobe Creative Suite `__\ :sup:`†` - `Amazon Web Services `__ - `Apache `__\ :sup:`†` - `Apple XCode `__ - `Demandware `__ - `Git `__\ :sup:`†` - `Grunt `__\ :sup:`†` - `Gulp `__\ :sup:`†` - `JBoss `__ - `JIRA `__\ :sup:`†` - `Mac OS X `__\ :sup:`†` - `Magento `__\ :sup:`†` - `MongoDB `__\ :sup:`†` - `MySQL `__ - `Nginx `__ - `Oracle ATG `__ - `Pandoc `__ - `PostgreSQL `__ - `rvm `__\ :sup:`†` - `Sublime Text `__ - `Subversion `__ - `tmux `__\ :sup:`†` - `Tomcat `__ - `Ubuntu Linux `__ - `Vagrant `__ - `Vim `__\ :sup:`†` - `VirtualBox `__\ :sup:`†` - `WebStorm `__ - `Yeoman `__ - `zsh `__\ :sup:`†` Education --------- | `Saint Joseph's University `__, Erivan K. Haub School of Business | BS, Information Systems, 1996 - 2000 Honors and Awards ----------------- | *Unsung Hero*, Empathy Lab, May 2011 | A peer-awarded honor which I'll always be terribly proud to have won. Interests --------- - Being a dad and spending time with my family - Playing `board and card games `__ (and video games, too) - Making and listening to `music `__ - Watching and contributing to Open Source Software ©2014 `Stephen Tudor `__. All rights reserved. Direct contact only desired (no recruiters please). ================================================ FILE: resume.rtf ================================================ {\rtf1\ansi\deff0{\fonttbl{\f0 \fswiss Helvetica;}{\f1 Courier;}} {\colortbl;\red255\green0\blue0;\red0\green0\blue255;} \widowctrl\hyphauto {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs36 Stephen Tudor\par} {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs32 Front-end Web Developer\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab Phone: {\field{\*\fldinst{HYPERLINK "tel://610-590-4484"}}{\fldrslt{\ul 610-590-4484 }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab Email: {\field{\*\fldinst{HYPERLINK "mailto:smt@stephentudor.com"}}{\fldrslt{\ul smt@stephentudor.com }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab Blog: {\field{\*\fldinst{HYPERLINK "http://stephentudor.com"}}{\fldrslt{\ul stephentudor.com }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab Github: {\field{\*\fldinst{HYPERLINK "http://github.com/smt"}}{\fldrslt{\ul smt }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab Twitter: {\field{\*\fldinst{HYPERLINK "http://twitter.com/tagsoup"}}{\fldrslt{\ul @tagsoup }}} \sa180\par} {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs32 Summary\par} {\pard \ql \f0 \sa180 \li0 \fi0 I am an experienced front-end developer who has led development for multiple successful $1MM+ projects. I am passionate about building high quality apps and user interfaces with modern web technologies. Through being conversant in server-side engineering, visual/UX design, and project management practices, I am able to execute end-to-end on a product or project.\par} {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs32 Specialties\par} {\pard \ql \f0 \sa180 \li0 \fi0 Authoring great user experiences with JavaScript, HTML, and CSS. Advocating for the open web. Managing and mentoring dev teams. Performing code reviews. Writing white papers and API documentation. Particating in the black art of software estimation. Drawing from a strong background in many diverse web technologies and frameworks.\par} {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs32 Experience\par} {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 {\b UX Developer} at {\field{\*\fldinst{HYPERLINK "http://ebayenterprise.com"}}{\fldrslt{\ul eBay Enterprise }}} \par} {\pard \ql \f0 \sa180 \li0 \fi0 {\i November 2013 - Present}\par} {\pard \ql \f0 \sa180 \li0 \fi0 As a member of the Solution Innovations team, I am creating a RWD pattern library as the system of record and living style guide for the next version of the Magento reference store. I also support sales activities by building and deploying various tools and services, such as a third-party JavaScript app that enables users to annotate any website with content authored in a WordPress blog.\par} {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 {\b Senior Software Engineer} at {\field{\*\fldinst{HYPERLINK "http://epam.com/empathylab"}}{\fldrslt{\ul EPAM Empathy Lab }}} \par} {\pard \ql \f0 \sa180 \li0 \fi0 {\i December 2012 - November 2013} (1 year)\par} {\pard \ql \f0 \sa180 \li0 \fi0 Championed a more collaborative process for responsive web design between the UX and development disciplines. Curated an internal static web framework and responsive pattern library to be used on multiple projects. Lead development on responsive prototypes for NBC Universal, DIRECTV, AIG, Lionsgate, and the USA Network.\par} {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 {\b Senior Web Developer} at {\field{\*\fldinst{HYPERLINK "http://empathylab.com"}}{\fldrslt{\ul Empathy Lab }}} \par} {\pard \ql \f0 \sa180 \li0 \fi0 {\i April 2010 - December 2012} (2 years 9 months)\par} {\pard \ql \f0 \sa180 \li0 \fi0 Created front-end web applications on tight deadlines for marquee clientele. Responsible for estimating work, vetting UX designs prior to development, developing key features, assisting team members on challenging sections of code, performing code reviews, and coordinating releases.\par} {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 {\b Web Developer} at {\field{\*\fldinst{HYPERLINK "http://empathylab.com"}}{\fldrslt{\ul Empathy Lab }}} \par} {\pard \ql \f0 \sa180 \li0 \fi0 {\i April 2009 - April 2010} (1 year 1 month)\par} {\pard \ql \f0 \sa180 \li0 \fi0 Authored standards-based HTML, CSS, and JavaScript for websites representing a broad range of internationally recognized brands: Sesame Street, Sprout, Lexmark, StrideRite, Walgreens, Verizon, Comcast, 21st Century Insurance, Liberty Global, American Red Cross.\par} {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 {\b IT Director} at {\field{\*\fldinst{HYPERLINK "http://artisandoorworks.com"}}{\fldrslt{\ul Artisan Custom Doorworks }}} \par} {\pard \ql \f0 \sa180 \li0 \fi0 {\i December 2005 - April 2009} (3 years 5 months)\par} {\pard \ql \f0 \sa180 \li0 \fi0 Designed the corporate website with a library of over 8,000 searchable PDF docemunts. Developed in-house sales and management application in Rails, while supporting and customizing business systems and applications.\par} {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 {\b President} at {\field{\*\fldinst{HYPERLINK "http://tudorstudio.com"}}{\fldrslt{\ul Tudor Studio }}} \par} {\pard \ql \f0 \sa180 \li0 \fi0 {\i January 2002 - Present}\par} {\pard \ql \f0 \sa180 \li0 \fi0 Providing professional web consulting and development services, from individuals and small businesses to Fortune 500 companies. Designing and developing hosted web applications with open source frameworks like Ruby on Rails. Integrating CMS and eCommerce applications.\par} {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs32 Skills & Expertise\par} {\pard \ql \f0 \sa180 \li0 \fi0 These are languages, tools, and practices to which I have had exposure over the past 6 years or so. Those things which enjoy routine usage in my daily work are denoted with a {\super \u8224?} symbol.\par} {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 Programming Languages\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://developer.mozilla.org/en/JavaScript"}}{\fldrslt{\ul JavaScript }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://php.net"}}{\fldrslt{\ul PHP }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://ruby-lang.org"}}{\fldrslt{\ul Ruby }}} {\super \u8224?}\sa180\par} {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 Markup/Templating Languages & Preprocessors\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://coffeescript.org"}}{\fldrslt{\ul CoffeeScript }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://www.w3.org/Style/CSS/Overview.en.html"}}{\fldrslt{\ul CSS }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://linkedin.github.io/dustjs"}}{\fldrslt{\ul Dust.js }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://en.wikipedia.org/wiki/ERuby"}}{\fldrslt{\ul ERB/eRuby }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://haml.info"}}{\fldrslt{\ul Haml }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://handlebarsjs.com"}}{\fldrslt{\ul Handlebars.js }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://developers.whatwg.org"}}{\fldrslt{\ul HTML }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://jade-lang.com"}}{\fldrslt{\ul Jade }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://www.oracle.com/technetwork/java/javaee/jsp"}}{\fldrslt{\ul JSP }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://docs.oracle.com/javaee/5/tutorial/doc/bnakc.html"}}{\fldrslt{\ul JSTL }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://lesscss.org"}}{\fldrslt{\ul LESS }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://liquidmarkup.org"}}{\fldrslt{\ul Liquid }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://daringfireball.net/projects/markdown"}}{\fldrslt{\ul Markdown }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://mustache.github.io"}}{\fldrslt{\ul Mustache }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://sass-lang.com"}}{\fldrslt{\ul Sass }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://smarty.net"}}{\fldrslt{\ul Smarty }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://paularmstrong.github.io/swig"}}{\fldrslt{\ul Swig }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://learnboost.github.io/stylus"}}{\fldrslt{\ul Stylus }}} \sa180\par} {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 Frameworks & APIs\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://backbonejs.org"}}{\fldrslt{\ul Backbone.js }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://bower.io"}}{\fldrslt{\ul Bower }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://browserify.org"}}{\fldrslt{\ul Browserify }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://compass-style.org"}}{\fldrslt{\ul Compass }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://www.djangoproject.com"}}{\fldrslt{\ul Django }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://expressjs.com"}}{\fldrslt{\ul Express }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://jasmine.github.io"}}{\fldrslt{\ul Jasmine }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://jquery.com"}}{\fldrslt{\ul jQuery }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://krakenjs.com"}}{\fldrslt{\ul krakenjs }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://lodash.com"}}{\fldrslt{\ul Lodash }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://meteor.com"}}{\fldrslt{\ul Meteor }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://middlemanapp.com"}}{\fldrslt{\ul Middleman }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://nodejs.org"}}{\fldrslt{\ul Node.js }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://prototypejs.org"}}{\fldrslt{\ul Prototype.js }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://facebook.github.io/react"}}{\fldrslt{\ul React }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://requirejs.org"}}{\fldrslt{\ul Require.js }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://rubyonrails.org"}}{\fldrslt{\ul Ruby on Rails }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://sinatrarb.com"}}{\fldrslt{\ul Sinatra }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://dev.twitter.com"}}{\fldrslt{\ul Twitter API }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://underscorejs.org"}}{\fldrslt{\ul Underscore.js }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://wordpress.org"}}{\fldrslt{\ul Wordpress }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://developer.yahoo.com/yui"}}{\fldrslt{\ul YUI }}} \sa180\par} {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs28 Software & Tools\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://www.adobe.com/products/creativesuite.html"}}{\fldrslt{\ul Adobe Creative Suite }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://aws.amazon.com"}}{\fldrslt{\ul Amazon Web Services }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://apache.org"}}{\fldrslt{\ul Apache }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://developer.apple.com"}}{\fldrslt{\ul Apple XCode }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://demandware.com"}}{\fldrslt{\ul Demandware }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://git-scm.com"}}{\fldrslt{\ul Git }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://gruntjs.com"}}{\fldrslt{\ul Grunt }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://gulpjs.com"}}{\fldrslt{\ul Gulp }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://jboss.org"}}{\fldrslt{\ul JBoss }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://atlassian.com/software/jira"}}{\fldrslt{\ul JIRA }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://apple.com/macosx"}}{\fldrslt{\ul Mac OS X }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://magento.com"}}{\fldrslt{\ul Magento }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://mongodb.org"}}{\fldrslt{\ul MongoDB }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://mysql.com"}}{\fldrslt{\ul MySQL }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://wiki.nginx.org"}}{\fldrslt{\ul Nginx }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://www.oracle.com/us/products/applications/web-commerce/atg"}}{\fldrslt{\ul Oracle ATG }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://johnmacfarlane.net/pandoc"}}{\fldrslt{\ul Pandoc }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://postgresql.org"}}{\fldrslt{\ul PostgreSQL }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://rvm.beginrescueend.com"}}{\fldrslt{\ul rvm }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://www.sublimetext.com"}}{\fldrslt{\ul Sublime Text }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://svn.apache.org"}}{\fldrslt{\ul Subversion }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://tmux.sourceforge.net"}}{\fldrslt{\ul tmux }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://tomcat.apache.com"}}{\fldrslt{\ul Tomcat }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://ubuntu.com"}}{\fldrslt{\ul Ubuntu Linux }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://vagrantup.com"}}{\fldrslt{\ul Vagrant }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://www.vim.org"}}{\fldrslt{\ul Vim }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://virtualbox.org"}}{\fldrslt{\ul VirtualBox }}} {\super \u8224?}\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://jetbrains.com/webstorm"}}{\fldrslt{\ul WebStorm }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://yeoman.io"}}{\fldrslt{\ul Yeoman }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab {\field{\*\fldinst{HYPERLINK "http://www.zsh.org"}}{\fldrslt{\ul zsh }}} {\super \u8224?}\sa180\par} {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs32 Education\par} {\pard \ql \f0 \sa180 \li0 \fi0 {\field{\*\fldinst{HYPERLINK "http://sju.edu"}}{\fldrslt{\ul Saint Joseph\u8217's University }}} , Erivan K. Haub School of Business\line BS, Information Systems, 1996 - 2000\par} {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs32 Honors and Awards\par} {\pard \ql \f0 \sa180 \li0 \fi0 {\i Unsung Hero}, Empathy Lab, May 2011\line A peer-awarded honor which I\u8217'll always be terribly proud to have won.\par} {\pard \ql \f0 \sa180 \li0 \fi0 \b \fs32 Interests\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab Being a dad and spending time with my family\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab Playing {\field{\*\fldinst{HYPERLINK "http://boardgamegeek.com/user/smtudor"}}{\fldrslt{\ul board and card games }}} (and video games, too)\par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab Making and listening to {\field{\*\fldinst{HYPERLINK "http://www.rdio.com/people/smtudor"}}{\fldrslt{\ul music }}} \par} {\pard \ql \f0 \sa0 \li360 \fi-360 \bullet \tx360\tab Watching and contributing to Open Source Software\sa180\par} {\pard \ql \f0 \sa180 \li0 \fi0 \u169?2014 {\field{\*\fldinst{HYPERLINK "http://s17r.com/resume"}}{\fldrslt{\ul Stephen Tudor }}} . All rights reserved. Direct contact only desired (no\u160?recruiters\u160?please).\par} } ================================================ FILE: resume.tex ================================================ \startmode[*mkii] \enableregime[utf-8] \setupcolors[state=start] \stopmode % Enable hyperlinks \setupinteraction[state=start, color=middleblue] \setuppapersize [letter][letter] \setuplayout [width=middle, backspace=1.5in, cutspace=1.5in, height=middle, topspace=0.75in, bottomspace=0.75in] \setuppagenumbering[location={footer,center}] \setupbodyfont[11pt] \setupwhitespace[medium] \setuphead[chapter] [style=\tfd] \setuphead[section] [style=\tfc] \setuphead[subsection] [style=\tfb] \setuphead[subsubsection][style=\bf] \setuphead[chapter, section, subsection, subsubsection][number=no] \definedescription [description] [headstyle=bold, style=normal, location=hanging, width=broad, margin=1cm] \setupitemize[autointro] % prevent orphan list intro \setupitemize[indentnext=no] \setupfloat[figure][default={here,nonumber}] \setupfloat[table][default={here,nonumber}] \setupthinrules[width=15em] % width of horizontal rules \setupdelimitedtext [blockquote] [before={\blank[medium]}, after={\blank[medium]}, indentnext=no, ] \starttext \section[stephen-tudor]{Stephen Tudor} \subsection[front-end-web-developer]{Front-end Web Developer} \startitemize[packed] \item Phone: \useURL[url1][tel://610-590-4484][][610-590-4484]\from[url1] \item Email: \useURL[url2][mailto:smt@stephentudor.com][][\hyphenatedurl{smt@stephentudor.com}]\from[url2] \item Blog: \useURL[url3][http://stephentudor.com][][stephentudor.com]\from[url3] \item Github: \useURL[url4][http://github.com/smt][][smt]\from[url4] \item Twitter: \useURL[url5][http://twitter.com/tagsoup][][@tagsoup]\from[url5] \stopitemize \subsection[summary]{Summary} I am an experienced front-end developer who has led development for multiple successful \$1MM+ projects. I am passionate about building high quality apps and user interfaces with modern web technologies. Through being conversant in server-side engineering, visual/UX design, and project management practices, I am able to execute end-to-end on a product or project. \subsection[specialties]{Specialties} Authoring great user experiences with JavaScript, HTML, and CSS. Advocating for the open web. Managing and mentoring dev teams. Performing code reviews. Writing white papers and API documentation. Particating in the black art of software estimation. Drawing from a strong background in many diverse web technologies and frameworks. \subsection[experience]{Experience} \subsubsection[ux-developer-at-ebay-enterprise]{{\bf UX Developer} at \useURL[url6][http://ebayenterprise.com][][eBay Enterprise]\from[url6]} {\em November 2013 - Present} As a member of the Solution Innovations team, I am creating a RWD pattern library as the system of record and living style guide for the next version of the Magento reference store. I also support sales activities by building and deploying various tools and services, such as a third-party JavaScript app that enables users to annotate any website with content authored in a WordPress blog. \subsubsection[senior-software-engineer-at-epam-empathy-lab]{{\bf Senior Software Engineer} at \useURL[url7][http://epam.com/empathylab][][EPAM Empathy Lab]\from[url7]} {\em December 2012 - November 2013} (1 year) Championed a more collaborative process for responsive web design between the UX and development disciplines. Curated an internal static web framework and responsive pattern library to be used on multiple projects. Lead development on responsive prototypes for NBC Universal, DIRECTV, AIG, Lionsgate, and the USA Network. \subsubsection[senior-web-developer-at-empathy-lab]{{\bf Senior Web Developer} at \useURL[url8][http://empathylab.com][][Empathy Lab]\from[url8]} {\em April 2010 - December 2012} (2 years 9 months) Created front-end web applications on tight deadlines for marquee clientele. Responsible for estimating work, vetting UX designs prior to development, developing key features, assisting team members on challenging sections of code, performing code reviews, and coordinating releases. \subsubsection[web-developer-at-empathy-lab]{{\bf Web Developer} at \useURL[url9][http://empathylab.com][][Empathy Lab]\from[url9]} {\em April 2009 - April 2010} (1 year 1 month) Authored standards-based HTML, CSS, and JavaScript for websites representing a broad range of internationally recognized brands: Sesame Street, Sprout, Lexmark, StrideRite, Walgreens, Verizon, Comcast, 21st Century Insurance, Liberty Global, American Red Cross. \subsubsection[it-director-at-artisan-custom-doorworks]{{\bf IT Director} at \useURL[url10][http://artisandoorworks.com][][Artisan Custom Doorworks]\from[url10]} {\em December 2005 - April 2009} (3 years 5 months) Designed the corporate website with a library of over 8,000 searchable PDF docemunts. Developed in-house sales and management application in Rails, while supporting and customizing business systems and applications. \subsubsection[president-at-tudor-studio]{{\bf President} at \useURL[url11][http://tudorstudio.com][][Tudor Studio]\from[url11]} {\em January 2002 - Present} Providing professional web consulting and development services, from individuals and small businesses to Fortune 500 companies. Designing and developing hosted web applications with open source frameworks like Ruby on Rails. Integrating CMS and eCommerce applications. \subsection[skills-expertise]{Skills & Expertise} These are languages, tools, and practices to which I have had exposure over the past 6 years or so. Those things which enjoy routine usage in my daily work are denoted with a \high{†} symbol. \subsubsection[programming-languages]{Programming Languages} \startitemize[packed] \item \useURL[url12][http://developer.mozilla.org/en/JavaScript][][JavaScript]\from[url12]\high{†} \item \useURL[url13][http://php.net][][PHP]\from[url13] \item \useURL[url14][http://ruby-lang.org][][Ruby]\from[url14]\high{†} \stopitemize \subsubsection[markuptemplating-languages-preprocessors]{Markup/Templating Languages & Preprocessors} \startitemize[packed] \item \useURL[url15][http://coffeescript.org][][CoffeeScript]\from[url15] \item \useURL[url16][http://www.w3.org/Style/CSS/Overview.en.html][][CSS]\from[url16]\high{†} \item \useURL[url17][http://linkedin.github.io/dustjs][][Dust.js]\from[url17] \item \useURL[url18][http://en.wikipedia.org/wiki/ERuby][][ERB/eRuby]\from[url18] \item \useURL[url19][http://haml.info][][Haml]\from[url19] \item \useURL[url20][http://handlebarsjs.com][][Handlebars.js]\from[url20] \item \useURL[url21][http://developers.whatwg.org][][HTML]\from[url21]\high{†} \item \useURL[url22][http://jade-lang.com][][Jade]\from[url22] \item \useURL[url23][http://www.oracle.com/technetwork/java/javaee/jsp][][JSP]\from[url23] \item \useURL[url24][http://docs.oracle.com/javaee/5/tutorial/doc/bnakc.html][][JSTL]\from[url24] \item \useURL[url25][http://lesscss.org][][LESS]\from[url25]\high{†} \item \useURL[url26][http://liquidmarkup.org][][Liquid]\from[url26] \item \useURL[url27][http://daringfireball.net/projects/markdown][][Markdown]\from[url27]\high{†} \item \useURL[url28][http://mustache.github.io][][Mustache]\from[url28] \item \useURL[url29][http://sass-lang.com][][Sass]\from[url29]\high{†} \item \useURL[url30][http://smarty.net][][Smarty]\from[url30] \item \useURL[url31][http://paularmstrong.github.io/swig][][Swig]\from[url31] \item \useURL[url32][http://learnboost.github.io/stylus][][Stylus]\from[url32] \stopitemize \subsubsection[frameworks-apis]{Frameworks & APIs} \startitemize[packed] \item \useURL[url33][http://backbonejs.org][][Backbone.js]\from[url33]\high{†} \item \useURL[url34][http://bower.io][][Bower]\from[url34] \item \useURL[url35][http://browserify.org][][Browserify]\from[url35]\high{†} \item \useURL[url36][http://compass-style.org][][Compass]\from[url36]\high{†} \item \useURL[url37][http://www.djangoproject.com][][Django]\from[url37] \item \useURL[url38][http://expressjs.com][][Express]\from[url38]\high{†} \item \useURL[url39][http://jasmine.github.io][][Jasmine]\from[url39] \item \useURL[url40][http://jquery.com][][jQuery]\from[url40]\high{†} \item \useURL[url41][http://krakenjs.com][][krakenjs]\from[url41] \item \useURL[url42][http://lodash.com][][Lodash]\from[url42]\high{†} \item \useURL[url43][http://meteor.com][][Meteor]\from[url43] \item \useURL[url44][http://middlemanapp.com][][Middleman]\from[url44] \item \useURL[url45][http://nodejs.org][][Node.js]\from[url45]\high{†} \item \useURL[url46][http://prototypejs.org][][Prototype.js]\from[url46] \item \useURL[url47][http://facebook.github.io/react][][React]\from[url47] \item \useURL[url48][http://requirejs.org][][Require.js]\from[url48]\high{†} \item \useURL[url49][http://rubyonrails.org][][Ruby on Rails]\from[url49] \item \useURL[url50][http://sinatrarb.com][][Sinatra]\from[url50] \item \useURL[url51][http://dev.twitter.com][][Twitter API]\from[url51] \item \useURL[url52][http://underscorejs.org][][Underscore.js]\from[url52]\high{†} \item \useURL[url53][http://wordpress.org][][Wordpress]\from[url53] \item \useURL[url54][http://developer.yahoo.com/yui][][YUI]\from[url54] \stopitemize \subsubsection[software-tools]{Software & Tools} \startitemize[packed] \item \useURL[url55][http://www.adobe.com/products/creativesuite.html][][Adobe Creative Suite]\from[url55]\high{†} \item \useURL[url56][http://aws.amazon.com][][Amazon Web Services]\from[url56] \item \useURL[url57][http://apache.org][][Apache]\from[url57]\high{†} \item \useURL[url58][http://developer.apple.com][][Apple XCode]\from[url58] \item \useURL[url59][http://demandware.com][][Demandware]\from[url59] \item \useURL[url60][http://git-scm.com][][Git]\from[url60]\high{†} \item \useURL[url61][http://gruntjs.com][][Grunt]\from[url61]\high{†} \item \useURL[url62][http://gulpjs.com][][Gulp]\from[url62]\high{†} \item \useURL[url63][http://jboss.org][][JBoss]\from[url63] \item \useURL[url64][http://atlassian.com/software/jira][][JIRA]\from[url64]\high{†} \item \useURL[url65][http://apple.com/macosx][][Mac OS X]\from[url65]\high{†} \item \useURL[url66][http://magento.com][][Magento]\from[url66]\high{†} \item \useURL[url67][http://mongodb.org][][MongoDB]\from[url67]\high{†} \item \useURL[url68][http://mysql.com][][MySQL]\from[url68] \item \useURL[url69][http://wiki.nginx.org][][Nginx]\from[url69] \item \useURL[url70][http://www.oracle.com/us/products/applications/web-commerce/atg][][Oracle ATG]\from[url70] \item \useURL[url71][http://johnmacfarlane.net/pandoc][][Pandoc]\from[url71] \item \useURL[url72][http://postgresql.org][][PostgreSQL]\from[url72] \item \useURL[url73][http://rvm.beginrescueend.com][][rvm]\from[url73]\high{†} \item \useURL[url74][http://www.sublimetext.com][][Sublime Text]\from[url74] \item \useURL[url75][http://svn.apache.org][][Subversion]\from[url75] \item \useURL[url76][http://tmux.sourceforge.net][][tmux]\from[url76]\high{†} \item \useURL[url77][http://tomcat.apache.com][][Tomcat]\from[url77] \item \useURL[url78][http://ubuntu.com][][Ubuntu Linux]\from[url78] \item \useURL[url79][http://vagrantup.com][][Vagrant]\from[url79] \item \useURL[url80][http://www.vim.org][][Vim]\from[url80]\high{†} \item \useURL[url81][http://virtualbox.org][][VirtualBox]\from[url81]\high{†} \item \useURL[url82][http://jetbrains.com/webstorm][][WebStorm]\from[url82] \item \useURL[url83][http://yeoman.io][][Yeoman]\from[url83] \item \useURL[url84][http://www.zsh.org][][zsh]\from[url84]\high{†} \stopitemize \subsection[education]{Education} \useURL[url85][http://sju.edu][][Saint Joseph's University]\from[url85], Erivan K. Haub School of Business\crlf BS, Information Systems, 1996 - 2000 \subsection[honors-and-awards]{Honors and Awards} {\em Unsung Hero}, Empathy Lab, May 2011\crlf A peer-awarded honor which I'll always be terribly proud to have won. \subsection[interests]{Interests} \startitemize[packed] \item Being a dad and spending time with my family \item Playing \useURL[url86][http://boardgamegeek.com/user/smtudor][][board and card games]\from[url86] (and video games, too) \item Making and listening to \useURL[url87][http://www.rdio.com/people/smtudor][][music]\from[url87] \item Watching and contributing to Open Source Software \stopitemize ©2014 \useURL[url88][http://s17r.com/resume][][Stephen Tudor]\from[url88]. All rights reserved. Direct contact only desired (no~recruiters~please). \stoptext ================================================ FILE: resume.txt ================================================ [[stephen-tudor]] Stephen Tudor ------------- [[front-end-web-developer]] Front-end Web Developer ~~~~~~~~~~~~~~~~~~~~~~~ * Phone: tel://610-590-4484[610-590-4484] * Email: smt@stephentudor.com * Blog: http://stephentudor.com[stephentudor.com] * Github: http://github.com/smt[smt] * Twitter: http://twitter.com/tagsoup[@tagsoup] [[summary]] Summary ~~~~~~~ I am an experienced front-end developer who has led development for multiple successful $1MM+ projects. I am passionate about building high quality apps and user interfaces with modern web technologies. Through being conversant in server-side engineering, visual/UX design, and project management practices, I am able to execute end-to-end on a product or project. [[specialties]] Specialties ~~~~~~~~~~~ Authoring great user experiences with JavaScript, HTML, and CSS. Advocating for the open web. Managing and mentoring dev teams. Performing code reviews. Writing white papers and API documentation. Particating in the black art of software estimation. Drawing from a strong background in many diverse web technologies and frameworks. [[experience]] Experience ~~~~~~~~~~ [[ux-developer-at-ebay-enterprise]] *UX Developer* at http://ebayenterprise.com[eBay Enterprise] ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ _November 2013 - Present_ As a member of the Solution Innovations team, I am creating a RWD pattern library as the system of record and living style guide for the next version of the Magento reference store. I also support sales activities by building and deploying various tools and services, such as a third-party JavaScript app that enables users to annotate any website with content authored in a WordPress blog. [[senior-software-engineer-at-epam-empathy-lab]] *Senior Software Engineer* at http://epam.com/empathylab[EPAM Empathy Lab] ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ _December 2012 - November 2013_ (1 year) Championed a more collaborative process for responsive web design between the UX and development disciplines. Curated an internal static web framework and responsive pattern library to be used on multiple projects. Lead development on responsive prototypes for NBC Universal, DIRECTV, AIG, Lionsgate, and the USA Network. [[senior-web-developer-at-empathy-lab]] *Senior Web Developer* at http://empathylab.com[Empathy Lab] ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ _April 2010 - December 2012_ (2 years 9 months) Created front-end web applications on tight deadlines for marquee clientele. Responsible for estimating work, vetting UX designs prior to development, developing key features, assisting team members on challenging sections of code, performing code reviews, and coordinating releases. [[web-developer-at-empathy-lab]] *Web Developer* at http://empathylab.com[Empathy Lab] ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ _April 2009 - April 2010_ (1 year 1 month) Authored standards-based HTML, CSS, and JavaScript for websites representing a broad range of internationally recognized brands: Sesame Street, Sprout, Lexmark, StrideRite, Walgreens, Verizon, Comcast, 21st Century Insurance, Liberty Global, American Red Cross. [[it-director-at-artisan-custom-doorworks]] *IT Director* at http://artisandoorworks.com[Artisan Custom Doorworks] ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ _December 2005 - April 2009_ (3 years 5 months) Designed the corporate website with a library of over 8,000 searchable PDF docemunts. Developed in-house sales and management application in Rails, while supporting and customizing business systems and applications. [[president-at-tudor-studio]] *President* at http://tudorstudio.com[Tudor Studio] ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ _January 2002 - Present_ Providing professional web consulting and development services, from individuals and small businesses to Fortune 500 companies. Designing and developing hosted web applications with open source frameworks like Ruby on Rails. Integrating CMS and eCommerce applications. [[skills-expertise]] Skills & Expertise ~~~~~~~~~~~~~~~~~~ These are languages, tools, and practices to which I have had exposure over the past 6 years or so. Those things which enjoy routine usage in my daily work are denoted with a ^†^ symbol. [[programming-languages]] Programming Languages ^^^^^^^^^^^^^^^^^^^^^ * http://developer.mozilla.org/en/JavaScript[JavaScript]^†^ * http://php.net[PHP] * http://ruby-lang.org[Ruby]^†^ [[markuptemplating-languages-preprocessors]] Markup/Templating Languages & Preprocessors ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ * http://coffeescript.org[CoffeeScript] * http://www.w3.org/Style/CSS/Overview.en.html[CSS]^†^ * http://linkedin.github.io/dustjs[Dust.js] * http://en.wikipedia.org/wiki/ERuby[ERB/eRuby] * http://haml.info[Haml] * http://handlebarsjs.com[Handlebars.js] * http://developers.whatwg.org[HTML]^†^ * http://jade-lang.com[Jade] * http://www.oracle.com/technetwork/java/javaee/jsp[JSP] * http://docs.oracle.com/javaee/5/tutorial/doc/bnakc.html[JSTL] * http://lesscss.org[LESS]^†^ * http://liquidmarkup.org[Liquid] * http://daringfireball.net/projects/markdown[Markdown]^†^ * http://mustache.github.io[Mustache] * http://sass-lang.com[Sass]^†^ * http://smarty.net[Smarty] * http://paularmstrong.github.io/swig[Swig] * http://learnboost.github.io/stylus[Stylus] [[frameworks-apis]] Frameworks & APIs ^^^^^^^^^^^^^^^^^ * http://backbonejs.org[Backbone.js]^†^ * http://bower.io[Bower] * http://browserify.org[Browserify]^†^ * http://compass-style.org[Compass]^†^ * http://www.djangoproject.com[Django] * http://expressjs.com[Express]^†^ * http://jasmine.github.io[Jasmine] * http://jquery.com[jQuery]^†^ * http://krakenjs.com[krakenjs] * http://lodash.com[Lodash]^†^ * http://meteor.com[Meteor] * http://middlemanapp.com[Middleman] * http://nodejs.org[Node.js]^†^ * http://prototypejs.org[Prototype.js] * http://facebook.github.io/react[React] * http://requirejs.org[Require.js]^†^ * http://rubyonrails.org[Ruby on Rails] * http://sinatrarb.com[Sinatra] * http://dev.twitter.com[Twitter API] * http://underscorejs.org[Underscore.js]^†^ * http://wordpress.org[Wordpress] * http://developer.yahoo.com/yui[YUI] [[software-tools]] Software & Tools ^^^^^^^^^^^^^^^^ * http://www.adobe.com/products/creativesuite.html[Adobe Creative Suite]^†^ * http://aws.amazon.com[Amazon Web Services] * http://apache.org[Apache]^†^ * http://developer.apple.com[Apple XCode] * http://demandware.com[Demandware] * http://git-scm.com[Git]^†^ * http://gruntjs.com[Grunt]^†^ * http://gulpjs.com[Gulp]^†^ * http://jboss.org[JBoss] * http://atlassian.com/software/jira[JIRA]^†^ * http://apple.com/macosx[Mac OS X]^†^ * http://magento.com[Magento]^†^ * http://mongodb.org[MongoDB]^†^ * http://mysql.com[MySQL] * http://wiki.nginx.org[Nginx] * http://www.oracle.com/us/products/applications/web-commerce/atg[Oracle ATG] * http://johnmacfarlane.net/pandoc[Pandoc] * http://postgresql.org[PostgreSQL] * http://rvm.beginrescueend.com[rvm]^†^ * http://www.sublimetext.com[Sublime Text] * http://svn.apache.org[Subversion] * http://tmux.sourceforge.net[tmux]^†^ * http://tomcat.apache.com[Tomcat] * http://ubuntu.com[Ubuntu Linux] * http://vagrantup.com[Vagrant] * http://www.vim.org[Vim]^†^ * http://virtualbox.org[VirtualBox]^†^ * http://jetbrains.com/webstorm[WebStorm] * http://yeoman.io[Yeoman] * http://www.zsh.org[zsh]^†^ [[education]] Education ~~~~~~~~~ http://sju.edu[Saint Joseph’s University], Erivan K. Haub School of Business + BS, Information Systems, 1996 - 2000 [[honors-and-awards]] Honors and Awards ~~~~~~~~~~~~~~~~~ _Unsung Hero_, Empathy Lab, May 2011 + A peer-awarded honor which I’ll always be terribly proud to have won. [[interests]] Interests ~~~~~~~~~ * Being a dad and spending time with my family * Playing http://boardgamegeek.com/user/smtudor[board and card games] (and video games, too) * Making and listening to http://www.rdio.com/people/smtudor[music] * Watching and contributing to Open Source Software ©2014 http://s17r.com/resume[Stephen Tudor]. All rights reserved. Direct contact only desired (no recruiters please). ================================================ FILE: sass/_base.sass ================================================ html background: url(../images/clean_textile.png) margin: 0 padding: 0 1em 1em body -webkit-font-smoothing: antialiased font: 16px helvetica,arial,freesans,clean,sans-serif line-height: 1.4em color: #333 border: none line-height: 1.5 margin: 0 auto max-width: 900px text-align: left color: black img max-width: 100% @media screen #wrapper padding: 9px background: #F8F8F8 border: 1px solid #E9E9E9 h1 font-size: 280% margin: 0 padding: 0.25em 0 0.92em border-top: none +transform-origin(100% 100%) +transition(all 400ms ease-in-out) &.active +rotateZ(-5deg) +text-shadow(1px 1px 0px white, 2px 2px 0px $link-color, 3px 3px 0px $link-color, 4px 4px 0px $link-color, 5px 5px 0px darken($link-color, 15%)) +respond-to(medium-screen) padding-bottom: 0 font-size: 425% &.active +text-shadow(1px 1px 0px white, 2px 2px 0px $link-color, 3px 3px 0px $link-color, 4px 4px 0px $link-color, 5px 5px 0px $link-color, 6px 6px 0px $link-color, 7px 7px 0px darken($link-color, 15%)) +respond-to(large-screen) float: left width: 57% h2 font-size: 200% margin-top: 1.5em h3 font-size: 150% margin-top: 1.5em border-top: 4px solid rgba(0,0,0,0.07) padding-top: .5em p margin: 1em 0 line-height: 1.5em pre, code font: 12px 'Bitstream Vera Sans Mono','Courier',monospace pre -webkit-box-shadow: rgba(0, 0, 0, 0.066) 0px 1px 2px 0px inset background-color: #EEE border: #ddd 1px solid color: #444 display: block margin: 12px 0 overflow: auto padding: 5px white-space: pre max-width: 100% overflow: auto code background-color: ghostWhite color: #444 padding: 0 .2em border: 1px solid #DEDEDE pre code padding: 0 font-size: 12px background-color: #EEE border: none overflow: visible a border-bottom: 1px solid transparent color: darken($link-color, 20%) text-decoration: none +transition(background-color 500ms, border-bottom-color 500ms, color 500ms) &:hover background-color: lighten($link-color, 20%) border-bottom-color: $link-color color: darken($link-color, 30%) code color: $link-color text-decoration: none table td border-bottom: 1px solid #DDD padding: .2em 1em .shadow -webkit-box-shadow: 0 5px 15px #000 -moz-box-shadow: 0 5px 15px #000 box-shadow: 0 5px 15px #000 @import "pygments" .poetry pre font-family: Georgia, Garamond, serif font-style: italic font-size: 110% line-height: 1.6em display: block margin-left: 1em code font-family: Georgia, Garamond, serif sup, sub, a.footnote font-size: 1.4ex height: 0 line-height: 1 vertical-align: super position: relative sub vertical-align: sub top: -1px @media print body background: #fff img, pre, blockquote, table, figure page-break-inside: avoid .footnotes page-break-before: always #wrapper background: #fff border: none code background-color: #fff color: #444!important padding: 0 .2em border: 1px solid #DEDEDE pre background: #fff code background-color: #fff!important overflow: visible ================================================ FILE: sass/_colors.sass ================================================ // $link-color: #4183C4 $link-color: #bada55 ================================================ FILE: sass/_mixins.sass ================================================ // Requires SASS 3.2+ =respond-to($name) @if $name == small-screen @media only screen and (min-width: 320px) @content @if $name == medium-screen @media only screen and (min-width: 640px) @content @if $name == large-screen @media only screen and (min-width: 900px) @content ================================================ FILE: sass/_pygments.sass ================================================ // Pygments colors .c color: #998 font-style: italic .err color: #a61717 background-color: #e3d2d2 .k, .o font-weight: bold .cm color: #998 font-style: italic .cp color: #999 font-weight: bold .c1 color: #998 font-style: italic .cs color: #999 font-weight: bold font-style: italic .gd color: #000 background-color: #fdd .x color: #000 background-color: #faa .ge font-style: italic .gr color: #a00 .gh color: #999 .gi color: #000 background-color: #dfd .x color: #000 background-color: #afa .go color: #888 .gp color: #555 .gs font-weight: bold .gu color: #800080 font-weight: bold .gt color: #a00 .kc, .kd, .kn, .kp, .kr font-weight: bold .kt color: #458 font-weight: bold .m color: #099 .s color: #d14 .na color: #008080 .nb color: #0086B3 .nc color: #458 font-weight: bold .no color: #008080 .ni color: #800080 .ne, .nf color: #900 font-weight: bold .nn color: #555 .nt color: #000080 .nv color: #008080 .ow font-weight: bold .w color: #bbb .mf, .mh, .mi, .mo color: #099 .sb, .sc, .sd, .s2, .se, .sh, .si, .sx color: #d14 .sr color: #009926 .s1 color: #d14 .ss color: #990073 .bp color: #999 .vc, .vg, .vi color: #008080 .il color: #099 ================================================ FILE: sass/_resume.sass ================================================ .level2 +respond-to(large-screen) margin-bottom: 4em .level3 +respond-to(large-screen) ul +columns(17em 3) li display: block strong display: block position: relative &:before content: '>' display: block height: 1em width: 1em position: absolute top: 0 left: -2em overflow: hidden .footnotes border-top: 4px solid rgba(0,0,0,0.07) hr display: none #front-end-web-developer background: rgba(255,255,255,0.8) border: 4px solid rgba(0,0,0,0.07) +border-radius(16px) +box-sizing(border-box) margin-left: 0 padding: 1em 0 0.5em 1em width: 19em +respond-to(large-screen) border-top: none +border-top-radius(0) float: right margin-bottom: 0 h2 font-size: 110% margin: 0.2em 0 ul margin-top: 0.2em padding-left: 1.3em li display: block font-size: 75% text-transform: uppercase a font-size: 133.3333% font-weight: bold margin-left: 0.5em text-transform: none #summary +respond-to(large-screen) clear: both #experience h3 margin-bottom: 0 .level3 p margin-top: 0 ================================================ FILE: sass/main.sass ================================================ @import "compass" @import "mixins" @import "colors" @import "base" @import "resume"