UX Design Peak-End Rule In UX Design In this article at OpenGenus, We will look at how a psychological heuristic can affect the way we do things that is Peak End Rule and also aid in UX Designing.
UX Design Parkinson's Law in UX Design Parkinson's Law suggests that the amount of work required to complete a task is inversely proportional to the time available to complete it.
UX Design Jakob's Law in UX design Jakob's Law is named after Jakob Nielsen, a Danish human-computer interaction researcher, web usability consultant and the co-founder of the Nielsen Norman Group.
UX Design Goal Gradient Effect in UX Design In this article at OpenGenus, we will learn about Goal Gradient Effect in UX Design. Goal Gradient Effect gives us relation between one's approach to meet the goal and amount of work left to meet the goal.
CSS Miller’s Law in UX design Miller's Law is a UX design principle that describes the boundaries of human working memory. In 1956, a psychologist named George A. Miller published a paper titled “The Magical Number Seven, Plus or Minus Two: Some Limits on Our Capacity for Processing Information."
HTML 100+ Key terms in HTML and CSS HTML and CSS are the backbone of web development, and it is essential for any web developer to have a good understanding of the key terms used in these languages. In this article, we will discuss the most important key terms in HTML and CSS with a brief description for each.
CSS Hick’s Law and Fitt’s Law in UX/CSS Hick's Law and Fitt's Law are two fundamental principles in UX and UI design that impact how users interact with digital interfaces. These ideas are essential in creating interfaces that are intuitive, easy to use, and aesthetically appealing.
HTML Pagination in HTML/CSS Pagination is a common feature in web development that allows users to navigate through large sets of data or content. In this article, we will explore how to implement pagination using HTML and CSS.
HTML Infinite scrolling in HTML, CSS and JavaScript Infinite scrolling is a popular UI pattern used on many websites and apps. It allows content to be loaded continuously as the user scrolls down the page, eliminating the need for pagination or clicking "next" buttons.
HTML Animated button using HTML and CSS In this blog post at OpenGenus, we will take you through the step-by-step process of creating an animated button using HTML and CSS, so you can enhance the user experience on your website and stand out from the competition.
CSS 15 Different units in CSS CSS (Cascading Style Sheets) is a styling language used for describing the presentation of HTML documents. CSS has several units for specifying different types of measurements and values. In this essay, we will look at all the units available in CSS.
CSS CSS Class Selector A class selector in CSS is an essential concept for web developers and designers to understand. It allows you to target specific elements on a webpage and apply styles to them. This can be a powerful tool for creating user-friendly and appealing websites, it's a must-know for anyone working with CSS
JavaScript 2048 game using JavaScript In this article, we have demonstrated how to develop web version of 2048 game using JavaScript, HTML and CSS. This is a good project for a Web Developer Portfolio.
CSS Flexbox vs Grid In this article, we have explored the differences between two important CSS layouts namely Flexbox and Grid in depth.
List of Interview Questions 70+ Interview Questions on CSS CSS is used to create attractive and aesthetic user interface for a web application. Currently, there is a tremendous demand for web developers who have a good knowledge of HTML and CSS. This article will cover everything you need to know for your CSS interview.
CSS CSS Gradients A color gradient is a smooth transition of different colors in a region. A CSS gradient displays a smooth transition of two or more specified colors and the direction, number of colors, positioning of color stops, can be controlled.
CSS Rounded corners/ Border radius in CSS The border-radius property in CSS allows you to round the corners of the outer edge of an element. Through this property, it is possible to round all the corners or just selected corners according to the desired shape.
CSS Transitions in CSS CSS Transitions allows property changes in CSS values to occur smoothly over a specified duration.
Web Development Modal using CSS only In this article, we will implement a Modal using only plain CSS without the help of JavaScript.
CSS Height and Width in CSS In this article, we have explored Height and Width in CSS in depth along with examples of how to use it in webpages and setting max-width and max-height.
Software Engineering Grid System in Bootstrap Bootstrap's grid system uses a series of containers, rows, and columns to layout and align content. It's built with flexbox and is fully responsive.
Web Development Which selectors to use: id or class? We have explained the idea of Selectors in HTML and Selectors in CSS. This involves id and class selectors along with code examples.
Software Engineering Image properties and styling in CSS We have explored some properties that can be used to style images such as width, height, border, object-fit and much more. These properties will come in handy as we design our websites.
Software Engineering Creating Slider/ Carousel using Bootstrap In this article , we going to discuss about the Image Slider vs Gallery vs Carousel in Web Design. First we will see in brief how we can make beautiful Slider with just HTML and CSS with the help of BOOTSTRAP-4 we can easily design Image Slider vs Image Gallery vs Carousel.
Software Engineering Basics of CSS (Cascading Style Sheets) We have covered the basics of CSS in depth. Cascading Style Sheets (CSS) is a style sheet language which is used for designing the webpages and their layouts developed in a markup language like HTML.