Publication
Top 10 Front-end Design Principles for Developers
https://www.toptal.com/developers/front-end/front-end-design-principles
Bryan is currently unavailable
Bryan Grezeszak
Verified Expert in Engineering
Single-page Applications (SPAs) Developer
Cedar, MI, United States
Toptal member since March 3, 2016
Bio
Bryan is a specialist front-end developer with over a decade of professional experience. He's a JavaScript master and a pixel-perfect builder of visuals and interactive experience. He loves to be a problem solver and has a passion for challenging work. While he specializes in front-end development, he also has capable experience in back-end development, animation, and graphic design which he uses to augment his abilities as a front-end developer.
Portfolio
MBMedia
PHP, JavaScript, CSS, HTML
Datapak Services
Fireworks, Adobe Illustrator, Adobe Photoshop
Elemental Detroit
Scripting, Flash Animation, PHP, JavaScript, CSS, HTML
Experience
- Single-page Applications (SPAs) - 10 years
- JavaScript - 10 years
- CSS - 10 years
- HTML - 10 years
- Object-oriented Programming (OOP) - 8 years
- PHP - 6 years
- React - 3 years
- Flux - 3 years
Preferred Environment
Notepad++, Browsers
The most amazing...
...project I've worked on was development of a forward kinematic 3D engine for a website project that required 3D visuals before native methods were available.
Work Experience
Owner | Freelancer
2008 - PRESENT
MBMedia
- Designed and developed websites and web apps using browser technologies.
- Developed WordPress themes for selling on online marketplaces.
- Created web tools for sale on Envato; becoming an Envato Elite and Hall of Fame author.
- Developed and released JavaScript open source libraries for things such as forward kinematic 3D engines and animated tweening engines.
- Built content management systems (CMS) for clients to maintain websites and other web content.
Technologies: PHP, JavaScript, CSS, HTML
Graphic Designer
2011 - 2011
Datapak Services
- Took a position as a graphic designer in order to improve my aesthetic abilities and therefore augment my front-end development proficiency.
- Designed websites, print advertisements, banner ads, back-end CMSs, and more. Gained valuable experience that helps me in my front-end development work.
Technologies: Fireworks, Adobe Illustrator, Adobe Photoshop
Head Interactive Developer
2007 - 2008
Elemental Detroit
- Built interactive microsites.
- Developed games for advertising purposes.
- Created interactive company websites and portfolios.
- Worked closely with graphic designers on interactive experience.
- Developed reusable engines, libraries, and tools for faster development of projects.
Technologies: Scripting, Flash Animation, PHP, JavaScript, CSS, HTML
Multimedia Developer
2006 - 2007
Technical Training Inc. (TTi)
- Designed and created technical training for large auto makers (Chrysler, GM, Volkswagen, etc.).
- Built SCORM compliant training modules.
- Created instructive animations and interactive simulations.
- Represented the company in many client interactions.
Technologies: Scripting, Flash Animation, JavaScript, CSS, HTML
Web Developer
2006 - 2006
Central Michigan University
- Designed the website for the Engineering and Technology Department.
- Developed and maintained that website.
Technologies: JavaScript, CSS, HTML
Experience
Pluto Post Portfolio
Pluto Post is an amazing post production studio working on everything from TV commercials to movies. However, they aren’t web guys so they needed someone to build out their portfolio and create a CMS that would allow them to add their videos and take/manipulate screenshots of them for thumb images.
Save the Date Wedding Game
For my own wedding, I wanted something fun for the save-the-date. So I built a fully interactive JavaScript game about me and my wife. With full audio and 8-bit graphics and both platform and top-down style game engines, playing out a gamified version of meeting and dating my wife. It was a big hit, and a lot of fun to make and play.
SorbaView Shield Demo
When SorbaView developed new medical Shield technology that prevented IV lines from being pulled out, they wanted a 3D interactive demo of the technology to show to professionals in the field. Their normal advertising agency didn’t have the skillset to make such a thing so I was brought in.
The final product was a fully interactive 3D view of the product which can be tugged on in any direction, showing the resilience of the product in action.
The final product was a fully interactive 3D view of the product which can be tugged on in any direction, showing the resilience of the product in action.
Hyperr
Hyperr is an amazing tech startup working with creating user-driven polling for eCommerce websites. As the main front-end engineer on this project, I've had the pleasure of building the entire polling and poll building web apps (both being React-based projects). Hyperr has patents pending on these interfaces and is doing amazing things with them with some very cool clients. I couldn't be happier to work with them and build their interfaces.
School Wealth
School Wealth is a tech startup made to bring intelligent analysis of all aspects of a school district to the fingertips of its administrators.
I worked on this project full-stack—from design to a React.js based front-end to a Node.js/MongoDB based back-end—and created a robust REST API and a beautifully animated and clean front end with plenty of data visualization. It's a perfect example of my more business-oriented interfaces.
I worked on this project full-stack—from design to a React.js based front-end to a Node.js/MongoDB based back-end—and created a robust REST API and a beautifully animated and clean front end with plenty of data visualization. It's a perfect example of my more business-oriented interfaces.
RefluxJS
https://github.com/reflux/refluxjsI'm a member of the RefluxJS project, one of the most popular Flux libraries around. Most notably, I'm the creator of its entire and complete modern ES6 interface; built it to work idiomatically with modern React. It is used to handle the data flow of tens of thousands of React-based projects around the world.
DepthJS
A 2.5D forward kinematic rendering engine for EaselJS.
Bryan Grezeszak Portfolio
My portfolio itself is a large React.js based project filled with JavaScript and CSS animation, HTML5 Canvas visuals and animations, and a web-app style history management and navigation.
Skills
Libraries/APIs
React, RefluxJS, REST APIs, RequireJS, Node.js, jQuery, EaselJS, CreateJS
Tools
Bower, Webpack, Gulp, NPM, Browserify, Babel, Git, Adobe Fireworks, Adobe, Grunt, Adobe Photoshop, Adobe Illustrator, Notepad++, Fireworks, Cinema 4D
Languages
ES7, ECMAScript (ES6), Markdown, HTML5, CSS, HTML, JavaScript, CSS3, Sass, SCSS, PHP, C#, TypeScript, SQL
Frameworks
Flux, Redux, Express.js
Paradigms
Responsive Web Design (RWD), Responsive, Object-oriented Programming (OOP), REST, Agile Software Development
Storage
FlatFile, JSON, MongoDB
Other
Web Applications, Single-page Applications (SPAs), CommonJS, User Experience (UX), User Interface (UI), Front-end, PSD Slicing, Browsers, Flash Animation, Scripting
Collaboration That Works
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
1
Share your needs
Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2
Choose your talent
Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3
Start your risk-free talent trial
Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.
Top talent is in high demand.
Start hiring