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.
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.
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.
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.
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 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.
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.
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.
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.
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 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.
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.
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 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.
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.
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.
Software Engineering Guide to deploy a Python Web app on Heroku This is a guide on how to deploy a web application based on a Python framework (like Flask) using an HTTP server like Gunicorn on Heroku (a PaaS).
Software Engineering Designing and implementing Binary Tree in JavaScript We have investigated the fundamentals and use of double trees/ Binary tree and how to implement Binary Tree in JavaScript along with all basic operations of binary tree in JavaScript.
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.
Software Engineering Different ways to center elements in HTML In this article, we have discussed Different ways to center elements in HTML. Firstly we'll discuss on the Introduction to the article. Later part, we'll understand ways of centering elements of HTML elements - Horizontally, in-line with other elements and at exact center.
Software Engineering Sending Browser Notifications from Chrome Extensions In this article, we have explored how to send browser notifications from Chrome extensions. We have explained the process step by step.
Software Engineering Basics of jQuery We have covered the basics of jQuery in depth from setting up an environment to selecting elements, applying methods, events, effects and much more.
Software Engineering Different Types of Browser Storage We have covered the different types of browser storage (like cookies, local storage, session storage, indexedDB) and use case examples to grasp the pros and cons. In the end, you will be able to have a better knowledge of each type.
Software Engineering Building a chrome extension step by step In this guide, we have illustrated how to build a simple chrome extension step by step and how to load our chrome extension using Developer tools and check it.