Improving iOS/Android Numeric Keyboards With KeyboardActions

Flutter: Using Keyboard Actions To Improve Mobile User Experience

Ryan LaRue Design, Development Technologies, Flutter, Mobile, UI/UX 1 Comment

This post covers three options for customizing an iOS or Android keyboard in a Flutter mobile application, with a code walkthrough of using the Keyboard Actions package to easily add keyboard features that increase user efficiency.

Mobile app developers, have you ever noticed that the native iOS numeric keyboard does not include certain features that might be helpful? For example, a Done button? Or how about arrow buttons to traverse form fields? To jog your memory, here’s what the native iOS numeric keyboard looks like…

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!