Dev Skills

While I cannot list all the skills I have acquired in my time in IT. These are some to the ones I get asked about most.

  • An understanding of web application/development life-cycle, methodologies and best practices
  • Agile methodologies and culture
  • Coding web pages with semantic HTML5 keeping content and presentation separate
  • Creating, updating, maintaining, supporting multiple web sites
  • Using SQL and No SQL Databases
  • Javascript (Plain and React, Angular, Vue, JQuery, Greensock)
  • SVG (Scalable Vector Graphics)
  • Modern work flow via Sass, Node, NPM, Gulp, Webpack, CLI's
  • Responsive design
  • Progressive enhancement
  • Modern CSS, BEM, Flexbox
  • Ajax coupled with JSON, async, and promisees
  • Media queries
  • Version control (Git, SVN, TFS)
  • Integrating SEO concepts in to web pages
  • Optimizing images for the web
  • Php and MySQL/phpMyAdmin
  • Remote debugging for devices
  • User testing
  • Strong interest in Serverless, ES6 Javascript and modern frameworks
  • Keeping current via constant research into the latest development trends, VR/AR Speech recognition

Software & Frameworks

I have used many software packages thought the years, even beta testing a few. I have a strong interest in frameworks/libraries; why reinvent the wheel?

  • Adobe Photoshop, Illustrator, Indesign, Acrobat, After Effects
  • MAMP & WAMP, XAMPP
  • VMS Office (Word, Excel Outlook ect)
  • Visual Studio Code, Sublime, Atom, Eclipse
  • Version Control Git, SVN
  • Google Docs, Google Drive
  • Web Inspectors
  • SASS/LESS
  • Node,npm
  • Google Docs, Google Drive
  • Webpack,Gulp,Borwser-sync
  • React, Angular, Vue
  • Greensock,GASP
  • Jquery & Jquery UI
  • JChrome webtools, FirefoxWeb Inspector
  • Twitter Bootstrap
  • Ionic, Phonegap, Cordova
  • AEM, CQ6
  • Wordpress

Graphic Skills

Real world experiance in both creating and using graphics. Expert at creating work flows to optimize graphics. Very advanced knowledge of incorporating SVG into projects. Many years of experience with both graphics and graphics software.

  • Real world experience with Photoshop color correcting and re-imagining images
  • Optimizing and converting Photoshop files to working software
  • Designing graphics, logos and animations
  • Can make almost any image imaginable with Illustrator
  • Converting file formats
  • Page layout, design with InDesign/Quark
  • Expert skills at producing print ready files

Other Skills

Quick learner with strong communication and listening skills. Enjoys collaboration with a multi-disciplinary design/development teams. Proactively seeks opportunities to broaden and deepen knowledge base and proficiencies, and shares acquired skills with team members. Presenter at Dev conferences.

Professional Experience

Nextep Systems

Senior UI/UX Engineer

Troy, Michigan

5/2017 - 4/2018

I build interfaces that help users “Order Food Faster”. The primary responsibility of the Senior UI/UX Engineer at Nextep Systems is to execute, and build a user experience for responsive digital self-order and digital signage environments based on art direction and UX architecture in a Microsoft environment. Senior UI/UX Engineer has to bring technical and design thinking to each project, and keep up the constant change of the in house framework while seeing each project through from start to finish. The Senior UI/UX Engineer must be energetic, creative, detail oriented and willing to contribute his/her experience in a fast-paced ever changing environment.

  • Execute responsive user experience designs using HTML, CSS and JS
  • Ensure design concepts balance form and function
  • Utilize technical skills to work within and customize a in-house CMS
  • Collaborate with project managers, designers, and developers across the enterprise to create an amazing front-end experience
  • Participate in a full front-end development lifecycle, including estimation, development, testing, and deployment.

Bosch (Service Solutions)

UI Engineer (Contractor)

Warren, Michigan

6/1/2016 - 12/2016

Analyzing existing websites and suggesting ways to speed them up. Building templates and contributing to a framework used to build 30 sites that are MultiLingual. Building User Interfaces for cutting edge mobile apps. Building Interfaces for Prototype Apps presented to Senior Executives as a basis for funding decisions. Contributing to the teams frameworks and style guides. Creating, updating and optimizing graphics for Bosch's software products.

