Technology

I started my career as a web developer and now work as an Agile project manager. My user interface experience includes JavaScript, JSON, AJAX, HTML5, <canvas>, Sass, CSS, WordPress, PHP, SQL, JQL, and PostScript. See my designs and color tools for examples of code in action.

• Color analysis and palettes

  Color wheel

  I built the above wheel using pure HTML and CSS. Visit the page to learn more about color wheels and color theory.

  Color browser

  Browse the colorsets using interactive sliders. This page displays conversions from the most common color spaces: HEX, RGB, HSL, and CMYK.

  Color palettes

  This page displays color palettes and color schemes for your design needs: complementary, analogous, triadic, and more. Includes analysis and details of each color.

  Color converter

  This page converts HEX to RGB and the reverse. Enter your red, green, and blue values or your HEX triplet and the page will convert the numbers for you in real-time. Includes a gradient from your chosen color to its complement on the other side of the color wheel so you know what you are getting.

• Responsive web design

  Ankiewicz.com

  Ankiewicz.com is an example of responsive web design and mobile-first development. Resize the site in your browser, or visit it on your phone or tablet. I used a custom skin that I developed with core JAlbum variables to generate the photo and painting galleries. I used PHP to create page templates and CSS to make a responsive grid system.

  Monsters.net

  Monsters.net is home to a gaggle of cute animations and and is an example of responsive web design and mobile-first development. I used a hosted WordPress installation with custom plugins to load the main home page content. I used PHP to create page templates and CSS to make a responsive grid system.

• Automated words

  Language generator

  I wrote this app to generate random sentences using JavaScript and JSON libraries. It retrieves JSON data words using an AJAX call and then generates language using pre-defined rules of grammar.

• HTML5 and <canvas> toys

  Interactive drawing toy

  This is a demonstration of HTML5 and <canvas> in which users can make shapes, trailers, and animations. Fractals are coming! Written in JavaScript, HTML5, and CSS.

  Cute monster maker

  This is a demonstration of HTML5 and <canvas> in which users can create new characters in an HTML5 animation dynamically. Written in JavaScript, HTML5, and CSS.

  Slugsplosions

  EaselJS is a JavaScript library for working with the HTML5 <canvas> element. This demo illustrates change in velocity, speed, scale, opacity, and x/y coordinates on each animation.

• Apache Rewrite Rules

  Making nicer URLs programmatically

  This is my explanation of how to turn ugly, auto-generated URLs into pretty ones using the magic of Apache's mod_rewrite module.

• Dynamic charts and graphs

  
  JavaScript InfoVis Toolkit

  Area | Bar | Pie | Nodes | RGraph

  JavaScript InfoVis Toolkit uses JavaScript and the HTML5 <canvas> element to produce interactive data visualizations, graphs and charts.
  
  Highcharts

  Area | Map | Treemap | Pie | Bubble

  Highcharts uses JavaScript and Scalable Vector Graphics (SVG) to produce a wide range of interactive charts and graphs.

• Strobe photography

  Rear sync flash photography

  This is my explanation of how remote strobe photography works.

• Agile project management

  Jira and Confluence

  Username: kristendashboard@gmail.com. Password: testuser. Examples of what I can do using Jira Query Language (JQL) and SQL. Connect OKRs to individual stories, automatically sum up story points, and more.

  Sortable glossary

  These terms are gleaned from project management, software, and infosec. I created this page to prepare for job interviews. Click on the headers in white to sort the terms.