Register for 45 Day Coding Challenge by CodeStudio and win some exciting prizes
×
Home Discussions Write at Opengenus IQ
×
  • About
  • Track your progress
  • Deep Learning Projects
  • Python Projects
  • Join our Internship 🎓
  • RANDOM
  • 100+ Graph Algorithms
  • 100+ DP Problems
  • 50+ Linked List Problems
  • 50+ Array Problems
  • One Liner
  • 50+ Binary Tree problems
  • Home
  • Rust Projects

CSS

CSS stands for Cascading Style Sheets and is used along with HTML to restructure web pages better and add in presentable properties. It is your makeup kit for web pages.

CSS

Clip Property in CSS

In this article at OpenGenus, we'll explore the clip property and its various use cases, along with code examples, to help you leverage its capabilities and create visually stunning web designs.

Jiadi Huang
CSS

Inline Styling in CSS

Inline CSS is one of the styling ways in which we can target a particular tag for styling which is present anywhere in the HTML document or in the JavaScript file.

Shivam Tyagi
CSS

CSS Preprocessors

CSS Preprocessors are tools that add more functionality to normal CSS by using its own unique syntax. The browser can't read preprocessors so the code has to be compiled into vanila CSS which the browser can read.

Noor Ahmed
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.

Sathya Sai Ram P
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.

Eddy Qiu
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.

Fabien Brathwaite
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.

Satya Prakash Sasini
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."

Francois Mavunila
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.

Deepti Sharma
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.

APIPAWE KATOTO Daniel
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.

Deepti Sharma
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.

Deepti Sharma
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.

Deepti Sharma
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.

Deepti Sharma
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

sharon chebet kessio
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.

Oluwafunsho Anthony Oluwafunsho Anthony
CSS

Flexbox vs Grid

In this article, we have explored the differences between two important CSS layouts namely Flexbox and Grid in depth.

Sanil
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.

Astha Jain Astha Jain
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.

Sai Siri Chandana Namala Sai Siri Chandana Namala
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.

Astha Jain Astha Jain
CSS

Transitions in CSS

CSS Transitions allows property changes in CSS values to occur smoothly over a specified duration.

Mukesh Choudhary
Web Development

Modal using CSS only

In this article, we will implement a Modal using only plain CSS without the help of JavaScript.

Prashant Bambulage
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.

Gaurav Baghel
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.

Harshita Singh Harshita Singh
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.

Katia Kaori Kaminishikwahara Katia Kaori Kaminishikwahara
OpenGenus IQ © 2023 All rights reserved â„¢ [email: team@opengenus.org]
Top Posts LinkedIn Twitter