Install and Setup Mumble Server (Murmur) on Linux CentOS 7

Satish Kumar
Updated on 28-Apr-2023 16:52:54

996 Views

Mumble is an open-source, low-latency, high-quality, voice chat software primarily designed for online gaming communities. It is designed to provide a secure, reliable, and scalable communication system for users. Mumble has two components, the client software that users install on their machines, and the server software that runs on a dedicated server. In this article, we will discuss how to install and set up a Mumble server, commonly referred to as Murmur, on Linux CentOS 7. Prerequisites Before we start with the installation process, we need to ensure that the following prerequisites are met − A Linux CentOS 7 ... Read More

Create Image Stack Illusion Using HTML and CSS

Riya Kumari
Updated on 28-Apr-2023 16:43:25

2K+ Views

Visual illusions are quite fascinating when it comes to web development. Using visual illusions in our websites attracts users since it can play with their minds. It tricks our brains into believing something which is actually not present. These illusions can be created using various techniques in CSS. One of most commonly used illusion is image stack illusion, which simply a delusion of depth. In this article, we will discuss steps involved in creating an image stack illusion by only using HTML and CSS. Let’s get started. What is Image Stack Illusion? Image stack illusion is a visual delusion which ... Read More

CSS Truncate and Expand on Hover or Focus

Riya Kumari
Updated on 28-Apr-2023 16:41:40

403 Views

Text display is an essential factor in web designing which affects the user experience and the readability of your website. If your text is displayed properly in an organized manner, the users will easily understand it and hence, will be attracted to your website. However, sometimes, the text may be too long for a specified space in the webpage. To properly display that text, we use the truncate method. This method is offered by Primer CSS in which you can not only truncate your text but also expand it on hover or focus effect. In this article, we will discuss ... Read More

Primer CSS Truncate Custom Max Widths

Riya Kumari
Updated on 28-Apr-2023 16:39:27

156 Views

In web development projects, developers face situations where they need to display the text within specified amount of space due to several reasons like client’s demand, overall appearance, limited resources etc., The truncate property is an efficient feature in CSS which resolves this issue. It enables the developers to display a single line text and truncate the overflowed text with an ellipsis. However, depending upon the situation the need of customizing the maximum width of the truncated text might arise. In this article, we will discuss how we can customize the maximum width using Primer CSS, a popular open-source CSS ... Read More

Primer CSS Typography Heading Utilities

Riya Kumari
Updated on 28-Apr-2023 16:37:46

131 Views

Typography is an essential component during creation of websites and applications. It is primarily used to display majority of the content for the users. It determines the tone and mood of the content of your website. So, it is very likely that it affects the overall user experience. Headings in any website is the center of attraction for any user. So, it is very important that it looks perfectly fine to increase the readability of your website or application. In this article, we will use Primer CSS to create headings. Primer CSS Primer CSS is a versatile and popular CSS ... Read More

CSS Typography Text Alignment

Riya Kumari
Updated on 28-Apr-2023 16:32:21

195 Views

Typography is a crucial aspect of web designing for any developer. It includes choosing font families, proper spacing, sizing and alignment of the text in a webpage. Proper typography ensures enhanced readability of your website. Text alignment is an essential component for typography and ensuring perfect alignment can be a challenge, especially for beginners. Here, we have Primer CSS for the developers. In this article, we will discuss about the text alignment feature available in Primer CSS and learn about how it is helpful in making a user-friendly website. So, let’s get started. Primer CSS Primer CSS is an open-source ... Read More

Difference Between Revert and Unset Keyword in CSS

Riya Kumari
Updated on 28-Apr-2023 16:23:01

217 Views

CSS is a powerful tool which enables developers to customize the appearance of websites according to their will. Since, there are numerous features and properties provided by CSS, it is quite possible that the developers use two keywords interchangeably in order to achieve a desired effect. So, it is important to know about such confusing keywords in detail to avoid further mistakes. Two such keywords are “revert” and “unset”. These two may appear similar, but have noticeable differences for some properties for certain elements. Here, we will discuss about these keywords, how and when to use them, and differences between ... Read More

Set Vertical Space Between List Items Using CSS

Riya Kumari
Updated on 28-Apr-2023 16:18:26

5K+ Views

In today’s era of web designing, the creation of visually attractive websites with proper layouts and organized content is the key task. One of the most commonly faced challenges is that the developers need to know how to properly define the space between the elements so as to increase the readability of the webpage. Here, we have CSS for the rescue. CSS enables the developers to control the appearance of HTML elements, including proper spacing between them. In this article, we will discuss different methods used for setting the vertical space between the list of items using CSS. We ... Read More

Difference Between :first-child and :first-of-type Selector in CSS

Riya Kumari
Updated on 28-Apr-2023 16:05:15

2K+ Views

Cascading Style Sheets (CSS) is fundamental language used for styling the webpages during web development. It enables the developers to customize the layout and add visual effects to it. CSS Selectors are an important tool which allows the developers to select or match HTML elements and apply styles to them. :first-child and :first-of-type are most commonly used selectors which are often confused by the developers. Some may have used them interchangeably by mistake. Although they look quite similar when applied to elements, there are few differences which may impact your web design (if not used appropriately). In this article, ... Read More

Top 7 Machine Learning Hackathons You Can Consider

Gourav Bais
Updated on 28-Apr-2023 15:54:09

373 Views

Introduction Machine learning is a common topic in the technology and business world. Machine learning is a technology that processes the raw data, provides helpful information, including data prediction and analysis, and releases final statistics reports. In short, ML helps process the data and produces reports to achieve the set goals. It uses various high-end algorithms and paradigms to engage with the solutions. Artificial Intelligence is the fastest-growing technology under which machine learning and deep learning work. In this article, you will see the top 7 hackathons and technical events of machine learning, that are organized worldwide. This includes ... Read More

Advertisements