Connect with us

Code

How to Create Printer-friendly Pages with CSS

Avatar

Published

on

This article was updated in 2020 to reflect latest best practices in CSS print styling.

In this article, we review the art of creating printer-friendly web pages with CSS.

“Who prints web pages?” I hear you cry! Relatively few pages will ever be reproduced on paper. But consider:

  • printing travel or concert tickets
  • reproducing route directions or timetables
  • saving a copy for offline reading
  • accessing information in an area with poor connectivity
  • using data in dangerous or dirty conditions — for example, a kitchen or factory
  • outputting draft content for written annotations
  • printing web receipts for bookkeeping purposes
  • providing documents to those with disabilities who find it difficult to use a screen
  • printing a page for your colleague who refuses to use this newfangled t’internet nonsense.

Unfortunately, printing pages can be a frustrating experience:

  • text can be too small, too large, or too faint
  • columns can be too narrow, too wide, or overflow page margins
  • sections may be cropped or disappear entirely
  • ink is wasted on unnecessary colored backgrounds and images
  • link URLs can’t be seen
  • icons, menus, and advertisements are printed which could never be clicked!

Many developers advocate web accessibility, yet few remember to make the printed web accessible!

Converting responsive, continuous media to paged paper of any size and orientation can be challenging. However, CSS print control has been possible for many years, and a basic style sheet can be completed within hours. The following sections describe well-supported and practical options for making your pages printer-friendly.

Print Style Sheets

Print CSS can either be:

  1. Applied in addition to screen styling. Taking your screen styles as a base, the printer styles override those defaults as necessary.
  2. Applied as separate styles. The screen and print styles are entirely separate; both start from the browser’s default styles.

The choice will depend on your site/app. Personally, I use screen styles as a print base most of the time. However, I have used separate style sheets for applications with radically different outputs — such as a conference session booking system which displayed a timetable grid on-screen but a chronological schedule on paper.

A print style sheet can be added to the HTML <head> after the standard style sheet:

<link rel="stylesheet" href="main.css" />
<link rel="stylesheet" media="print" href="print.css" />

The print.css styles will be applied in addition to screen styles when the page is printed.

To separate screen and print media, main.css should target the screen only:

<link rel="stylesheet" media="screen" href="main.css" />
<link rel="stylesheet" media="print" href="print.css" />

Alternatively, print styles can be included within an existing CSS file using @media rules. For example:

