AJAX-powered “Load More” buttons are a great way to improve user experience by allowing users to load more posts dynamically without refreshing the page. This tutorial will walk you through the steps to implement a custom AJAX load more button [...]
Category: UX/UI
Rebranding your site? Interested in upgrading the user experience on your site, creating new elements correctly, and learning new techniques in CSS and JavaScript?
In the Design and User Experience category, you’ll find a repository of guides and posts related to website design and user experience, explanations about interesting CSS features, ways to create sliders & carousels, building pop-ups, forms design, and many more posts related to design and UX, whether directly or indirectly.
Discover ways to create and design components that can enhance your site’s appearance with minimal use of plugins. All of this aims to improve the user experience for visitors, which is crucial for the site’s ranking on Google and various search engines.
Infinite scroll is a popular feature in modern web design, allowing content to load dynamically as users scroll down the page. This can enhance user engagement and reduce load times by only loading content when needed. In this tutorial, I [...]
The LCP, or Largest Contentful Paint, is one of the three Core Web Vitals we are all familiar with. The LCP metric measures the time from when the user starts loading a page to when the largest text block or [...]
The text-shadow feature in CSS adds a shadow to text. It takes a list of shadows separated by commas, which are added to the text and the decoration of that text. Each shadow is described by a combination of X [...]
One aspect in which websites lag behind native applications is the smooth user experience. The perception of a smooth experience largely comes from the user interface’s responsiveness to user interactions, with the action of scrolling content being a crucial part [...]
Typography has interested me since I started developing websites and getting into design, even before there was widespread use of web fonts. And although web fonts have been around for almost ten years now, we’ve always had to balance between [...]
In this guide, we will see a way to display a popup on WordPress sites. We’ll present the same popping message to your visitors without using a plugin and will help with Cookies. In this case, we will use the [...]
clip-path is a very interesting CSS property that allows you to “clip” a certain part of elements such as SVG, images, and HTML. The property creates a shape that determines which part of the element will be visible. The part [...]