<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1063935717132479&amp;ev=PageView&amp;noscript=1 https://www.facebook.com/tr?id=1063935717132479&amp;ev=PageView&amp;noscript=1 "> Bitovi Blog - UX and UI design, JavaScript and Front-end development

user-experience

Unlocking Sketch metadata: find symbols across files using sketchtool CLI, Bash, and JSON

Have you ever had the daunting task of checking whether developers coded a component (e.g., button, checkbox, alert) according to spec and needed to find ALL instances of that component in a huge...

Creating a design system with Storybook

Application + style guide = smart buy A recent project called for the creation of a single page site that would showcase a real estate agent’s expertise, sales history, professional connections, and...

Prepare for Anything with GSAP

Learn how and why GreenSock became our animation pick Feeling uncertain about how to add animation to a Web site or single page app? We’ve been in the same boat. There are plenty of CSS and JS...

SVG Handwriting: Animation with Flair

On trend: handwritten and animated typography 2020 was the year of animated and hand-written typography. This design trend is likely to continue into 2021. A few CodePen examples of the latest "live...

3 Tips for UX Designers to get Client Buy-in

Projects would be so much easier if clients understood the vision for our concepts and automatically bought in but that almost never happens. The reality of the job is we need to get other people to...

I’m Going to be WFH Today

Tips & Tricks for being a successful remote employee Due to recent events, lots of people are now "Work From Home (WFH)". If you have never worked from home for long periods of time, it can feel a...

How to be an A11y - Accessibility Design

The Myth of Why "Accessibility is optional." Legally Required Accessibility Requirements It all started with Section 508 of the Rehabilitation Act of 1973 from the American government. This act made...

Creating an SVG Icon Typeface

Icons are used in applications, websites, marketing materials, you name it. They communicate complex topics, create visual interest, punctuate topics, and draw user focus. One of the easiest things...

Best Practices for Working with SVGs

For the past several years I've been working with SVGs - a lot. Not surprising to myself, I quickly fell in love with them for all the reasons I love vector art. I have come up with several tricks to...

Finding Ideas Through Sketching

The most difficult part of any design process can be finding the correct, best, or most successful idea out of all possible ideas out there. In User Experience (UX) we start by finding empathy with...