Category Archives: Viget

How To Build A jQuery-free “Companion Nav”

One delimma I constantly run into is whether to use jQuery on a project that I have already set up without it. I think we have all been in a similar place – get a project set up from scratch firmly saying “no jQuery this time” and it goes fine, right up to the moment when you need to build out that slider or sticky nav. After much deliberation, you inevitably cave and pull in jQuery and use a handy plugin you have used in the past to get the job done.

I believe jQuery is a great tool, and I'm often relieved when I get on a project that makes use of it. However, as many people have pointed out in the last couple of years, you probably don't need jQuery on your project. It's bigger, slower and it's less flexible than standard JavaScript, especially when used in today's client-side applications.

On a recent project, the designer wanted the sidebar navigation to follow the user as she or he scrolled within a certain section. The rest of the project was light interaction-wise, so I could not rationalize using jQuery just for this small feature. Instead of caving and pulling in jQuery, I decided to do this with plain JavaScript.

Here's the final product:

a demo of the ollow nav in action

The following steps explain how you can build it yourself, but if you want to play with a demo while you follow along, get it from this repo.

Step 1: Adding the Markup and Styles

To start with, we need some basic markup to base our scripts (and styles) off of:

// index.html

<section class="all-items" id="followContainer">
  <h2>Follow Nav Section</h2>
  <div class="container">
    <nav>
      <ul id="followNav">
        <li><a class="nav-link" data-name="item-[i]" href="#item-[i]">Item [i] Group</a></li>
      </ul>
    </nav>
    <div class="item-groups">
      <section class="item-group">
        <h3 tabindex="0" id="item-[i]">Item [i] Group</h3>
        <img />
        <p></p>
      </section>
    </div>
  </div>
</section>

read more

Volunteering at Community Food Share

One of my favorite perks at Viget are the two community service days we’re given each year to help out causes that are important to us. It’s a wonderful opportunity to step back from our daily routine, connect with the local community, and give back.

Over the holidays last year, I spent time volunteering at Community Food Share — the food bank for Boulder and Broomfield counties. I shared my experience with the other folks in the Boulder office and we decided to return this year to volunteer as a group.

read more

Florence and Working Through Your Bad Ideas

I was delighted to recently design Florence, an exploration of a tool that could help patients better keep up with their medications. (Read Laura’s breakdown of the whole project here!)

One of the most fun, challenging parts was designing the actual character of Florence, a “nurse” patients would interact with directly through texts. A human character like this needed to be recognizable, distinct, and of course, warm.

For a long time, I thought I’d be a better designer when I got to the point where my first idea would be the best one. I’d land on the right answer immediately every time. Lately though, I’ve started to embrace the Bad Idea phase. I’ve realized it’s not as unproductive as it might feel in the moment. Getting the bad ideas out of your system is what starts to get things moving so you can get to increasingly better solutions. The more things you know are wrong, the better you can understand why they’re wrong, then the better you can see what the right answer looks like and why it’s the best way to go.

read more

Improving Medication Adherence: An Exploration

Medication adherence is a growing issue around the world. Among patients in developed countries with chronic illnesses, approximately 50% do not take medications as prescribed. Improving medication adherence would not only improve patient outcomes but also decrease healthcare costs. The World Health Organization reports that “increasing the effectiveness of adherence interventions might have a far greater impact on the health of the population than any improvement in specific medical treatment.”  

read more

Improving Medication Adherence: An Exploration

Medication adherence is a growing issue around the world. Among patients in developed countries with chronic illnesses, approximately 50% do not take medications as prescribed. Improving medication adherence would not only improve patient outcomes but also decrease healthcare costs. The World Health Organization reports that “increasing the effectiveness of adherence interventions might have a far greater impact on the health of the population than any improvement in specific medical treatment.”  

read more