<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

design

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...

Using CSS Grid to build a page layout with a sticky header and footer

I’m super exited about CSS grid, because finally there will be a way to layout pages and achieve more interesting and dynamic results, without a ton of code! So since I fell in love with Atom...

Tutorial Part 3: Documenting a Stylesheet in a Living Style Guide

The heart of creating a LSG is the ability to put your documentation right where it belongs: in the source code. Chances are that you are already documenting your code, which is a great opportunity...

Tutorial Part 2: Creating Pages in a Living Style Guide

While the bulk of your LSG documentation will come from special comments that you add to the source code, you can also create standalone pages where you can host other types of content that are not...

Tutorial Part 1: Planning Your Living Style Guide

Using a living style guide (LSG) to drive development is a practice that is gaining a lot of popularity because its many advantages, including code efficiency and UI consistency. But, how can you...

The Designer's Checklist for Reviewing Pull Requests

Imagine this: you’re a designer who has been tagged on a pull request as a reviewer. It’s up to you to look at the changes made and decide if you are going to approve them and let them frolic with...