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 […]
Posts Tagged ‘User Interface’
Build a Search Interface Using SAPUI5 Framework with Coveo Headless Library- Phase II
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 […]
SCSS Mixins Vs Extends: Which to Use and When
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, […]
Understanding jQuery UI in Magento 2
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 […]
How to Use a Quick Link Web Parts in Modern SharePoint
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 […]
POUR: Designing for Accessibility with Robustness in Mind
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: Designing for Accessibility With Operable in Mind
“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 […]
The Beauty of Simplicity: The Key to Accessible Web Design
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 […]
Choosing Between Ternaries or && in JSX
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: Dealing with ‘This’ and Event Handlers
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 […]
How to Manage State in React
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 […]
Atomic Design: A Visual Designer’s Perspective
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 […]