Preventing Layout Shift

Using CSS Grid to Prevent Page Jank

Lawrence Chabela CSS & HTML, Design, JavaScript, Programming, Tutorial Leave a Comment

Layout shifts, or page jank as I like to call it, rears its ugly head when a visible element changes position or dimensions, causing the position or dimensions of content around it to be changed.

There are too many possible reasons behind a layout shift to cover in one post, so I’ve narrowed it down to one in particular for the sake of brevity. In this article, we will discuss this scenario: a component changing its height due to its state being changed from user interaction.

I know that this is a relatively isolated example, especially in the grand scheme of things. However, I think this proves an important point. Solving a layout shift doesn’t always have to be a tedious and complicated process to fix. Sometimes, scenarios like this can easily be solved using the CSS we already have at our disposal.

User Experience, What is it?

What is User Experience Design?

Rus Anderson Design Leave a Comment

With a well-thought-out UX design, the product will be fully flushed out before development begins. For the developers, it leads to a more streamlined development plan. For the user, it means a product that is easy to use. For stakeholders, it results in a more successful final product, which means more money saved and more money made.

In this post, I’ll explain what UX design is. We’ll cover roles and responsibilities, tools and strategies, and finally, what differentiates UX from UI design. Let’s dive in!

Keyhole Team Design Contest with MockOla!

Keyhole Software Company News, Design, Development Technologies, Keyhole Creations Leave a Comment

Attention: The following article was published over 3 years ago, and the information provided may be aged or outdated. Please keep that in mind as you read the post.**For more information about MockOla, its features and capabilities, and how it was built, visit its product page on the Keyhole Labs site.** Start Designing! Last week, we hosted a company-wide MockOla …