Build A Pendant
BBH Investor Services
- Build A Pendant
◦ DOM traversal, element creation, deletion or modification
◦ Creating and handling a data structure (JSON, custom objects)
◦ AJAX JSON request for silver price.
- Other Prototype Examples
◦ Responsive Typography and Design
◦ Sass and Compass
◦ Foundation Framework
◦ Zurb Foundation Email
◦ Flexbox Grid
◦ CSS4 Grid
- Perspective Animation
- A 3D css keyframe animation transformation on individual letters within a single svg.
- Animation Transition
- This css animation element gradually transitions over without any sharp jumps from one state to the next on hover.
- Keyframe Animation
- This animation uses percentage values instead of "from-to" values in the animation syntax. The play and pause are used to scale and color the heart on hover to suggest a heart beat.
- Manipulation of One Element in the SVG
- On hover of the entire SVG, only the heart will scale and change color while leaving the other parts of the logo unaffected.
- UX Design and Development
- Harvard University Information Technology (HUIT)
- You'll need a Harvard Key to access this site The Bureau of Study Counsel's Peer Tutoring Program. See Style Guide Sample instead.
- Senior Web Designer/Developer
- Brown Brothers Harriman
- Lead designer and html, css developer for BBH's client facing web site. Designed and developed large scale employee intranet portal site.
- Adobe Creative Suite CS 6, MAMP, GitHub, Browser Developer Tools, Sublime 3
- Responsive Web Design
- Exposure to PHP, mySQL, Ajax and JSON
- Exposure to WordPress, Joomla, and Drupal 8