This is a portfolio site. Many of these design ideas use something interesting - positioning, class switching, math, etc - in their construction.
If you came here from LinkedIn or Indeed, thank you for your consideration.
User Experience, or UX, is a method of design that focuses on all aspects of the solution in regards to the user. This means looking at both the design and function of a product, and also the human side - the emotiontional response, creating positive feedback, increasing user engagement - concepts that are subjective and difficult to code.
Libraries such as Bootstrap for style and a mobile-first ideology, D3 or Google Developer Tools for business intelligence, HTML 5 for media rich websites, have allowed developers to push the envelope of design, interactivity, reporting, and so much more.
Angular.io - Angular is a TypeScript-based free and open-source web application framework.
Bootstrap - Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS- and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.
Sketch - Sketch is a vector graphics editor for macOS used for user interface and user experience design of websites and mobile apps.
Draw.io - A free online diagram software for making flowcharts, process diagrams, org charts, UML, ER and network diagrams.
Balsamiq - Wireframes
Figma - Collab
Zeplin - Collab
Marvel - Rapid prototype
Stack Overflow - Stack Overflow is a question and answer website for professional and enthusiast programmers. It is the flagship site of the Stack Exchange Network, created in 2008 by Jeff Atwood and Joel Spolsky.
Observable - Data and Reporting
D3 - Data Driven Documents. D3.js is a JavaScript library for producing dynamic, interactive data visualizations in web browsers. Based on Protovis.
Google Analytics - Website Data
Snowflake - Mobile Data
Animate - Adobe Animate is a multimedia authoring and computer animation program developed by Adobe Inc. Animate is used to design vector graphics and animation for television series, Online animation, websites, web applications, rich web applications, game development, commercials, and other interactive projects.
InVision - Design
Swift - App dev from Apple.
Unreal Engine - 3D game designs
Principle - App design
Native Instruments - Hardware and Software for Music Production
Material.io - Material is an adaptable system of guidelines, components, and tools that support the best practices of user interface design.
Material - Color - Google's Color Picker
Adobe Color Wheel - Interactive Color Picker from Adobe
CSS Gradient - Cool Gradients
"The Opportunities section of your Lighthouse report lists all URLs blocking the first paint of your page. The goal is to reduce the impact of these render-blocking URLs by inlining critical resources, deferring non-critical resources, and removing anything unused." Read More...
varizoom.com (old)