/* main.css */
body { margin: 2em; color: #fff; background-color: #000;
} /* override styles when printing */
@media print { body { margin: 0; color: #000; background-color: #fff; } }

Any number of @media print rules can be added, so this may be practical for keeping associated styles together. Screen and print rules can also be separated if necessary:

/* main.css */ /* on-screen styles */
@media screen { body { margin: 2em; color: #fff; background-color: #000; } } /* print styles */
@media print { body { margin: 0; color: #000; background-color: #fff; } }

Testing Printer Output

It’s not necessary to kill trees and use outrageously expensive ink every time you want to test your print layout! The following options replicate print styles on-screen.

Print Preview

The most reliable option is the print preview option in your browser. This shows how page breaks will be handled using your default paper size.

Alternatively, you may be able to save or preview the page by exporting to a PDF.

Developer Tools

The DevTools (F12 or Cmd/Ctrl + Shift + I) can emulate print styles, although page breaks won’t be shown.

In Chrome, open the Developer Tools and select More Tools, then Rendering from the three-dot icon menu at the top right. Change the Emulate CSS Media to print at the bottom of that panel.

In Firefox, open the Developer Tools and click the Toggle print media simulation icon on the Inspector tab’s style pane:

Firefox print preview mode

Hack Your Media Attribute

Presuming you’re using a <link> tag to load printer CSS, you could temporarily change the media attribute to screen:

<link rel="stylesheet" href="main.css" />
<link rel="stylesheet" media="screen" href="print.css" />

Again, this won’t reveal page breaks. Don’t forget to restore the attribute to media="print" once you finish testing.

Remove Unnecessary Sections

Before doing anything else, remove and collapse redundant content with display: none;. Typical unnecessary sections on paper could include navigation menus, hero images, headers, footers, forms, sidebars, social media widgets, and advertising blocks (usually anything in an iframe):

/* print.css */
header, footer, aside, nav, form, iframe, .menu, .hero, .adslot { display: none;
}

It may be necessary to use display: none !important; if CSS or JavaScript functionality is showing elements according to particular UI states. Using !important isn’t normally recommended, but we can justify its use in a basic set of printer styles which override screen defaults.

Linearize the Layout

It pains me to say this, but Flexbox and Grid rarely play nicely with printer layouts in any browser. If you encounter issues, consider using display: block; or similar on layout boxes and adjust dimensions as necessary. For example, set width: 100%; to span the full page width.

Printer Styling

Printer-friendly styling can now be applied. Recommendations:

  • ensure you use dark text on a white background
  • consider using a serif font, which may be easier to read
  • adjust the text size to 12pt or higher
  • modify paddings and margins where necessary. Standard cm, mm, or in units may be more practical.

Further suggestions include …

Adopt CSS Columns

Standard A4 and US Letter paper can result in longer and less readable lines of text. Consider using CSS columns in print layouts. For example:

/* print.css */
article { column-width: 17em; column-gap: 3em;
}

In this example, columns will be created when there’s at least 37em of horizontal space. There’s no need to set media queries; additional columns will be added on wider paper.

Use Borders Instead of Background Colors

Your template may have sections or call-out boxes denoted by darker or inverse color schemes:

callout box on-screen

Save ink by representing those elements with a border:

Remove or Invert Images

Users will not want to print decorative and non-essential images and backgrounds. You could consider a default where all images are hidden unless they have a print class:

/* print.css */
* { background-image: none !important;
} img, svg { display: none !important;
} img.print, svg.print { display: block; max-width: 100%;
}

Ideally, printed images should use dark colors on a light background. It may be possible to change HTML-embedded SVG colors in CSS, but there will be situations where you have darker bitmaps:

dark chart

A CSS filter can be used to invert and adjust colors in the print style sheet. For example:

/* print.css */
img.dark { filter: invert(100%) hue-rotate(180deg) brightness(120%) contrast(150%);
}

The result:

light chart

Add Supplementary Content

Printed media often requires additional information which would not be necessary on-screen. The CSS content property can be employed to append text to ::before and ::after pseudo-elements. For example, display a link’s URL in brackets after the text:

/* print.css */
a::after { content: " (" attr(href) ")";
}

Or you can add print-only messages:

/* print.css */
main::after { content: "Copyright site.com"; display: block; text-align: center;
}

For more complex situations, consider using a class such as print on elements which should only be visible when printed,. For example:

<p class="print">Article printed at 1:23pm 5 September 2020. Please see https://site.com/page for the latest version.</p>

The CSS:

/* hidden on-screen */
.print { display: none;
} @media print { /* visible when printed */ .print { display: block; } }

Note: most browsers display the URL and current date/time on the printed page’s header and/or footer, so there’s rarely a need to generate this information in code.

Page Breaks

The CSS3 properties break-before and break-after allow you control how page, column, or region breaks behave before and after an element. Support is excellent, but older browsers may use the similar page-break-before and page-break-after properties.

The following break-before and break-after values can be used:

  • auto: the default — a break is permitted but not forced
  • avoid: avoid a break on the page, column or region
  • avoid-page: avoid a page break
  • page: force a page break
  • always: an alias of page
  • left: force page breaks so the next is a left page
  • right: force page breaks so the next is a right page

Example: force a page break immediately prior to any <h1> heading:

/* print.css */
h1 { break-before: always;
}

Note: be wary of over-using page breaks. Ideally, printer output should use as few pages as possible.

The break-inside (and older page-break-inside) property specifies whether a page break is permitted inside an element. The commonly supported values:

  • auto: the default — a break is permitted but not forced
  • avoid: avoid an inner break where possible
  • avoid-page: avoid an inner page break where possible

This can be preferable to specifying page breaks, since you can use as little paper as possible while avoiding page breaks within grouped data such as tables or images:

/* print.css */
table, img, svg { break-inside: avoid;
}

The widows property specifies the minimum number of lines in a block that must be shown at the top of a page. Imagine a block with five lines of text. The browser wants to make a page break after line four so the last line appears at the top of the next page. Setting widows: 3; breaks on or before line two so at least three lines carry over to the next page.

The orphans property is similar to widows except it controls the minimum number of lines to show at the bottom of a page.

The box-decoration-break property controls element borders across pages. When an element with a border has an inner page break:

  • slice: the default, splits the layout. The top border is shown on the first page and the bottom border is shown on the second page.
  • clone: replicates the margin, padding, and border. All four borders are shown on both pages.

Finally, CSS Paged Media (@page) has limited browser support but provides a way to target specific pages so alternative margins or breaks can be defined:

/* print.css */ /* target all pages */
@page { margin: 2cm;
} /* target the first page only */
@page :first { margin-top: 6cm;
} /* target left (even-numbered) pages only */
@page :left { margin-right: 4cm;
} /* target right (odd-numbered) pages only */
@page :right { margin-left: 4cm;
}

The CSS page break properties can be placed within your screen or print styles because they only affect printing, but I recommend using them in print CSS for clarity.

Be aware that page break control is little more than a suggestion to the browser. There’s no guarantee a break will be forced or avoided because layout is restricted to the confines of the paper.

Printing Pains

Control over printing web media will always be limited, and results can vary across browsers. That said:

  • printer-friendly style sheets can be retro-fitted to any site
  • most printer styling will work in the majority of browsers
  • print styles will not affect or break existing functionality
  • the development costs are minimal.

Adding a few page breaks and removing unnecessary sections will delight users and raise your site above competitors. Add it to your to-do list!

For more advanced CSS knowledge, read our book, CSS Master, 2nd Edition.

Source: https://www.sitepoint.com/css-printer-friendly-pages/?utm_source=rss

Code

How To Manage A Technical Debt Properly

Avatar

Published

on

Alex Omeyer Hacker Noon profile picture

@alex-omeyerAlex Omeyer

Co-founder & CEO at stepsize.com, SaaS to measure & manage technical debt

We’re used to thinking that you cannot deliver fast and maintain a healthy codebase. But does it really has to be a trade-off?

One of my greatest privileges building Stepsize has been hearing from hundreds of the best engineering teams in the world about how they ship software at pace while maintaining a healthy codebase.

That’s right, these teams go faster because they manage technical debt properly. We’re so used to the quality vs. cost trade-off that this statement sounds like a lie—you can’t both be fast and maintain a healthy codebase.

Martin Fowler does a great job at debunking this idea in his piece ‘Is high quality software worth the cost?‘. Spoiler:

High quality software is actually cheaper to produce.

The lessons I’ll relay in this article are drawn from the combined centuries of experience of the these 300+ software engineers I’ve interviewed.

Why bother?

As Adam Tornhill and I recently discussed in our webinar, software has well and truly eaten the world. And look, if you’re here, this will probably sound like a cliché to you. In this case, it’s because it’s true. Look around you, can you name one object that didn’t need some form of software intervention to be manufactured, purchased, or delivered to you?

Software companies live and die by the quality of their software, and the speed at which they deliver it.

Stripe found that ‘engineers spend 33% of their time dealing with technical debt’. Gartner found that companies who manage technical debt ship 50% than those who don’t. These data points may seem a little dry, but we intuitively know they’re true. How many times have we estimated a feature will be delivered in a sprint, only for it to take two? Now take a moment to extrapolate and think about the impact this will have on your company over a year, two, or its entire lifespan.

Is it not clear that companies who manage technical debt properly simply win?

A simple framework to achieve these results

Google around for ‘types of technical debt’, and you’ll find hordes of articles by authors geeking out about code debt, design debt, architecture debt, process debt, infrastructure debt—this debt that debt.

These articles are helpful in that they can train you to recognise technical debt when you come across it, but they won’t help you decide how to deal with each piece of debt, let alone how to manage tech debt as a company.

The only thing that matters is whether you’re dealing with a small, medium, or large piece of debt.

The process for small pieces of debt

This is the type of tech debt that can be handled as soon as the engineer spots it in the code—a quick refactoring or variable rename. Engineers don’t need anyone’s approval to do this, or to create a ticket for it to be prioritised. It is simply part of their jobs to apply the boyscout rule coined by Uncle Bob:

Always leave the code better than you found it.

This is table stakes at every software company who have their tech debt under control that I’ve interviewed. It’s mostly driven by Engineering culture, gets enforced in PRs or with linters, and it is understood that it is every individual contributor’s responsibility to handle small pieces of debt when they come across them.

The process for medium-sized debt

The top performers I’ve interviewed stress the importance of addressing technical debt continuously as opposed to tackling it in big projects.

Paying off technical debt is a process, not a project.

You do not want to end up in a situation where you need to stop all feature development to rewrite your entire application every three to five years.

This is why these teams dedicate 10-30% of every sprint to maintenance work that tackles technical debt. I call the tech debt that is surfaced and addressed as part of this process medium-sized debt.

To determine what proportion of your sprint to allocate to tech debt, simply find the overlap between the parts of your codebase you’ll modify with your feature work, and the parts of your codebase where your worse tech debt lives. You can then scope out the tech debt work and allocate resources accordingly. Some teams even increase the scope of their feature work to include the relevant tech debt clean up. More in this article ‘How to stop wasting time on tech debt‘.

For this to work, individual contributors need to track medium-sized debt whenever they come across it. It is then the Team Lead’s responsibility to prioritise this list of tech debt, and to discuss it with the Product Manager prior to sprint planning so that engineering resources can be allocate effectively.

The process for large pieces of debt

Every once in a while, your team will realise that some of the medium-sized debt they came across is actually due to a much larger piece of debt. For example, they may realise that the reason the frontend code is under-performing is because they should be using a different framework for the job.

Left unattended, these large pieces of debt can cause huge problems, and—like all tech debt—get much worse as time goes by.

The best companies I’ve interviewed have monthly or quarterly technical planning sessions in which all engineering and product leaders participate. Depending on the size of the company, Staff Engineer, Principal Engineers, and/or Engineering Managers are responsible for putting together technical proposals outlining the problem, solution, and business case for each of these large pieces of debt. These then get reviewed by engineering and product leadership and the ones that get prioritised are added to the roadmap.

How to achieve this easier

In order to be able to run this process, you need to have visibility into your tech debt. A lot of companies I’ve spoken to try to achieve this by creating a tech debt backlog in their project management tool or in a spreadsheet.

It’s a great way to start, but here’s the problem: these issues will not contain the context necessary for you to prioritise them effectively. Not only do you need to rank each tech debt issue against all others, you also need to convincingly argue that fixing this tech debt is more important than using these same engineering resources towards shipping a new feature instead.

Here’s the vicious cycle that ensues: the team tracks debt, you can’t prioritise it, so you can’t fix it, the backlog grows, it’s even harder to prioritise and make sense of it, you’re still not effectively tackling your debt, so the team stops tracking it. You no longer have visibility into your debt, still can’t prioritise it, and it was all for nothing.

We built Stepsize to solve this exact problem. With our product, engineers can track debt directly from their workflow (code editor, pull request, Slack, and more) so that you can have visibility into your debt. Stepsize automatically picks up important context like the code the debt relates to, and engineers get to quantify the impact the debt is having on the business and the risks it presents (e.g. time lost, customer risk, and more) so that you can prioritise it easily.

You can join the best software companies by adopting this process, start here.

Previously published at https://www.stepsize.com/blog/how-to-maintain-a-healthy-codebase-while-shipping-fast

Tags

Join Hacker Noon

Create your free account to unlock your custom reading experience.

Coinsmart. Beste Bitcoin-Börse in Europa
Source: https://hackernoon.com/how-to-manage-a-technical-debt-properly-6p1533e6?source=rss

Continue Reading

Blockchain

What is key to stirring a Litecoin comeback on the charts?

Avatar

Published

on

[PRESS RELEASE – Please Read Disclaimer]

Zug, Switzerland, 9th March, 2021, // ChainWire // Privacy-centric blockchain Concordium has finalized its MVP testnet and concluded a private sale of tokens to fund further development. The company secured $15M in additional funding for the Public and permissionless compliance-ready privacy-centric blockchain.

Late February Concordium announced joint venture cooperation between Concordium and Geely Group, a Fortune 500 company and automotive technology firm. The partnership will focus on building blockchain-based services on Concordium’s enterprise-focused chain.

Concordium recently completed Testnet 4, which saw over 2,300 self-sovereign identities issued and over 7,000 accounts created, with more than 1,000 active nodes, 800 bakers, and over 3,600 wallet downloads. The successful testnet led to the release of Concordium smart contracts functionality based on RustLang, with a select group of community members participating in stress-testing the network. Test deployments for smart contracts included gaming, crowdfunding, time-stamping, and voting.

Concordium CEO Lone Fonss Schroder said: “The interest of the community, from RustLang developers, VCs, system integrators, family offices, crypto service providers, and private persons, has been amazing. Concordium has fielded strong demand from DeFi projects looking to build on a blockchain with ID at the protocol level.”

Concordium will bring its blockchain technology for broad use, which also appeals to enterprises with protocol-level ID protected by zero-knowledge proofs and stable transaction costs to support predictable, fast, and secure transactions. Its core scientific team is made up of renowned researchers Dr. Torben Pedersen, creator of the Pedersen commitment, and Prof. Ivan Damgård, father of the Merkel-Damgård Construct.

Concordium, which is on course for a mainnet launch in Q2, aims to solve the long-standing blockchain-for-enterprise problem by addressing it in a novel way with a unique software stack based on peer-reviewed and demonstrated advanced identity and privacy technologies providing speed, security and counterpart transparency.

The Concordium team intends to announce its post-mainnet roadmap in the coming days.

About Concordium

Concordium is a next-generation, broad-focused, decentralized blockchain and the first to introduce built-in ID at the protocol level. Concordium’s core features solve the shortcomings of classic blockchains by allowing identity management at the protocol level and zero-knowledge proofs, which are used to replace anonymity with perfect privacy. The technology supports encrypted payments with software that upholds future regulatory compliance demands for transactions made on the blockchain. Concordium employs a team of dedicated cryptographers and business experts to further its vision. Protocols are science-proofed by peer reviews and developed in cooperation with Concordium Blockchain Research Center Aarhus, Aarhus University, and other global leading universities, such as ETH Zürich, a world-leading computer science university, and the Indian Institute of Science.

SPECIAL OFFER (Sponsored)
Binance Futures 50 USDT FREE Voucher: Use this link to register & get 10% off fees and 50 USDT when trading 500 USDT (limited offer).

PrimeXBT Special Offer: Use this link to register & enter CRYPTOPOTATO35 code to get 35% free bonus on any deposit up to 1 BTC.

Checkout PrimeXBT
Trade with the Official CFD Partners of AC Milan
Source: https://coingenius.news/what-is-key-to-stirring-a-litecoin-comeback-on-the-charts/?utm_source=rss&utm_medium=rss&utm_campaign=what-is-key-to-stirring-a-litecoin-comeback-on-the-charts

Continue Reading

AR/VR

Bowling in VR!

Avatar

Published

on

The bowling ball: By pressing the trigger on the controller, the user can pick up, hold, and release the ball. The weight and speed of the ball mimics the movement that a regular bowling ball would have. After it is thrown, the ball will respawn in the starting position by hitting the backstop, or through a manual reset from the user pressing the “reset ball” button.

The pins: Once hit by bowling ball, the pins will fall down after the collision. Once all of the pins are hit, they will respawn to reset the game. The pins can also be manually be reset through the button as seen in the image above on the right hand side. The design of the both the ball and pins were already pre-created in the asset store which are available for free.

The asset store is your friend!

The lane: With a wood flooring, the lane has two walls on either side with a backstop, simulating bumpers that would be regularly seen bowling.

1. The Possibility of AR on the Urban Space

2. Enter The Monarchy

3. The Exciting Applications of AR and VR in Automotive

4. The Best VR Events and Concerts Planned for 2021

Here’s a look into how the game actually works!

The Physics:

These are the components added on the bowling ball for functionality in collision and interactivity. The rigid body and mesh collider are also applied to the bowling pins, with the only change in mass (the pins are 1, while the ball is 3), and the OVR Grabbable script.

Rigid body: This makes sure the laws of physics and gravity are applied upon the game objects, and lets you apply forces and control it in a realistic way.

Mesh Collider: The checkmark on “Convex” indicates that this mesh collider object will collide with other mesh collider objects so that they don’t fall through the floor!

OVR Grabbable: From the free oculus integration in the asset store, the ovr grabbable script was already pre-made, allowing user interactiveness.

Pin and Ball Reset:

To reset both the pins and the ball, the user can click on these floating buttons in order to do so. I followed this tutorial (step 4 & 5) to add the buttons, but the most important step is integrating the Tilia package along with all the prefabs (fully configured game objects that have already been created for your use).

Installing the Tilia package into Unity: navigate to the manifest.json file in finder (go to the actual folder in your computer). After opening it up, there will be a section that says “dependencies”. At the bottom of this section, add in “io.extendreality.tilia.input.unityinputmanager”: “1.3.16”. The code below is a shortened version of what the dependencies would look like, and all the tilia extensions I added to complete this project.

 "dependencies": {
"com.unity.xr.legacyinputhelpers": "2.1.7",
"com.unity.xr.management": "3.2.17",
"com.unity.xr.oculus": "1.6.1",
"com.unity.xr.openvr.standalone": "2.0.5",
"com.unity.modules.xr": "1.0.0",

//Above are a few of the dependencies already installed, while the tilia extensions below were manually added

"io.extendreality.tilia.input.unityinputmanager": "1.3.16",
"io.extendreality.tilia.indicators.objectpointers.unity": "1.6.7",
"io.extendreality.tilia.camerarigs.trackedalias.unity": "1.5.7",
"io.extendreality.tilia.camerarigs.unityxr": "1.4.9",
"io.extendreality.tilia.camerarigs.spatialsimulator.unity": "1.2.31",
"io.extendreality.tilia.interactions.interactables.unity": "1.15.7",
"io.extendreality.tilia.interactions.spatialbuttons.unity": "1.2.3"
}

For the code behind the reset, here is a look into the C# script for the pins:

The Awake() call is used to load certain set up necessary prior to the game scene.

The SavePositions() method is called, where all the starting positions of the pins are logged in an array.

The ResetPositions() method contains a for loop, and goes through each of the pins to set the position and rotation to the original value saved previously. The velocity is also flattened on the pins, in the case that it spun out after being knocked over.

Oculus Integration:

The Hierarchy!

Once again, the asset store comes in really handy! The free oculus integration is compiled of pre-made scripts and functions, such as the OVR Player Controller that includes the camera rig for the oculus and the controller visibility. To properly set it up with controller integration, I followed this tutorial that is also mentioned underneath the resources below. I had to turn on developer mode on the oculus app and connect my computer to the headset with the USB-C charging cable.

Some awesome resources that helped me out:

Checkout PrimeXBT
Trade with the Official CFD Partners of AC Milan
Source: https://arvrjourney.com/bowling-in-vr-46e7047e2cc7?source=rss—-d01820283d6d—4

Continue Reading

Blockchain

India’s Crypto Ban Uncertain as Finance Minister Touts a Window for Experiments

Avatar

Published

on

Aave is a decentralized, open-source, non-custodial liquidity protocol that enables users to earn interest on cryptocurrency deposits, as well as borrow assets through smart contracts.

Aave is interesting (pardon the pun) because interest compounds immediately, rather than monthly or yearly. Returns are reflected by an increase in the number of AAVE tokens held by the lending party. 

Apart from helping to generate earnings, the protocol also offers flash loans. These are trustless, uncollateralized loans where borrowing and repayment occur in the same transaction. 

Assets on Aave as of 3/7/21 (source: aave homepage)

Assets on Aave as of 3/7/21 (source: aave homepage)

The following article explores Aave’s history, services, tokenomics, security, how the protocol works, and what users should be wary of when using the Aave platform.

How Does Aave Work?

The Aave protocol mints ERC-20 compliant tokens in a 1:1 ratio to the assets supplied by lenders. These tokens are known as aTokens and are interest-bearing in nature. These tokens are minted upon deposit and burned when redeemed. 

These aTokens, such as aDai, are pegged at a ratio of 1:1 to the value of the underlying asset – that is Dai in the case of aDai. 

The lending-borrowing mechanism of the Aave lending pool dictates that lenders will send their tokens to an Ethereum blockchain smart contract in exchange for these aTokens — assets that can be redeemed for the deposited token plus interest.  

atokens on Aave

atokens on Aave

Borrowers withdraw funds from the Aave liquidity pool by depositing the required collateral and, also, receive interest-bearing aTokens to represent the equivalent amount of the underlying asset.

Each liquidity pool, the liquidity market in the protocol where lenders deposit and borrowers withdraw from, has a predetermined loan-to-value ratio that determines how much the borrower can withdraw relative to their collateral. If the borrower’s position goes below the threshold LTV level, they face the risk of liquidation of their assets.

Humble Beginnings as ETHLend 

Aave was founded in May 2017 by Stani Kulechov as a decentralized peer-to-peer lending platform under the name ETHLend to create a transparent and open infrastructure for decentralized finance. ETHLend raised 16.5 million US dollars in its Initial Coin Offering (ICO) on November 25, 2017.

Kulechov, currently serving also as the CEO of Aave, has successfully led the company into the list of top 50 blockchain projects published by PWC. Aave is headquartered in London and backed by credible investors, such as Three Arrows Capital, Framework Ventures, ParaFi Capital, and DTC Capital.

ETHLend widened its bouquet of offerings and rebranded to Aave by September 2018. The Aave protocol was formally launched in January 2020, switching to the liquidity pool model from a Microstaking model.

To add context to this evolution from a Microstaking model to a Liquidity Pool model, Microstaking was where everyone using the ETHLend platform. Whether one is applying for a loan, funding a loan, or creating a loan offer, they had to purchase a ticket to obtain the rights to use the application, and that ticket had to be paid in the platform’s native token LEND. The ticket was previously a small amount pegged to USD, and the total number of LEND needed varied based on the token’s value. 

In the liquidity pool model, Lenders deposit funds to liquidity pools. Thus creating what’s known as a liquidity market, and borrowers can withdraw funds from the liquidity pools by providing collateral. In case the borrowers become undercollateralized, they face liquidation.

Aave raised another 4.5 million US dollars from an ICO and  3 million US dollars from Framework Ventures on July 8th and July 15th, 2020. 

Aave Pronunciation

Aave is typically pronounced “ah-veh.” 

Aave’s Products and Services

The Aave protocol is designed to help people lend and borrow cryptocurrency assets. Operating under a liquidity pool model, Aave allows lenders to deposit their digital assets into liquidity pools to a smart contract on the Ethereum blockchain. In exchange, they receive aTokens — assets that can be redeemed for the deposited token plus interest.

Aave's functionality

Borrowers can take out a loan by putting their cryptocurrency as collateral. The liquidity protocol of Aave, as per the latest available numbers, is more than 4.73 billion US dollars strong. 

Flash Loans

Aave’s Flash loans are a type of uncollateralized loan option, which is a unique feature even for the DeFi space. The Flash Loan product is primarily utilized by speculators seeking to take advantage of quick arbitrage opportunities. 

Borrowers can instantly borrow cryptocurrency for a matter of seconds; they must return the borrowed amount to the pool within one transaction block. If they fail to return the borrowed amount within the same transaction block, the entire transaction reverses and undo all actions executed until that point. 

Flash loans encourage a wide range of investment strategies that typically aren’t possible in such a short window of time. If used properly, a user could profit through arbitrage, collateral swapping, or self-liquidation.

Rate Switching

Aave allows borrowers to switch between fixed and floating rates, which is a fairly unique feature in DeFi. Interest rates in any DeFi lending and borrowing protocol are usually volatile, and this feature offers an alternative by providing an avenue of fixed stability. 

For example, if you’re borrowing money on Aave and expect interest rates to rise, you can switch your loan to a fixed rate to lock in your borrowing costs for the future. In contrast, if you expect rates to decrease, you can go back to floating to reduce your borrowing costs.

Aave Bug Bounty Campaign

Aave offers a bug bounty for cryptocurrency-savvy users. By submitting a bug to the Aave protocol, you can earn a reward of up to $250,000.

Aave Tokenomics

The maximum supply of the AAVE token is 16 million, and the current circulating supply is a little above 12.4 million AAVE tokens.

Initially, AAVE had 1.3 billion tokens in circulation. But in a July 2020 token swap, the protocol swapped the existing tokens for newly minted AAVE coins at a 1:100 ratio, resulting in the current 16 million supply. Three million of these tokens were kept in reserve allocated to the development fund for the core team. 

Aave’s price has been fairly volatile, with an all-time high of $559.12 on February 10, 2021. The lowest price was $25.97 on November 5th, 2020. 

Aave Security

Aave stores funds on a non-custodial smart contract on the Ethereum blockchain. As a non-custodial project, users maintain full control of their wallets. 

Aave governance token holders can stake their tokens in the safety module, which acts as a sort of decentralized insurance fund designed to ensure the protocol against any shortfall events such as contract exploits. In the module, the stakers can risk up to 30% of the funds they lock in the module and earn a fixed yield of 4.66%. 

The safety module has garnered $375 million in deposits, which is arguably the largest decentralized insurance fund of its kind. 

Final Thoughts: Why is Aave Important?

Aave is a DeFi protocol built on strong fundamentals and has forced other competitors in the DeFi space to bolster their value propositions to stay competitive. Features such as Flash loans and Rate switching offer a distinct utility to many of its users.

Aave emerged as one of the fastest-growing projects in the Summer 2020 DeFi craze. At the beginning of July 2020, the total value locked in the protocol was just above $115 million US dollars. In less than a year, on February 13, 2021, the protocol crossed the mark of 6 billion US dollars. The project currently allows borrowing and lending in 20 cryptocurrencies.

Aave is important because it shows how ripe the DeFi space is for disruption with new innovative features and how much room there is to grow.

Checkout PrimeXBT
Trade with the Official CFD Partners of AC Milan
The Easiest Way to Way To Trade Crypto.
Check out Nord
Make your Money Grow with Mintos
Source: https://coincentral.com/what-is-aave/

Checkout PrimeXBT
Trade with the Official CFD Partners of AC Milan
The Easiest Way to Way To Trade Crypto.
Source: https://coingenius.news/indias-crypto-ban-uncertain-as-finance-minister-touts-a-window-for-experiments/?utm_source=rss&utm_medium=rss&utm_campaign=indias-crypto-ban-uncertain-as-finance-minister-touts-a-window-for-experiments

Continue Reading
Esports4 days ago

Dota 2 Patch 7.29 Will Reveal a New Hero

Esports5 days ago

Valorant Redeem Codes: How to redeem?

Esports5 days ago

How to watch the TFT Fates Championship

Esports4 days ago

Best Warzone guns: the weapons you need to use in Black Ops Cold War Season 2

Blockchain5 days ago

Unternehmen gründen Crypto Council: Fidelity und Coinbase mit dabei

Fintech3 days ago

Novatti’s Ripple partnership live to The Philippines

Blockchain4 days ago

Evil Geniuses Partner With Cryptocurrency Exchange Platform Coinbase

Esports4 days ago

Overwatch Archives event 2021: new challenges, skins, and more

Fintech5 days ago

Standard Chartered turbocharges digital payments proposition with investment and the merger of CurrencyFair with Assembly Payments

Blockchain4 days ago

Bitcoin Preis Update: BTC fällt unter 59.500 USD

Esports4 days ago

indiefoxx was just banned from Twitch again, but why?

Blockchain3 days ago

Krypto-News Roundup 8. April

Esports5 days ago

100 Thieves reveal NFTs in Enter Infinity Collection

Esports5 days ago

Fortnite: How To Reboot A Friend And Earn In-Game Rewards

Blockchain4 days ago

Ripple Klage: CEO zeigt sich nach Anhörung positiv

Cyber Security4 days ago

Fintechs are ransomware targets. Here are 9 ways to prevent it.

Esports2 days ago

Dota 2 Dawnbreaker Hero Guide

Esports4 days ago

Astralis vs Gambit Esports: ESL Pro League betting analysis

Esports5 days ago

Call of Duty League Stage 2 Major Preview and Predictions

Blockchain3 days ago

DFB bringt digitale Sammelkarten auf die Blockchain

Trending