Featured Work

Novare Science and Math & Centripetal Press

Novare Science & Math and it’s sister imprint Centripetal Press produce textbooks for educators of middle and high school science. Each promotes a mastery-learning model and encourages the natural wonder of studying the world. While both cover the same areas of study, Novare provides content that is true to the Christian faith while engaging controversial topics.

The client initially approached Wagging Labs to design display graphics for an upcoming conference. They were so happy with the concepts provided, that they opted to purchase two of the four designs. Additional print and WordPress development work followed since our first project in 2017. Just like our original project, it’s not uncommon for the client to purchase multiple concepts for a single sales sheet, display graphic or advertisement because they like more than one.

Testimonial

Our company was starting to grow and we needed a graphic designer with experience, but more importantly that magical ability to coordinate shapes and colors. Whenever we did our graphics “in house” they always had that DIY feel. We needed a professional.

Janel has been amazing. She was proactive from our first meeting in getting to know the quirky personality of our company and suggesting big picture ideas like visually unifying our entire print and online presentation.

I love having one go-to expert who responds quickly to make our small company look like a big company. I definitely recommend Janel Simms and Wagging Labs.

About This Page

This header showcases a few main aspects of our bar styling options—but certainly not all!

First, we have a transparent, "absolute" bar overhanging everything. That bar is the one that houses this off canvas area.

Next, we have our "full-height" bar that is actually using a little bit of CSS magic to offset the height of the bar below it (notice how that bar is always positioned at the bottom of the screen). Additionally, notice how the text and buttons inside this bar respond to the sizing of the viewport all without the need for JavaScript.

Then, we have our last visible bar that houses our logo and navigation. This bar becomes sticky as you scroll down the screen, and also shrinks to a specified ratio of its original size. Notice how the links maintain their positioning and the logo scales automatically. Also, we've turned on our "content scrolling" for this bar, allowing its contents to be scrolled horizontally on smaller screens, a pattern we're seeing much more of on mobile devices these days.

Finally, as you scroll further down the page, you'll notice a final sticky bar slide in...from out of nowhere! This utilizes our "initially hidden" option, which allows you to bring in content further down a page as needed, perfect for the calls to action in our example.

This is only a sliver of what is possible with our new bar styling options available in our header builder. We've abstracted out a core set of useful features to achieve complex navigation layouts, and then our styling and JavaScript takes care of the rest intelligently. We look forward to seeing what you create with these new tools!