About Me

With more than 12 years of professional experience, I am a web developer who is very passionate about turning beautiful designs into fully functional, standards compliant websites. I am a firm believer that ensuring accessibility is the responsibility of every developer, not only for individuals with disabilities, but across multiple browsers, devices and connection speeds. I'm a sucker for clean, efficient markup and am currently enamored with BEM and CSS preprocessors (Sass is my personal preference).

Expertise

  • Standards-based, front-end development utilizing:
    • (X)HTML
    • CSS
    • Sass/Compass
    • JavaScript (usually through jQuery)
    • adaptive/responsive, and/or mobile-first design
    • accessibility
    • usability
    • search engine optimization (SEO)
    • information architecture (IA)
  • Creating accessible websites following WCAG and Section 508.
  • Experienced leader with effective communication skills.

Experience

Jonathan Faustman

Senior Front-end Developer

K-State Office of Mediated Education

13 Aug. - Present

  • Create semantic markup of provided designs using HTML, Sass/CSS, and jQuery/JavaScript.
  • Design mobile breakpoints for adaptive/responsive design.
  • Turn semantic markup into Django or static templates.
  • Create Python/Django applications to meet specified requirements.
  • Provide front-end development for other teams.
  • Design wireframes or prototypes when needed.
  • Turn team-specific solutions into generic open source software.
Jonathan Faustman

Web Application Developer

K-State Office of Mediated Education

10 Nov. - 13 Aug.

  • Created semantic markup of provided designs using HTML, Sass/CSS, and jQuery/JavaScript.
  • Designed mobile breakpoints for adaptive/responsive design.
  • Turned semantic markup into Django or static templates.
  • Created Python/Django applications to meet specified requirements.
  • Provided front-end development for other teams.
  • Designed wireframes or prototypes when needed.
  • Turned team-specific solutions into generic open source software.
Jonathan Faustman

Web Team Leader

K-State Division of Continuing Education (DCE)

06 July10 Nov.

  • Developed and maintained DCEʼs website, conference websites, and other related websites.
  • Monitored web pages to ensure web standards and accessibility compliance, and improve usability.
  • Supervised the web team and related web projects.
  • Developed web team policies and procedures.
  • Created and chaired DCEʼs Web Advisory Group.
  • Implemented a global redesign of the DCE website (launched March 2007), and restructured the information architecture.
Jonathan Faustman

Student Web Team Leader

K-State Division of Continuing Education/Office of Mediated Education

03 Jan.06 July

  • Assisted web team leader with management of the student web team.
  • Distributed work and other projects to members of the web team.
  • Monitored for consistency in HTML standards, usability and accessibility.
  • Trained new members of the web team, and assisted with projects.
  • Created and edited web pages, websites and registration forms.
Jonathan Faustman

Student Web Developer

K-State Division of Continuing Education/Office of Mediated Education

01 Aug. - 03 Jan.

  • Created and edited web pages, websites and registration forms.
  • Worked with web team leader and other web team members to maintain consistency in HTML standards, usability and accessibility.

Education

Jonathan Faustman

Bachelor of Arts in Print Journalism and Mass Communications

The A.Q. Miller School of Journalism and Mass Communications

Kansas State University

01 Aug. - 06 May

Projects

jonfaustman.com

My personal website has been around since Jan. 2009, but often set neglected. Recently, I gave the site a design refresh, as well as updating the entire codebase. A complete redesign and move to Django is in the works.

  • Front-end development utilizing HTML and Sass/CSS.
  • Mobile first with a responsive breakpoint.
  • Custom WordPress theme including PHP development.

Django Frontend Skeleton

Django Frontend Skeleton is a basic Django template skeleton built on HTML5 Boilerplate and Twitter Bootstrap. With the convenience of an installable Django application, create custom templates built on top of one of the most well-known, widespread templates (HTML5 Boilerplate) and a robust front-end framework (Twitter Bootstrap.)

  • Open source
  • Hosted on PyPi
  • Easily include current Twitter Bootstrap and HTML5 Boilerplate static files.
  • Django template built on HTML5 Boilerplate.
  • Template tags for ease of use.
  • Changes based on environment settings for improved development and production.

2011 K-State Template for OME Applications

What started as a personal project of rewriting the new K-State template into HTML5 turned into a project used for most OME applications.

  • Written using HTML5 and efficient CSS.
  • Reduced HTTP requests with the use of image sprites.
  • Minification of static assets
  • Mobile first with adaptive breakpoints.
  • Print styles
  • Inclusion of Twitter Bootstrap and microformats.
View the documentation

2013 Innovations in Teaching & Learning Conference

Website for the 2013 Innovations in Teaching & Learning conference.

  • Front-end development utilizing HTML, Sass/CSS, jQuery/JavaScript, image sprites, microformats and Django templates.
  • Responsive breakpoints
  • Django application for adding and editing events.
View the website

2013 ITS Security Awareness Training

A slideshow-esque website for annual security training at K-State.

  • Front-end development utilizing HTML, Sass/CSS, jQuery and Django templates for 40+ pages.
  • Simple quiz at the end of the "slides".
View the website (K-State eID required)

OME Recruitment Website

A website to post, promote and easily share job openings at OME.

  • Front-end development utilizing HTML, Sass/CSS, jQuery and Django templates.
  • Mobile first with adaptive breakpoint.
  • Django application for adding and editing positions.
View the website

NBAF in Kansas

Website for the new National Bio and Agro-Defense Facility (NBAF) being built in Manhattan, Kan.

  • Front-end development utilizing HTML, Sass/CSS, jQuery and Django templates.
  • Mobile first with adaptive breakpoint.
  • Django application for adding and editing media items.
  • Django application for submitting comments.
View the website

2011 Axio Learning Conference

A scrolling website for the 2011 annual Axio Learning Conference.

  • Front-end development utilizing HTML, CSS, jQuery and Django templates.
  • Django application for adding and editing events.
  • Django application for registration.
View the website