Hi.
My name is Brian Hrenak.
I enjoy bringing information to life.
Building engaging web applications and interfaces is kinda my thing.
Hi.
My name is Brian Hrenak.
I enjoy bringing information to life.
Building engaging web applications and interfaces is kinda my thing.
Check out my project pages — still sporting the sweet legacy site design.
Process tabular data 'SQL-style' in JavaScript.
Extends JSource to enable auto-complete searching on a grid.
Interactive orgchart allows for creation, deletion and reparenting of nodes.
Nested treemap visualization.
08/14 - Present
Web Developer Level IV
Lead Front End Developer for Verisign public web properties. This includes the primary public website and associated microsites as well as web application products.
03/10 - 08/14
Database Application Developer
Application and data visualization development as a contractor for the U.S. Deptartment of Energy's iManage program.
09/08 - 12/09
Federal Internship
Internship with the Acquisitions and Program Management Branch of the US-VISIT program.
07/05 - 09/08
Assistant Store Manager
Is this relevant? I think so. I learned a lot about managing people and was responsible for a large store with up to eight staff, $600K in inventory, and a parts delivery service. Additionally served as interim Store Manager for a 3 month period.
I have a B.S. in Information Systems and Operations Management from George Mason University in Fairfax, VA. My formal training is primarily database oriented, however the creative possibilities which exist in data visualization and interaction quickly drew my interest early in my career. Building upon my understanding of data storage and management, I ventured into the world of browser technology and web services and was very lucky to find myself in a job where this breadth of knowledge opened many doors. I gained great experience in a data warehouse environment by pushing the envelope of what COTS products can do with regard to user interface, visualization, and application development. Since then I have moved to a more web-focused environment, building modern applications and interfaces from the ground up.
Some of my biggest accomplishments outside of work have been earning a 1st degree black belt in Tae Kwon Do at age 14 and becoming an Eagle Scout at age 18. I also enjoy taking long walks on the beach and having a diverse investment portfolio.
I created this page to demonstrate some of the very cool stuff that modern browsers with CSS3 can do. The intro animation in the first section is powered by GSAP, an awesome library for creating more complex animations. The other simpler transitions for hover states and this tabbed component are achieved with standard CSS3. Perhaps the most noticeable feature, the 'peel-down' effect of the sections as the page is scrolled, involves synchronizing the transform states of the sections and their contents with the scroll event.
Several things are happening simultaneously as the page is scrolled. The section itself is getting a translateY transform to push it downwards. The section's content is getting a corresponding negative translateY transform to push it upwards, creating the illusion that the content is not actually moving vertically at all. Meanwhile, the upper 'curl' container is being increased in height and its box-shadow lengthened and slimmed to suggest increasing depth.
If you have a development opportunity requiring a creative problem solver please contact me via one of the methods below.