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 [...]
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.
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 [...]
By Roee Yossef•Updated on Jun 14, 2024
•
No Comments
HotIn 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 [...]
By Roee Yossef•Updated on May 22, 2024
•
No Comments
HotThe ::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 [...]