Last active
May 2, 2024 21:13
-
-
Save tomhodgins/8d688db6667a9d268b80 to your computer and use it in GitHub Desktop.
HTML Résumé, so I can maintain it better. View online at http://tomhodgins.com/resume.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html lang=en> | |
| <meta charset=utf-8> | |
| <meta name=viewport content="width=device-width, initial-scale=1"> | |
| <title>Tommy Hodgins | UX Developer Canada-Based UI Designer | Tommy Hodgins</title> | |
| <meta name=description content="Tommy Hodgins is a Canadian front-end web developer who researches and explores advanced responsive layout techniques in CSS."> | |
| <meta name=keywords content="front-end web developer, front-end web designer, front-end developer, front-end designer, toronto, CSS expert, HTML expert, responsive expert, front-end expert, ui designer, ux designer, user experience designer, user interface designer, responsive web design, web developer, remote web developer, freelance designer, contract designer, Toronto freelance, web design Toronto, web development Toronto, element queries, EQCSS, element queries, container queries"> | |
| <meta property=og:title content="Tommy Hodgins | Toronto Based Front-end Web Developer"> | |
| <meta property=og:description content="Tommy Hodgins is a Canadian front-end web developer who builds responsive websites and web apps. His innovative and polished designs have been helping others for over ten years."> | |
| <meta property=og:url content="http://tomhodgins.com/resume.html"> | |
| <meta property=og:image content="//tomhodgins.com/apple-touch-icon.png"> | |
| <script type=module> | |
| var _gaq = _gaq || []; | |
| var pluginUrl = '//www.google-analytics.com/plugins/ga/inpage_linkid.js'; | |
| _gaq.push(['_require', 'inpage_linkid', pluginUrl]); | |
| _gaq.push(['_setAccount', 'UA-6014089-1']); | |
| _gaq.push(['_trackPageview']); | |
| (function() { | |
| var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; | |
| ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; | |
| var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); | |
| })(); | |
| </script> | |
| <link rel=stylesheet href="https://fonts.googleapis.com/css?family=Fira+Sans:300,300i,400,400i,500,500i|Montserrat:400,400i,500,500i,600,600i,700,700i,800,800i,900"> | |
| <style> | |
| * { | |
| box-sizing: border-box; | |
| text-rendering: optimizeLegibility; | |
| -webkit-font-smoothing: antialiased; | |
| -moz-osx-font-smoothing: grayscale; | |
| font-kerning: auto; | |
| } | |
| html { | |
| font-family: 'Fira Sans', system-ui, sans-serif; | |
| font-weight: 400; | |
| line-height: 1.4; | |
| } | |
| body { | |
| margin: 0 auto; | |
| padding: 2rem; | |
| max-width: 850px; | |
| } | |
| header, nav { | |
| text-align: center; | |
| } | |
| nav { | |
| margin: 1rem 0; | |
| } | |
| header p { | |
| margin: 0; | |
| font-size: 1.25rem; | |
| font-weight: 400; | |
| } | |
| em { | |
| display: block; | |
| font-size: 1rem; | |
| font-weight: 300; | |
| font-family: 'Fira Sans', system-ui, sans-serif; | |
| } | |
| a { | |
| display: inline-block; | |
| padding: .5rem; | |
| text-decoration: none; | |
| } | |
| h1 { | |
| font-size: 2.5rem; | |
| margin: .5rem 0 .25rem 0; | |
| } | |
| h1, h2 { | |
| line-height: 1.2; | |
| font-weight: 800; | |
| font-family: Montserrat, system-ui, sans-serif; | |
| } | |
| h2 { | |
| margin: 0 0 1rem 0; | |
| } | |
| h3 { | |
| display: flex; | |
| flex-direction: column; | |
| margin: 0; | |
| font-weight: 300; | |
| } | |
| h3 b { | |
| font-weight: 500; | |
| } | |
| ul { | |
| margin: .5rem 0 1rem 0; | |
| padding: 0 0 0 1.125rem; | |
| } | |
| li { | |
| font-size: 1rem; | |
| padding: .5rem 0; | |
| } | |
| p { | |
| margin: 0; | |
| line-height: 1.5; | |
| } | |
| * + p { | |
| margin: .25rem 0 2rem 0; | |
| } | |
| p.intro { | |
| font-size: 1.125rem; | |
| } | |
| @media (min-width: 700px) { | |
| section { | |
| display: flex; | |
| } | |
| h3 { | |
| flex-direction: row; | |
| gap: 1rem; | |
| align-items: flex-end; | |
| justify-content: space-between; | |
| } | |
| h3 em { | |
| margin-left: auto; | |
| min-width: max-content; | |
| } | |
| section div { | |
| flex: 1; | |
| } | |
| section ul:last-of-type { | |
| margin-bottom: 0; | |
| } | |
| } | |
| @media (prefers-color-scheme: dark) { | |
| :root { | |
| color: white; | |
| background: #222; | |
| } | |
| a { | |
| color: #0cf; | |
| } | |
| a:hover { | |
| color: cyan; | |
| } | |
| } | |
| </style> | |
| <header> | |
| <h1>Tommy Hodgins</h1> | |
| <p>Senior Front-end Developer, Designer, Educator</p> | |
| <nav> | |
| <a href=mailto:tomhodgins@gmail.com>tomhodgins@gmail.com</a> | |
| <a href=tel:+16478079735>+1 (647) 807-9735</a> | |
| <a href=https://tomhodgins.com>tomhodgins.com</a> | |
| </nav> | |
| </header> | |
| <p class=intro>I craft engaging and high-performing web experiences that push the boundaries of conventional web design. I'm passionate about good design principles, elevating user experiences, and driving business success. I lead by example, share my knowledge through mentorship, and foster a culture of excellence at work and beyond.</p> | |
| <section> | |
| <div> | |
| <h2>Skills</h2> | |
| <ul> | |
| <li>Front-end web development | |
| <li>Responsive web design (RWD) | |
| <li>Conversion rate optimization (CRO) | |
| <li>Post-production JavaScript enhancement | |
| <li>CSS tooling | |
| <li>A/B testing | |
| <li>UI/UX design | |
| <li>E-commerce | |
| <li>Software development | |
| <li>Graphic design | |
| </ul> | |
| </div> | |
| <div> | |
| <h2>Technologies</h2> | |
| <ul> | |
| <li>JavaScript (web platform, Node.js, Deno) | |
| <li>CSS (preprocessors, polyfills) | |
| <li>HTML (web components) | |
| <li>DOM (transformation/manipulation, XPath, scraping) | |
| <li>A/B testing platforms (Convert, VWO, Optimize) | |
| <li>Content Management Systems (WordPress, Ruby on Rails, Joomla) | |
| <li>Adobe Creative Suite (Photoshop, Illustrator, InDesign) | |
| <li>PHP and templating languages | |
| <li>Version control systems (Git) | |
| <li>Project Management Software (Trello, Redmine) | |
| </ul> | |
| </div> | |
| </section> | |
| <h2>Recent Experience</h2> | |
| <h3> | |
| <span><b>Senior Front-end Developer and Technical Manager</b> @ <b>Conversion Rate Experts</b></span> | |
| <em>February 2019 – May 2024</em> | |
| </h3> | |
| <ul> | |
| <li>Led development on over 1,500 A/B tests for 120+ brands using client-side JavaScript, enhancing website performance, sales, and user engagement. | |
| <li>Created and improved in-house tools, including Javascript bundlers, CSS preprocessors and polyfills, web components, and browser extensions, significantly enhancing development and debugging workflows. | |
| <li>Collaborated closely with researchers, test designers, and e-commerce clients to strategize and implement effective conversion rate optimization (CRO) techniques. | |
| </ul> | |
| <h3> | |
| <span><b>UI/UX Designer</b> @ <b>Real Freedom Inc</b></span> | |
| <em>January 2013 – November 2018</em> | |
| </h3> | |
| <ul> | |
| <li>Led UI/UX design and front-end development of realestatemogul.com, focusing on applying responsive design (RWD) principles. | |
| <li>Developed and launched a dozen responsive websites, ensuring optimal user experience across various devices. | |
| <li>Created and refined A/B testing pages and developed several command-line and browser-based tools to enhance developer experience. | |
| </ul> | |
| <h3> | |
| <span><b>Lead Front-end Developer</b> @ <b>Ballr Inc</b></span> | |
| <em>August 2013 – October 2014</em> | |
| </h3> | |
| <ul> | |
| <li>Designed and implemented the front-end of an online fantasy sports app, integrating with a Ruby on Rails back-end. | |
| <li>Pioneered advanced responsive web design (RWD) techniques for displaying data-rich layouts. | |
| </ul> | |
| <h3> | |
| <span><b>Co-founder</b> @ <b>Shopintoit</b></span> | |
| <em>June 2012 – August 2014</em> | |
| </h3> | |
| <ul> | |
| <li>Co-founded and led the design for a social e-commerce platform tailored for Pinterest users. | |
| <li>Managed the front-end development of a custom PHP web application and other company websites, focusing on flexible and functional user interfaces. | |
| </ul> | |
| <h3> | |
| <span><b>Lead Designer</b> @ <b>Spike Sales, LLC</b></span> | |
| <em>October 2011 – April 2012</em> | |
| </h3> | |
| <ul> | |
| <li>Designed comprehensive branding, marketing, materials for CrossFit gyms. | |
| <li>Developed visually compelling web graphics to enhance brand identity and customer engagement. | |
| <li>Adapted designs across multiple languages and cultural contexts. | |
| </ul> | |
| <h3> | |
| <span><b>Front-end Developer</b> @ <b>All Roads Inc.</b></span> | |
| <em>July 2011 – September 2011</em> | |
| </h3> | |
| <ul> | |
| <li>Developed the front-end of a personal brand assessment tool, using custom PHP to deliver a tailored user experience. | |
| </ul> | |
| <h3> | |
| <span><b>Visual Designer</b> @ <b>Engine Communications Inc.</b></span> | |
| <em>February 2010 – April 2011</em> | |
| </h3> | |
| <ul> | |
| <li>Specialized in designing and developing fully custom WordPress and Joomla! themes, contributing to robust and scalable website solutions. | |
| <li>Built and maintained custom CMS and e-commerce websites, enhancing client content management capabilities and online sales. | |
| </ul> | |
| <h2>Education</h2> | |
| <h3> | |
| <span><b>Graphic Design Program</b> @ <b>St. Lawrence College</b></span> | |
| <em>2006 – 2009</em> | |
| </h3> | |
| <ul> | |
| <li>Earned an Ontario College Advanced Diploma | |
| </ul> | |
| <h2>Community Involvement</h2> | |
| <ul> | |
| <li>Creating 40+ open-source plugins (including EQCSS) on npm, with 5,000+ current monthly downloads | |
| <li>Publishing web development tutorials and blog posts | |
| <li>Moderating online communities related to web design and development | |
| <li>Recording educational videos and build interactive code demos | |
| <li>Contributing to web standardization as a member of the Web Incubator Community Group (WICG) | |
| </ul> | |
| <h2>Talks</h2> | |
| <ul> | |
| <li>Caffeinated Style Sheets, FITC Web Unleashed | |
| <li>The Edge of CSS, DublinCSS | |
| </ul> | |
| <!-- HTML & CSS Written by Tommy Hodgins: https://gist.github.com/tomhodgins/8d688db6667a9d268b80 --> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment