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.
Web Development Developing an API with tRPC In this article, we are going to analyze and create a basic tRPC API with an express server, each file is going to be explained, and after this article you should be able to understand how basic tRPC works.
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 The <noscript> Tag in HTML In this article, we have explained the concept of noscript tag in HTML and how and when it is used in a webpage.
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.
Web Development What is tRPC and why should you use it? In this article, we are going to dive into the world of tRPC, discussing what is tRPC, why should you use and when should you use.
Web Development 4 Different Communications in Web Development In web development, communication refers to a method of data transmission between the server (backend) and the frontend (user interface). In this article, we have explained 4 different types of communication in Web Development.
Web Development Why use prisma as your main ORM? If you are a developer interested in making a Crud or you have already done it before, you may think to yourself what is the best ORM, why some ORM's are so complicated to use and connect to the API? And if you are already comfortable with an ORM why would you change it to prisma?
Web Development Server with react, node, express, sequelize and PostgreSQL In this article we are going to code a base for a server with a frontend using react, a backend using express, sequelize and PostgreSQL, and make an API to consume.
HTML Javascript:void(0) and # in href in HTML links Both javascript:void(0) and # are commonly used in the href attribute of HTML links, but they have different meanings and purposes. In this article, we have explored both in depth with code examples.
Web Development Develop Menu-based Help Chatbot using HTML, CSS and JavaScript In this article, I will explain a menu-based chatbot designed and implemented using HTML, CSS, Bootstrap, JavaScript, and jQuery. It is deployed as a prototype to OpenGenus IQ's homepage.
Python PNG to JPEG Conversion Flask Web Application [Python] In this article, we have developed a Web Application using Python based web framework that is Flask that will provide an option to upload a PNG image file, convert it to JPEG format from server side and give option to download the converted JPEG file.
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.
JavaScript JavaScript Debugging Error will most likely occur whenever you write a code. The debugger in JavaScript is a function that request any available debugging functionality, such as setting a breakpoint. If no debugging functionality is used, it will have no effect on the code.
JavaScript How to check if same URL is open in another tab? It is important to be able to detect whether the same URL is already open in another tab. In this article, we will explore how to check if the same URL is open in another tab.
JavaScript How to detect if user changes tab in browser? In this article, we will discuss how to use the Page Visibility API to detect tab changes in HTML and JavaScript.
Python Prime Factorization Flask Application In this article, we have developed a Python based Web Application using Flask framework to find the prime factorization of any number. The number is provided by the user.
Ruby Programming Master Routing in Rails [Practical] In Ruby on Rail, routing is how an application handles HTTP requests and ultimately decides what will be provided to the user through controller actions. In this article, we will go through some routing conventions to follow when building a route.
JavaScript Calendar with JavaScript We can do so many things with the JavaScript programming language and I enjoy building things with it, this time, I made a calendar of 12 months. I will walk you through the steps on how I created this calendar using JavaScript.
JavaScript Calculator with JavaScript In this article, I will explain the steps on how I created a calculator with JavaScript with User Interface using HTML and CSS.
Software Engineering Server Sent Events (SSE) In this article, we will cover one of the important backend communication design pattern which is Server Sent Events (SSE).
JavaScript Stopwatch application in HTML/ JavaScript In this article, we will create a stopwatch/ countdown timer using JavaScript. Basically what we need is a HTML CSS and JavaScript file. The Stopwatch uses three buttons which are Start, Pause and Reset.