Skip to main content

Posts Tagged ‘User Interface’

Code New 1

Bun 1.0: Transforming JavaScript Development with Speed and Efficiency

In the ever-evolving landscape of JavaScript development, speed, efficiency, and simplicity are the key players. Enter Bun 1.0, a groundbreaking JavaScript runtime & toolkit designed to elevate your development process to unparalleled heights. In this comprehensive blog, we will delve into the world of Bun 1.0, exploring its features, benefits, and how it is reshaping […]

Business Man Staring At Screens of Code

Fixing Missing Token in For This {0}

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 […]

Homepage Concept With Search Bar

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 […]

Female It Specialist

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, […]

coding

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 […]

Webp.net Resizeimage (87)

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 […]

Direct to Consumer - mobile first

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 […]

Load More