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.