×
Home Discussions Write at Opengenus IQ
×
  • Track your progress
  • RANDOM
  • Join our Internship 🎓
  • 100+ Graph Algorithms
  • 100+ DP Problems
  • 50+ Linked List Problems
  • 50+ Array Problems
  • One Liner
  • 50+ Binary Tree problems
  • #7daysOfCode
  • Linux 💽
  • 🔊 Data Structures
  • Graph Algorithms
  • Dynamic Programming 💑
  • Home

Web Development

Web Development is the domain of Software Engineering that is mainly concerned with develop applications that run on the Internet and are accessed by multiple users from different locations using a web browser or similar approach.

HTML

Detect if feature is supported in Browser using HTML

To detect the availability of a feature, you can simply type out the variable that a browser provides the features through. If the feature is not available, the variable will turn out to be undefined.

Mayank Kamboj
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
Web Development

Integrating android application to firebase real-time database

In this article, we will see how can we integrate our android application to firebase real-time database.

RUSHI NAINESHBHAI RAVAL
JavaScript

Gatsby.js tutorial: Introduction and Setup

In this Gatsby.js tutorial, we have prepared the local environment to work on, installed the dependencies and created the first Gatsby project framework.

Roland Van Duine Roland Van Duine
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
Software Engineering

JWT and It's Best Practices

In this article, we are going to cover a detailed explanation of JWT. Why do we use it? How we will make it work. We will be also covering the best practices of using JWT.

Cinmoy Das Shubra Cinmoy Das Shubra
Software Engineering

How I developed Search Bar at OpenGenus?

In this article, I have explained How I developed Search Bar at OpenGenus IQ using Google Programmable Search Engine. I have explained the challenges faced along with solution and code snippets.

J. Varun Iyer J. Varun Iyer
System Design

Lazy Loading

Lazy loading is a method of identifying non-blocking/non-critical web resources and loading them when necessary. This can improve the performance of web pages by reducing rendering times and cache sizes.

Alan Chacko
HTML

Favicon in HTML

In this article, we'll explore favicons in HTML. A favicon is a small icon displayed left of the page title in a browser tab. It is loaded directly from the page requested, and is usually a logo representing the owner of the site.

Alan Chacko
Web Development

Clearfix in Bootstrap

Clearfix is a straightforward way for removing the floating of an element in a container that is linked to its child element without the need of any additional markup.

Adelaide Guidotti
Software Engineering

Different types of API Protocols

In this article, we shall briefly introduce APIs and then look at the various types of API protocols that are employed for their usage.

J. Varun Iyer J. Varun Iyer
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

Design Tic Tac Toe Game (in JavaScript)

In this article, we have demonstrated how to design Tic Tac Toe Game as a webpage using HTML, CSS and JavaScript. We have presented all code and you should follow this mini-project.

Katia Kaori Kaminishikwahara Katia Kaori Kaminishikwahara
Software Engineering

Web Sockets (ws:// , wss://)

In this article, we will talk about webockets, it's a very important and fundamental topic for anyone interested in web and communication protocols. WebSocket is a computer communication protocol, providing full connections over a single TCP connection.

Ahmed Ossama Ahmed Ossama
Software Engineering

reCAPTCHA Verification (+ How to add it to HTML?)

In this article, we have explored the idea of reCAPTCHA Verification, how to setup a Google reCAPTCHA account and how to add reCAPTCHA to any HTML form.

AASHISH
Software Engineering

Display Live Time and Date on HTML Page

We have presented the HTML and JavaScript code to Display Live Time and Date on HTML Page. JavaScript date object and HTML span element can be used to display the current date and time. By default JavaScript use the browser's timezone to display time and date.

AASHISH
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
Software Engineering

Jinja Template for Django Framework

We have explored the Jinja Template. Jinja is a modern, designer-friendly templating language for python, modeled after Django templates and is widely used for execution.

AVI GUPTA
Software Engineering

How to use Console in Chrome DevTools?

We have covered how to use Console which is one of the development tools in the Chrome browser. The Console in Chrome DevTool helps to debug webpages and investigate external webpage as well.

Nancy Korir
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.

Nancy Korir
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.

Sakshi Bhalla
Software Engineering

footer tag in HTML

The "footer" tag is normally used for defining the footer or end part of a section on html page. Each "footer" will have information about its containing element. The "footer" will have information about the article and the page author.

Zvinodashe Mupambirei
Software Engineering

Using Firestore Database with React App

We will build the react app which shows the visitor details and stores the visitor detail in database . For the database , we will use firebase firestore. We will add the feature to delete records in database as well.

Devansh Chaubey Devansh Chaubey
Software Engineering

Media Source Extension in HTML

Media Source Extensions extends HTMLMediaElement to allow JavaScript to generate media streams for playback. Allowing JavaScript to generate streams facilitates a variety of use cases like adaptive streaming and time shifting live streams.

Shashank Gautam
OpenGenus IQ © 2022 All rights reserved â„¢ [email: team@opengenus.org]
Top Posts LinkedIn Twitter