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 [...]
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.
clip-path is a very interesting CSS property that allows you to “clip” a certain part visible to the eye in elements such as SVG, images, and HTML. The property creates a shape that determines which part of the element will [...]
The ::marker pseudo-element is a feature in CSS that enables you to style the markers of list items. Whether you want to customize the appearance of bullets in an unordered list or the numbering in an ordered list, ::marker gives [...]
Designing the scrollbars of the browser has become popular lately, and I encounter many websites styling it differently, fitting their overall design and branding. There are several ways to design these scrollbars, and in this post, we’ll see how to [...]
The CSS Text Decoration Module Level 3 module provides us with several new ways to decorate and adorn text on web pages, and browser support for this module is quite extensive, much to our delight. New CSS properties such as [...]
In one of the projects I worked on, a considerable number of videos (video) were required on specific pages. Some of those videos needed to span the entire width of the screen, while others, smaller ones, were placed in a [...]
In CSS, it is not possible to perform animation or partial gradient changes using the transition property. In other words, the following transition won’t work: .gradient { min-height: 200px; background-image: linear-gradient( to right, hsl(49.68, 97.89%, 62.75%), hsl(200, 51.54%, 44.51%) ); [...]
Considering that sliders and slider plugins (usually bundled with purchased themes) are quite slow and cumbersome to use, it’s often preferable in many cases to build your own slider to avoid headaches for both you and your clients. Of course, [...]