United Health Care

Senior Developer

Southfield, Michigan

9/2011 - 4/2016

I was one of the first developers to join UHC's IDS (Interactive Design Services) dept. IDS's mission was to move the whole organization forward with emerging web technologies. I am responsible for frame works and programming portals. Doing cutting edge work on Enterprise scale, and mission critical infrastructure/applications/sites.

I was responsible for incorporating progressive enhancement and responsive design concepts into front end development. Working in a creative, fast-paced, team-oriented environment. I incorporate grid systems, HTML5 and object orientated CSS3, Javascript/Jquery/JqueryUI, js-plugins, angular, react, mobile-frameworks, Internet Explorer shims. Using Eclipse, Sublime and other text editors via version control SVN/GIT and build sytems like grunt/gulp, Node/npm and preprocessors Less/Sass. I enable sites to work on as many devices/platforms as possible while maintaining a intuitive, accessible experience. I enjoy being a champion for the user. I proactively seek opportunities to broaden and deepen my knowledge base and proficiencies, and share acquired skills with team members.

Eprize

Interface Developer

Pleasant Ridge, Michigan

2/2011 - 8/2011

As an Interface Developer I keep an eye on the cutting edge of design and user flow. Connecting world-class designs with technical back-ends by integrating designs with working web applications. Skill-sets include HTML (XHTML), CSS, JavaScript, Photoshop. plus a basic knowledge of Basic Unix commands, Document Object Model, Flash/Action Script, Illustrator, Perl, SVN, jQuery, AJAX and integrating social media. I used these and other technologies that lie between creative front-ends and technical back-ends. At ePrize I worked in a creative, fast-paced, team-oriented environment. There is an everyday usage of XHTML, CSS and JavaScript. Interface Developers at ePrize act as a "final barrier" for projects, working with the rest of their team to make sure the work functions correctly, meets design specifications and achieves client goals. They develop innovative internal solutions to proactively meet the needs of clients, communicate with Project Managers, Software Engineers, and other Creative Team members throughout the workday. Interface Developers also, identify, troubleshoot, and document browser/platform compatibility issues and standards. Some projects have mobile components using HTML 4 and server side client detection, pages are smaller versions of full pages using CSS3 Media Queries to detect device sizes and CSS to adjust layouts. Finally as an Interface Developer I ensured that end users enjoyed a cohesive, logical, and intuitive experience.

Duffy + Petroskey

Flash Designer/Web Developer

Farmington Hills, Michigan

10/2010 - 2/2011

Primary responsibility is Web development in a fast paced environment. Sites, landing pages, databases, backends with the following technologies: Flash/actionscript, online Video, HTML, CSS, interactive javascript, javascript library's and plug ins (jquery, prototype, spry) Wordpress, Durpal, integrating social media, Php/MySql, Email and form submission, phpMyAdmin, User interface and User Experience. While I can hand code I frequently make use of an editor's such as Dreamweaver, Flash builder, Text Mate, Eclipse or Visual Studio. I have strong interest in mobile. And I started to use responsive design and media querys on the sites I built here. Major clients include Michigan Blue Cross, Chrysler, West Penn Allegheny Health Systems.

Ancor Information Services

Manager, Programmer/Developer

Troy Michigan

10/1998 - 2/2004

Manager of digital color printing department for direct mail company. Hired to set up a Xiekon digital color press and all related systems (front end/input, imposition/RIP, network, datawarehouse, print engine) to generate variable digital color printing for direct mail. Also set up a Macintosh work flow for the company. Scanning, retouching, color correction, custom separation tables, converting RGB to grayscale and CMYK, font issues fixing any problems in customer files. Then moved into programming direct mail and multi-media/web projects examples include GMgrad.com, Monro.com and DMAD.org, FordCPO.com using HTML, ASP, JavaScript, ADO, SQL, Flash sites all driven by database connectivity, organizing email blasts. Responsible for introducing a Xerox digital 4 color printer (2045 engine/Creo rip) and PDF's to the current work flow to generate high quality full color variable printing for automotive clients. Transferring/converting graphics and fonts between various systems and making sure they printed correctly. Recommending paper selections and suppliers, press approvals.

Kolon Bittker and Desmond

Production/Photo Studio

