Posts Tagged ‘User Interface’

I recently encountered an issue where my non-content blocks (site settings, categories, etc.) were producing a “For This” folder with a missing token. This missing token appeared in custom content, as well as add-ons like Geta Categories.    For custom content, two things are required to get a value into that empty token: an XML […]

In our previous blog post, “Coveo Headless Library Integration with OPENUI5 Framework: Development Environment Setup – Phase I,” we started the integration between Coveo Headless and OpenUi5. Coveo Headless is a search and relevance platform, and OpenUI5 is a dynamic UI framework for web application development. Phase I establishes the foundation for what we’re about […]

Ever felt a twinge of confusion when faced with the decision of whether to use a mixin or extend in SCSS? You’re not alone. Today, we’re going on a journey together, where you’ll discover the complexity of mixins and extends, and by the end, you’ll know exactly when to employ each one. Let’s dive in, […]

jQuery is nothing but a JavaScript library which helps to manipulate the content, event handling, ajax and traversing through the document. jQuery UI extends the jQuery functionality with the set of options to improve the User Interface, adding effects, themes, and widgets. If you would like to know what is jQuery and its advantages in […]

SharePoint’s modern user interface (UI) provides web parts and a user-friendly experience. My favorite feature is the quick link web part, which is very easy to learn and adapt to. In this blog, I will demonstrate how you can design your SharePoint page using a quick links web part with two different methods. We can […]

We’ve come to the final post in this series on the W3C’s Principles “POUR,” designing and coding for the “Robust” principle. In the context of technology, a solution is robust when it comes with a wide range of capabilities, or is able to deal with many different situations. Robust solutions should be navigable and usable […]

“POUR” has become mainstream lingo for the four main principles (Perceivable, Operable, Understand, and Robust) of web accessibility. These four essential guidelines created by the W3C organization are the “how-to” guide for digital teams of strategists, designers, developers, SEO, and content specialists to create accessible experiences. These guidelines were created so that digital consumers using […]

In today’s hectic world, humans are increasingly drawn to simplicity. Stemming from a rising need for everyday efficiency and speed, we are in constant search for the next new technology that will make our lives easier. While this inclination toward simplicity is likely intuitive for most aspects of modern life, we often see the opposite […]

There is always the question that runs in the mind of developers, do I choose ternaries or logical && to use in React? Personally, I always prefer logical && over ternaries to handle the truth condition. Let me explain why. Just a few days ago, I was writing the following React code: import React from […]

React is a JavaScript library for building user interfaces (UIs). One of the important aspects of building UIs is that you must be able to react (get it?) to user interaction. React has its way to handle events, but it’s up to the developers to handle the value of the this keyword inside the handle […]

In this recap, I’m going to demonstrate a top-down data flow approach to managing state with React. First I’ll go over a couple of approaches one might take and then refactor to make things nicer and less likely to have bugs. Let’s say you want to add a button that, when clicked, will toggle your […]

Today I’d like to discuss the Atomic Design methodology and how I’ve been applying it to my visual design process. First, let’s start with a little description of what an atomic design is. Coined by Brad Frost, Atomic Design is basically the analogy of chemistry being applied to design systems. In chemistry, we learn that […]