1623837309
All of Quarashi Network features are developed for the everyday needs of crypto holders based on our teams experiences as crypto holders. Quarashi’s three main features are designed to be user-friendly and 100% accessible for every crypto holder.
Number one is the multi-cryptocurrency wallet solution. This allows the Quarashi users to safely manage, send & receive cryptocurrency, exchange Quarashi with top 100 cryptos, and buy crypto using Visa/Mastercard secure. Assets are never stored by Quarashi, they are stored directly into the blockchain.
Next, is the Quarashi chat, a decentralized chat module 100% anonymous, 100% privacy with no backups, 100% Encrypted.
Quarashi’s IEO Platform enables investments in yet-to-be-launched crypto projects in a secure and easy way. Initial Exchange Offering (IEO) & Initial DEX Offering (IDO) are the most trusted investment processes, both for project founders and investors.
Website : https://quarashi.network/
Telegram : https://t.me/quarashinetworkofficial
Twitter : https://twitter.com/QuarashiN/
Medium : https://quarashinetwork.medium.com/
Whitepaper : https://quarashi.network/Quarashi-Whitepaper.pdf
Mail : contact@quarashi.network
Quarashi Network is a complete suite of solutions focused on providing the user with full privacy and anonymity. The core elements of the Quarashi Network ecosystem are the Quarashi chat app and the Quarashi Wallet, both powered by the Quarashi Network Token (QUA).
Quarashi is the first 100% private and anonymous chat application which doesn’t store any data whatsoever about the user, and none of the messages one user sends to another one.
Unlike other messaging apps which only pretend to be private, Quarashi will never store your private info such as email addresses or phone numbers, and never ask you to grant access to the microphone, camera, or the GPS location of your device.
Quarashi Wallet is a cryptocurrency wallet integrated in the Quarashi Network, which enables the users of the Quarashi messaging app to seamlessly send and receive private crypto transactions. Quarashi Wallet utilizes smart contracts which allow users to hide the amounts and origins of cryptocurrency held in a decentralized and frictionless manner. Each time you want to make a withdrawal, Quarashi will create a new wallet address for you with the amount of crypto that
you requested, which originates from the smart contract where everyone’s funds are mixed.
Unlike similar applications which only promise to be private and anonymous, the Ouarashi team sees privacy as the core aspect of the project. Quarashi Network will always be a 100% secure and private messaging application, and Quarashi Wallet will always be a 100% secure and private cryptocurrency wallet.
Quarashi Network represents a breakout for the future of user rights to privacy and data protection. Privacy shouldn’t be considered an extra feature. It should be the absolute foundation and the irrevocable core upon the rest of the project is built.
Full and total dedication must be upheld to focus all of the available technology on user protection.
Privacy - like eating and breathing - is one of life’s basic requirements.
― Katherine Neville
Quarashi Network is the first messaging app that is fully privacy oriented. Encrypted chat apps aren’t nothing new, but they only give you an illusion of security. Quarashi doesn’t make any compromises when it comes to the rights of our users. Our dedication to privacy and anonymity is full and complete.
Many messaging apps claim to offer full privacy, while they only provide the user with end-toend encryption (E2E). But even if the messages are 100% encrypted with military-grade cryptographic algorithms, it doesn’t mean that the user’s identity is fully protected. Most of the chat apps on the market request the users to disclose personal information such as your phone number or email address before they can start using the app. From that point onwards, nothing the users send will be truly private because everything can be easily linked to their real life identity.
Even though the messages might be encrypted, the users are not anonymous and their real identity can be easily revealed.
Quarashi Network is different. No phone number or email address is required. The users can send and receive encrypted messages while being absolutely certain that their personal information remains private, anonymous and fully untraceable.
We’re living In the age of Big Brother. Groundbreaking technology, fast internet, the ability to easily store and retrieve data - all of this is amazing, but unfortunately we pay for it by sacrificing our right to privacy.
The majority of social media platforms and messaging apps aren’t really designed to fulfill the needs of their users. Instead, their purpose is entrapping the users, stealing as much of their private data as possible, and selling all of it to the highest bidder.
Because of that, privacy cannot be simply introduced as an extra feature - the entire architecture of most of the social media and chat apps is hostile to privacy on a structural level. And the users are very well aware of that - the number of users for the biggest social media platform have declined in the last two years, mainly because of their total lack of respect for the users’ privacy.
Privacy Problem of Cryptocurrency Wallets
One of the most unique elements of the Quarashi Network ecosystem is the decision to integrate a cryptocurrency wallet and the ability to securely and privately send and receive cryptocurrency transactions.
While the privacy problem of messaging apps and social media platforms is commonly known, many people don’t realize that cryptocurrency wallets face a similar degree of privacy threats. In the quest to retain anonymity, privacy and security, it is important to understand that typical crypto wallets are designed only to provide the basic functionality of sending, receiving and storing digital assets. Privacy is at the best considered an extra feature, in the worst case
scenario, it’s something that just doesn’t get addressed at all.
Almost all cryptocurrencies on the market don’t have in-built privacy, so unless the user’s wallet is privacy-focused, all transactions can be effortlessly tracked by hostile third parties.
Naturally, there is an increasing demand for privacy-oriented wallets to defend against transactions being followed by bad actors.
Our direct competition extends to platforms enabling private deposits of Ethereum by using smart contracts (such as Tornado Cash), anonymous wallets (such as Incognito), or even semi-private, but not anonymous wallets (such as Metamask). The success of our competitors reassures that the demand for privacy-based transactions is as high as ever - though we also see clear competitive advantages that Quarashi brings to the market.
Contrary to traditional markets, the cryptocurrency ecosystem is not a zero-sum game and lacks the “winner takes all” mentality. Different solutions, blockchains, exchanges and cryptocurrencies coexist together, which results in an ever-expanding, organically growing, healthy and user-oriented market. In other words, crypto is a community, and the demand for integrating private crypto transactions into a private messaging app is massive.
The Challenge
Is it possible to design a completely private messaging application that would provide the full functionality enabled by today’s technology, but without storing any data and without creating any fingerprint identifiers of the user?
An application like that would have to be totally dedicated to protecting users’ privacy. All the private data would have to be owned exclusively by the user, but the entire network would have to be built as a community-owned, decentralized, transparent, public infrastructure. This would guarantee that the application remains fully resistant to hostile takeovers and outside manipulation, while also providing additional incentives to out-innovating and out-competing
entrenched incumbents.
We strongly believe that Quarashi has the potential to fully answer this challenge.
The Vision
The Quarashi vision is focused on total commitment, consistency and respect for its users’privacy, data and identity. Our mission is helping individuals and businesses in regaining their rights to privacy and anonymity.
Quarashi aims to be the world’s most private, most secure and most anonymous chat
application providing its users with untraceable identity while sending and receiving both traditional messages as well as cryptocurrency transactions.
Privacy shouldn’t be “opt-in”, rather it’s something you could occasionally “opt-out” on your free will. Utilizing blockchain technology in Quarashi will allow us to greatly enhance the privacy standards prevalent in the current messaging apps.
If crypto succeeds, it’s not because it empowers better people. It’s because it empowers better institutions.
The Objective
To sum up, the objective of Quarashi Network is creating an ecosystem enabling sending and receiving communications and transactions in a truly private way.
Most of the messaging apps and cryptocurrency wallets on the market consider privacy an extra feature. We believe that privacy is a basic human right that should never be infringed upon, and we are determined to secure that right through providing our users with a 100% private and anonymous messaging app.
Quarashi Network Features
No Phone Number / Email Address Required / Location or Contacts
access
Most of the so-called “private” messaging apps forfeit the user’s actual privacy before the user even starts to use them, as providing personal information during registration means that the user’s real identity can be easily traced. Quarashi is different: the user is never, under no circumstances asked to disclose any personal information.
Self-Destructing Private Messages
If you want to have absolute certainty that nobody but the recipient will read your message,you can choose the self-destruction option. The message will be automatically deleted from all devices after a set period of time, leaving absolutely no trace.
Hidden History
With typical privacy chat apps, someone who accesses your smartphone can read the entire chat history. With Quarashi Network, the messaging history is hidden, and even if your device is compromised the messages can’t be read by a third party.
No Ads & No Trackers
Ads can compromise your privacy and anonymity by collecting data about you. That’s why Quarashi Network contains absolutely no ads and no trackers.
No Backups
No sensitive data and personal information will ever be stored where it shouldn’t. Your data is not copied anywhere without your knowledge. If you delete something, it’s gone.
Private File Sharing
Privacy must not be limited to traditional text messages. In Quarashi, all types of messages are equally private and secure: transferring photos, videos and other files can be done 100% privately and anonymously.
Secure Screen
In messaging apps which don’t provide full screen protection, messages can be easily captured and the entire content of the user’s screen can be revealed to a hostile third party.
Quarashi offers a completely secure screen which cannot be captured.
End-to-End Encryption (E2E)
For most messaging apps, end-to-end encryption is the only privacy-oriented feature. For Quarashi, it’s just one of many features working together to assure full privacy. Text messages and other files use the military-grade protocol for E2E, as well as pre-keys optimized for mobile
and multi-device messaging.
Quarashi Wallet
The ability to privately send and receive cryptocurrency is as important as the ability to privately send and receive any other kind of information. Qurashi Network is a complete ecosystem of privacy-oriented solutions, which enables securely transferring all kinds of data. Quarashi Wallet is a 100% private, non-custodial Ethereum browser wallet. In order to allow the users to hide the amounts and origins of all their cryptocurrency transactions, Quarashi
utilizes smart contracts to obfuscate all transfers in a decentralized and frictionless manner.
Each time the user wants to make a withdrawal, Quarashi will create a new wallet address with the requested amount of crypto, which will be tracked only to the smart contract where everyone’s funds are pooled, but not to the user’s personal wallet.
Quarashi Network Token
The entire Quarashi Network ecosystem is powered by a native digital asset: Quarashi Network Token (QUA). Quarashi Network Token is an Ethereum-based (ERC-20), deflationary, fairly issued and fully transparent digital currency.
QUA is a multi-functional token utilized both in the Quarashi messaging app and in the Quarashi cryptocurrency wallet. Thanks to the application of the QUA token, Quarashi Network is able to be the first 100% private and anonymous solution on the market combining the functionality of a traditional messaging app and a crypto wallet, allowing the users to send all kinds of data with total privacy - including cryptocurrency transactions.
#blockchain #cryptocurrency
1597343880
You can’t possibly use the Internet without using Incognito mode every now and again. You’re not using it to get better content; the web pages you’re accessing are still the same, regardless of how you’re reaching them. You’re mainly doing it because you don’t want certain searches to remain in your browser history. More importantly, you’re doing it because you value your privacy.
Maybe you aren’t applying the same strict protection measures when you’re checking your Facebook feed, but you do mind if someone is deliberately trying to peep over your shoulder. But, again, even if it bothers you, you won’t close the Facebook app just because there’s someone else there. You’ll let them be because you don’t see those Facebook posts, even if they are personal to your account, as sensitive information.
How about checking your bank statement? Are you easily opening your banking app in public, letting everyone see your monthly salary that just came in? The answer is most likely no. You would do everything possible to keep your financial transactions confidential. And I’m not talking about security here; security-wise, you are already trusting (more or less) the underlying banking system. I’m talking about the transaction history, the data itself. Even if nobody would be able to access your account or do anything with this data, you are still doing everything possible to keep it secret. In fact, studies have shown that 48% of millennial couples are keeping their finances private from each other.
The same principle applies to cryptocurrency. You have trust in the underlying system, the blockchain, to keep your funds secure. Anyway, when it comes to transaction privacy, you are simply reusing the same wallet address that you created in 2017 when you bought your first BTC.
But by doing this you are not only hurting your privacy, you’re affecting the privacy of everyone who’s receiving funds from you. By definition, “Address reuse […] is an unintended practice, abusing the privacy and security of the participants of the transactions as well as future holders of their value.”
If you think nobody has the time to track down your transactions, think again. Software solutions have been built specifically to track cryptocurrency addresses, and, at this stage, they are either available publicly for anyone to use or used by certain companies and governments for undisclosed reasons. Just by reading about the advancement of the transaction surveillance companies and it makes you not want to move your coins anymore.
Luckily, there are solutions available to manage your cryptocurrencies confidentially. In the search of replacing my ordinary wallet, I found many services claiming complete anonymity. However, after trying them, most wallets have very bad usability or even outright glaring security flaws. It was a struggle, but I narrowed my list down to four wallets. I consider them all up to 2020 standards while offering several confidentiality features. But as always, it’s up to you to choose the one that fits your needs.
Not the browser mode but the Incognito wallet - a cryptocurrency wallet that offers privacy in transactions for multiple popular currencies, such as Bitcoin, Ethereum, USDT, and DAI. Also, all ERC20 tokens are supported plus privacy coins like Monero
At the user level, the Incognito wallet is not so different from other wallets with multi-currency, multi-activity functionality. You can deposit, store, and send your coins. You hold your own keys and sign transactions locally. And you can even access DeFi platforms like Kyber and swap coins across blockchains within the wallet. Imagine exchanging Bitcoin to Monero with the click of a button. That’s possible with Incognito.
The extra privacy features work behind the scenes to protect your information and identity. The magic happens under the hood where zero-knowledge proof technology has been implemented to obfuscate your transactions as well as your blockchain-powered financial history. Maybe you’ve heard of zero-knowledge proofs in the context of Zcash or other privacy-oriented coins. The solution developed by the Incognito team is rewritten from scratch, optimized for mobile, and combined with other technologies such as ring signatures and stealth addresses, also utilized by Monero. What more can I say about this? As of today, there are no proven ways to track transactions coming from this wallet. If you are the type who handles many coins at the same time and wants a wallet that does more than just HODL, this may be the one for you.
#privacy #crypto #crypto-wallets #hardware-wallet #blockchain-wallets #blockchain
1623837309
All of Quarashi Network features are developed for the everyday needs of crypto holders based on our teams experiences as crypto holders. Quarashi’s three main features are designed to be user-friendly and 100% accessible for every crypto holder.
Number one is the multi-cryptocurrency wallet solution. This allows the Quarashi users to safely manage, send & receive cryptocurrency, exchange Quarashi with top 100 cryptos, and buy crypto using Visa/Mastercard secure. Assets are never stored by Quarashi, they are stored directly into the blockchain.
Next, is the Quarashi chat, a decentralized chat module 100% anonymous, 100% privacy with no backups, 100% Encrypted.
Quarashi’s IEO Platform enables investments in yet-to-be-launched crypto projects in a secure and easy way. Initial Exchange Offering (IEO) & Initial DEX Offering (IDO) are the most trusted investment processes, both for project founders and investors.
Website : https://quarashi.network/
Telegram : https://t.me/quarashinetworkofficial
Twitter : https://twitter.com/QuarashiN/
Medium : https://quarashinetwork.medium.com/
Whitepaper : https://quarashi.network/Quarashi-Whitepaper.pdf
Mail : contact@quarashi.network
Quarashi Network is a complete suite of solutions focused on providing the user with full privacy and anonymity. The core elements of the Quarashi Network ecosystem are the Quarashi chat app and the Quarashi Wallet, both powered by the Quarashi Network Token (QUA).
Quarashi is the first 100% private and anonymous chat application which doesn’t store any data whatsoever about the user, and none of the messages one user sends to another one.
Unlike other messaging apps which only pretend to be private, Quarashi will never store your private info such as email addresses or phone numbers, and never ask you to grant access to the microphone, camera, or the GPS location of your device.
Quarashi Wallet is a cryptocurrency wallet integrated in the Quarashi Network, which enables the users of the Quarashi messaging app to seamlessly send and receive private crypto transactions. Quarashi Wallet utilizes smart contracts which allow users to hide the amounts and origins of cryptocurrency held in a decentralized and frictionless manner. Each time you want to make a withdrawal, Quarashi will create a new wallet address for you with the amount of crypto that
you requested, which originates from the smart contract where everyone’s funds are mixed.
Unlike similar applications which only promise to be private and anonymous, the Ouarashi team sees privacy as the core aspect of the project. Quarashi Network will always be a 100% secure and private messaging application, and Quarashi Wallet will always be a 100% secure and private cryptocurrency wallet.
Quarashi Network represents a breakout for the future of user rights to privacy and data protection. Privacy shouldn’t be considered an extra feature. It should be the absolute foundation and the irrevocable core upon the rest of the project is built.
Full and total dedication must be upheld to focus all of the available technology on user protection.
Privacy - like eating and breathing - is one of life’s basic requirements.
― Katherine Neville
Quarashi Network is the first messaging app that is fully privacy oriented. Encrypted chat apps aren’t nothing new, but they only give you an illusion of security. Quarashi doesn’t make any compromises when it comes to the rights of our users. Our dedication to privacy and anonymity is full and complete.
Many messaging apps claim to offer full privacy, while they only provide the user with end-toend encryption (E2E). But even if the messages are 100% encrypted with military-grade cryptographic algorithms, it doesn’t mean that the user’s identity is fully protected. Most of the chat apps on the market request the users to disclose personal information such as your phone number or email address before they can start using the app. From that point onwards, nothing the users send will be truly private because everything can be easily linked to their real life identity.
Even though the messages might be encrypted, the users are not anonymous and their real identity can be easily revealed.
Quarashi Network is different. No phone number or email address is required. The users can send and receive encrypted messages while being absolutely certain that their personal information remains private, anonymous and fully untraceable.
We’re living In the age of Big Brother. Groundbreaking technology, fast internet, the ability to easily store and retrieve data - all of this is amazing, but unfortunately we pay for it by sacrificing our right to privacy.
The majority of social media platforms and messaging apps aren’t really designed to fulfill the needs of their users. Instead, their purpose is entrapping the users, stealing as much of their private data as possible, and selling all of it to the highest bidder.
Because of that, privacy cannot be simply introduced as an extra feature - the entire architecture of most of the social media and chat apps is hostile to privacy on a structural level. And the users are very well aware of that - the number of users for the biggest social media platform have declined in the last two years, mainly because of their total lack of respect for the users’ privacy.
Privacy Problem of Cryptocurrency Wallets
One of the most unique elements of the Quarashi Network ecosystem is the decision to integrate a cryptocurrency wallet and the ability to securely and privately send and receive cryptocurrency transactions.
While the privacy problem of messaging apps and social media platforms is commonly known, many people don’t realize that cryptocurrency wallets face a similar degree of privacy threats. In the quest to retain anonymity, privacy and security, it is important to understand that typical crypto wallets are designed only to provide the basic functionality of sending, receiving and storing digital assets. Privacy is at the best considered an extra feature, in the worst case
scenario, it’s something that just doesn’t get addressed at all.
Almost all cryptocurrencies on the market don’t have in-built privacy, so unless the user’s wallet is privacy-focused, all transactions can be effortlessly tracked by hostile third parties.
Naturally, there is an increasing demand for privacy-oriented wallets to defend against transactions being followed by bad actors.
Our direct competition extends to platforms enabling private deposits of Ethereum by using smart contracts (such as Tornado Cash), anonymous wallets (such as Incognito), or even semi-private, but not anonymous wallets (such as Metamask). The success of our competitors reassures that the demand for privacy-based transactions is as high as ever - though we also see clear competitive advantages that Quarashi brings to the market.
Contrary to traditional markets, the cryptocurrency ecosystem is not a zero-sum game and lacks the “winner takes all” mentality. Different solutions, blockchains, exchanges and cryptocurrencies coexist together, which results in an ever-expanding, organically growing, healthy and user-oriented market. In other words, crypto is a community, and the demand for integrating private crypto transactions into a private messaging app is massive.
The Challenge
Is it possible to design a completely private messaging application that would provide the full functionality enabled by today’s technology, but without storing any data and without creating any fingerprint identifiers of the user?
An application like that would have to be totally dedicated to protecting users’ privacy. All the private data would have to be owned exclusively by the user, but the entire network would have to be built as a community-owned, decentralized, transparent, public infrastructure. This would guarantee that the application remains fully resistant to hostile takeovers and outside manipulation, while also providing additional incentives to out-innovating and out-competing
entrenched incumbents.
We strongly believe that Quarashi has the potential to fully answer this challenge.
The Vision
The Quarashi vision is focused on total commitment, consistency and respect for its users’privacy, data and identity. Our mission is helping individuals and businesses in regaining their rights to privacy and anonymity.
Quarashi aims to be the world’s most private, most secure and most anonymous chat
application providing its users with untraceable identity while sending and receiving both traditional messages as well as cryptocurrency transactions.
Privacy shouldn’t be “opt-in”, rather it’s something you could occasionally “opt-out” on your free will. Utilizing blockchain technology in Quarashi will allow us to greatly enhance the privacy standards prevalent in the current messaging apps.
If crypto succeeds, it’s not because it empowers better people. It’s because it empowers better institutions.
The Objective
To sum up, the objective of Quarashi Network is creating an ecosystem enabling sending and receiving communications and transactions in a truly private way.
Most of the messaging apps and cryptocurrency wallets on the market consider privacy an extra feature. We believe that privacy is a basic human right that should never be infringed upon, and we are determined to secure that right through providing our users with a 100% private and anonymous messaging app.
Quarashi Network Features
No Phone Number / Email Address Required / Location or Contacts
access
Most of the so-called “private” messaging apps forfeit the user’s actual privacy before the user even starts to use them, as providing personal information during registration means that the user’s real identity can be easily traced. Quarashi is different: the user is never, under no circumstances asked to disclose any personal information.
Self-Destructing Private Messages
If you want to have absolute certainty that nobody but the recipient will read your message,you can choose the self-destruction option. The message will be automatically deleted from all devices after a set period of time, leaving absolutely no trace.
Hidden History
With typical privacy chat apps, someone who accesses your smartphone can read the entire chat history. With Quarashi Network, the messaging history is hidden, and even if your device is compromised the messages can’t be read by a third party.
No Ads & No Trackers
Ads can compromise your privacy and anonymity by collecting data about you. That’s why Quarashi Network contains absolutely no ads and no trackers.
No Backups
No sensitive data and personal information will ever be stored where it shouldn’t. Your data is not copied anywhere without your knowledge. If you delete something, it’s gone.
Private File Sharing
Privacy must not be limited to traditional text messages. In Quarashi, all types of messages are equally private and secure: transferring photos, videos and other files can be done 100% privately and anonymously.
Secure Screen
In messaging apps which don’t provide full screen protection, messages can be easily captured and the entire content of the user’s screen can be revealed to a hostile third party.
Quarashi offers a completely secure screen which cannot be captured.
End-to-End Encryption (E2E)
For most messaging apps, end-to-end encryption is the only privacy-oriented feature. For Quarashi, it’s just one of many features working together to assure full privacy. Text messages and other files use the military-grade protocol for E2E, as well as pre-keys optimized for mobile
and multi-device messaging.
Quarashi Wallet
The ability to privately send and receive cryptocurrency is as important as the ability to privately send and receive any other kind of information. Qurashi Network is a complete ecosystem of privacy-oriented solutions, which enables securely transferring all kinds of data. Quarashi Wallet is a 100% private, non-custodial Ethereum browser wallet. In order to allow the users to hide the amounts and origins of all their cryptocurrency transactions, Quarashi
utilizes smart contracts to obfuscate all transfers in a decentralized and frictionless manner.
Each time the user wants to make a withdrawal, Quarashi will create a new wallet address with the requested amount of crypto, which will be tracked only to the smart contract where everyone’s funds are pooled, but not to the user’s personal wallet.
Quarashi Network Token
The entire Quarashi Network ecosystem is powered by a native digital asset: Quarashi Network Token (QUA). Quarashi Network Token is an Ethereum-based (ERC-20), deflationary, fairly issued and fully transparent digital currency.
QUA is a multi-functional token utilized both in the Quarashi messaging app and in the Quarashi cryptocurrency wallet. Thanks to the application of the QUA token, Quarashi Network is able to be the first 100% private and anonymous solution on the market combining the functionality of a traditional messaging app and a crypto wallet, allowing the users to send all kinds of data with total privacy - including cryptocurrency transactions.
#blockchain #cryptocurrency
1555901576
In this article we are going to focus on building a basic sidebar, and the main chat window inside our chat shell. See below.
Chat shell with a fixed width sidebar and expanded chat window
This is the second article in this series. You can check out the previous article for setting up the shell OR you can just check out the chat-shell branch from the following repository.
https://github.com/lyraddigital/flexbox-chat-app.git
Open up the chat.html file. You should have the following HTML.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Chat App</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/chat.css" />
</head>
<body>
<div id="chat-container">
</div>
</body>
</html>
Now inside of the chat-container div add the following HTML.
<div id="side-bar">
</div>
<div id="chat-window">
</div>
Now let’s also add the following CSS under the #chat-container selector in the chat.css file.
#side-bar {
background: #0048AA;
border-radius: 10px 0 0 10px;
}
#chat-window {
background: #999;
border-radius: 0 10px 10px 0;
}
Now reload the page. You should see the following:-
So what happened? Where is our sidebar and where is our chat window? I expected to see a blue side bar and a grey chat window, but it’s no where to be found. Well it’s all good. This is because we have no content inside of either element, so it can be 0 pixels wide.
Sizing Flex Items
So now that we know that our items are 0 pixels wide, let’s attempt to size them. We’ll attempt to try this first using explicit widths.
Add the following width property to the #side-bar rule, then reload the page.
width: 275px;
Hmm. Same result. It’s still a blank shell. Oh wait I have to make sure the height is 100% too. So we better do that too. Once again add the following property to the #side-bar rule, then reload the page.
height: 100%;
So now we have our sidebar that has grown to be exactly 275 pixels wide, and is 100% high. So that’s it. We’re done right? Wrong. Let me ask you a question. How big is the chat window? Let’s test that by adding some text to it. Try this yourself just add some text. You should see something similar to this.
So as you can see the chat window is only as big as the text that’s inside of it, and it is not next to the side bar. And this makes sense because up until now the chat shell is not a flex container, and just a regular block level element.
So let’s make our chat shell a flex container. Set the following display property for the #chat-window selector. Then reload the page.
display: flex;
So as you can see by the above illustration, we can see it’s now next to the side bar, and not below it. But as you can see currently it’s only as wide as the text that’s inside of it.
But we want it to take up the remaining space of the chat shell. Well we know how to do this, as we did it in the previous article. Set the flex-grow property to 1 on the #chat-window selector. Basically copy and paste the property below and reload the page.
flex-grow: 1;
So now we have the chat window taking up the remaining space of the chat shell. Next, let’s remove the background property, and also remove all text inside the chat-window div if any still exists. You should now see the result below.
But are we done? Technically yes, but before we move on, let’s improve things a little bit.
Understanding the default alignment
If you remember, before we had defined our chat shell to be a flex container, we had to make sure we set the height of the side bar to be 100%. Otherwise it was 0 pixels high, and as a result nothing was displayed. With that said, try removing the height property from the #side-bar selector and see what happens when you reload the page. Yes that’s right, it still works. The height of the sidebar is still 100% high.
So what happened here? Why do we no longer have to worry about setting the height to 100%? Well this is one of the cool things Flexbox gives you for free. By default every flex item will stretch vertically to fill in the entire height of the flex container. We can in fact change this behaviour, and we will see how this is done in a future article.
Setting the size of the side bar properly
So another feature of Flexbox is being able to set the size of a flex item by using the flex-basis property. The flex-basis property allows you to specify an initial size of a flex item, before any growing or shrinking takes place. We’ll understand more about this in an upcoming article.
For now I just want you to understand one important thing. And that is using width to specify the size of the sidebar is not a good idea. Let’s see why.
Say that potentially, if the screen is mobile we want the side bar to now appear across the top of the chat shell, acting like a top bar instead. We can do this by changing the direction flex items can flex inside a flex container. For example, add the following CSS to the #chat-container selector. Then reload the page.
flex-direction: column;
So as you can see we are back to a blank shell. So firstly let’s understand what we actually did here. By setting the flex-direction property to column, we changed the direction of how the flex items flex. By default flex items will flex from left to right. However when we set flex-direction to column, it changes this behaviour forcing flex items to flex from top to bottom instead. On top of this, when the direction of flex changes, the sizing and alignment of flex items changes as well.
When flexing from left to right, we get a height of 100% for free as already mentioned, and then we made sure the side bar was set to be 275 pixels wide, by setting the width property.
However now that we a flexing from top to bottom, the width of the flex item by default would be 100% wide, and you would need to specify the height instead. So try this. Add the following property to the #side-bar selector to set the height of the side bar. Then reload the page.
height: 275px;
Now we are seeing the side bar again, as we gave it a fixed height too. But we still have that fixed width. That’s not what we wanted. We want the side bar (ie our new top bar) here to now be 100% wide. Comment out the width for a moment and reload the page again.
So now we were able to move our side bar so it appears on top instead, acting like a top bar. Which as previously mentioned might be suited for mobile device widths. But to do this we had to swap the value of width to be the value of height. Wouldn’t it be great if this size was preserved regardless of which direction our items are flexing.
Try this, remove all widths and height properties from the #side-bar selector and write the following instead. Then reload the page.
flex-basis: 275px;
As you can see we get the same result. Now remove the flex-direction property from the #chat-container selector. Then once again reload the page.
Once again we are back to our final output. But now we also have the flexibility to easily change the side bar to be a top bar if we need to, by just changing the direction items can flow. Regardless of the direction of flex, the size of our side bar / top bar is preserved.
Conclusion
Ok so once again we didn’t build much, but we did cover a lot of concepts about Flexbox around sizing.
#css #programming #webdev
1623328419
Initial DEX Offering, a fundraising opportunity to the investors, abbreviated as IDO. IDO refers to the launching of the cryptocurrency in the decentralized platform to raise funding from retail investors. IDO provides the startup companies with an opportunity for an immediate fundraising model using the blockchain technology.
The question that arises in the reader’s mind is how to build an IDO platform? The answer is yes! The following steps do the development of IDO platform:
The support and service option will be provided by the company that you selected for the platform development.
Infinite Block Tech is prominent in designing and developing the DeFi platforms like IDO platform development. We provide a high-end security benefit for the IDO platform making the user a trouble free transaction.
#ido platform development #how to build an ido platform #ido platform for fundraising #defi platforms like ido
1623067115
Initial DEX offering, commonly abbreviated as IDO, is a digital fundraising opportunity for the investors and business developers in a decentralized platform. IDO is the representation of the digital assets, with zero exchange fees being paid. Distributing tokens and fundraising are at ease through the IDO platform. IDO is considered as the combination of both ICO & IEO.
Infinite Block Tech offers the Initial DEX offering development with a team of highly specialized blockchain engineers, and marketing specialists to deliver the best for the users. The cost of IDO development depends upon the features and functions demanded by the users. Thus, the cost may increase or decrease from one IDO development project to another. So, it’s the right time to step into our IDO development marketplace to raise the funds effectively.
#initial dex offering development #ido development #ido development platform #cost of ido development #ido development project #ido development marketplace