Troy, Michigan

10/1978 - 2/1994

Vast experience in advertising production. Responsible for reducing departmental expenditure for camera ready art. Reproduction camera (photostat), keylineing, colorimeter, product photography. Accountable for project management, accuracy, appearance and meeting deadlines/budgets. Responsible for Photographic Studio (studio manager/large format photographer).

Sites/Projects

(click to enlarge)

IDS Smart Creative

I was one of the front end developers on the team that built this site. Contributing HTML5, CSS3, and some javascript. This an example of a world class site that promotes IDS internally. It can be experienced here. It utilizes parallax and SPA (single page application) techniques.

Many Strong

I was one of the front end developers on the team that built this site. Contributing HTML5, CSS3, and some javascript. The site supports browsers back to IE8.

Lean Cuisne

I developed the front end for this micro site. Wrote all the HTML, CSS, and javascript.

Disney

This was a micro site for Disney and the Weather Channel. I built 3 versions of this site desktop, phone and Facebook. I was responsible for all the HTML,CSS and javascript

Nation Wide Insurance

This was a micro site for Nation Wide Insurance. I was responsible for all the HTML,CSS,javascript and metrics integration.

Sprite Dance off

This was a micro site for Sprite. I was responsible for all the HTML,CSS and javascript. This site was updated frequently, as Dance Off contest's took place gallery's were added for each event.

Optum.com

This was the first site we did to use SVGs.

A2 Creative

This was a site done for Alan Canning of A2 creative (a commercial video studio). The site was built to showcase his various video/animation capabilities.

Candlewood Hotels

This was a micro site for Candlewood Hotels. I was responsible for all the HTML,CSS,javascript and metrics integration.

iDS Hack-a-thon

I was one of the front end developers on the team that built this site. Contributing HTML5, CSS3, and javascript (Angular/Node/Mongo was used as the sites stack). The site supports browsers back to IE8. The site was successfully used to promote the iDS Hack-a-thon though out the enterprise.

Optum Rx

I was one of the front end developers on the team that built this site. Contributing HTML5, CSS3, and some javascript. The site supports browsers back to IE8.

Redford Theater Mobile Site

I developed this mobile site for the redford theater. I used jQuery mobile to build it. Here it is shown on an iPad but it worked great on phones too

Demo Lab

Image of Web Speech Recognition Demo page

Speech Recognition

I developed this Web Speech Recognition Demo. Javascript is used to control the screen with your voice. To try it you need a mic and the chrome browser.

Image of Animated Menu Demo page

Animated menu

I developed this Animated Menu. There is NO Javascript used in this demo its all CSS/HTML and thus really fast. It works really well on mobile. Just think how cool this could be with different shapes, stars diamonds etc. SVG anyone?

Image of Interactive 3d Type Demo page

Interactive 3D Type

I developed this Interactive 3D Type. There is NO Javascript used in this demo its all CSS/HTML and thus really fast. Much faster than loading images and since its type its editable

SVG Examples

IDS SVG logo example

Animated SVG logo

I developed this animated logo to demo SVG at a talk I did at 1 Dev day Detroit. It uses javascript and SVG filters for the neon effect. The full example is here. The full screen graphic with filters is 4k in size!!!

SVG terms

Interactive SVG with Angular

I developed this interactive SVG to show that the text is still selectable and accessible. If this were a real world component, more fonts would be used in the SVG, this effect would be VERY hard to achive with CSS alone. This example is also fully responsive, and works on every device I have tested. The definitions are loaded with angular. Check out the experience here.

Flag Demo

Interactive SVG Flag

This interactive SVG demonstrates linking, hover effects and filters. If a star is hovered over it will change appearance, if activated it will open a new window for its respective state. when the control panel is activated positioning and sizing can be experimented with. A color cycling filter can also be been in action. Check out the experience here. (Note: to see the entire flag click Open Control and select reset flag)

Canvas Examples

Canvas Maze game

Maze Game

This is a multi-level game built using HTML5 Canvas and javascript. The game has mosters that chase the player and they change based on proximity Here is the example.

Canvas Matching game

Card Match Game

This Match the card game built with CSS3 and javascript. The example is Here.

Canvas Untangle game

Untangle Game

This more interaction with HTML canvas and javascript. The example is Here.