Tech That Matters

Category: Blog Page 1 of 4

The Best Time to Post on Instagram in 2023 - Later

The Best Time to Post on Instagram in 2023 – At It Best

Sticky post
he Best Time to Post on Instagram in 2023

The topic of when to publish on Instagram in order to increase traffic to one’s page and attract more visitors is one that has received a lot of excitement among content producers and online business owners.

For producers, deciding what to develop in terms of content and what is popular and what to produce in order to attract more original viewers may be very stressful. Knowing when to post minimizes the creators’ load.

I spent a significant amount of time researching and making my own mistakes.
As a result, I’ve gathered some advice and knowledge regarding the ideal posting times.

For more organic traffic to your business page or your niche, we’ll look at when to post on Instagram in this blog.

you can also read ina precise manner with this blog

When Should I Post On Instagram?

Because each time zone is unique, it encompasses the entire globe. Knowing which segment of a worldwide audience you’re attempting to attract is crucial.

Once you figure out which specific part you’re targetting Now, think about what people do daily basis according to their timeline

First: When do people usually wake up and what’s the first thing the majority of people do? Scroll on their search feed for something or maybe what most people do when they first wake up is browse the search feed or perhaps the reels for something fresh to discover on reels for something new to find.

Therefore, between 7-8 in the morning can be a perfect time to post on Instagram.

Using a smartphone while eating lunch is another instance of individuals doing so. Posting between 11 and 1 p.m. while individuals are taking their lunch break will assist in guaranteeing that your post rises to the top of their feeds because lunch breaks often occur at the same time across all time zones.

The Ideal Moments To Post On Instagram

Another thing to keep in mind while publishing is that Instagram’s algorithms constantly prioritize promoting the most recent posts, making it extremely important to understand the period when your users are most active.

Here is a chart that shows what day and what time to post.

Monday6 a.m., 11 a.m., 1 p.m.
Tuesday8-10 a.m., 2 p.m.
Wednesday9-11 a.m.
Thursday11 a.m.-2 p.m., 7 p.m.
Friday10 a.m.-12 p.m., 2-4p.m.
Saturday8-11 a.m.
Sunday6-8 p.m.

When Is The Best Time To Post Reels To Instagram

In line with the TikTok age, video material is becoming more popular. Try uploading reels during these times if you want to increase audience engagement with your content:

Monday6 a.m., 10 a.m., 10 p.m.
Tuesday2 a.m., 4 a.m., 9 a.m.
Wednesday7 a.m., 8 a.m., 11 p.m.
Thursday9 a.m., 12 a.m., 7 p.m.
Friday5 a.m., 1 p.m., 3 p.m.
Saturday11 a.m., 7 p.m., 8 p.m.
Sunday7 a.m., 8 a.m., 4 p.m.

People are also reading:

iPhone 13,12,11 at Flipkart Big Billion Day (2022): Expected price, discounts, and more

iPhone 13,12,11 at Flipkart Big Billion Day (2022): Expected price, discounts, and more

Sticky post

On September 23, 2022, the Flipkart Great Indian Festival is anticipated to provide a significant discount on the iPhone 12. It’s interesting to note that Apple is presently offering a mouthwatering discount on the device, which is priced at INR 50,900. The problem is that there is only one colour and one variety available. But with the iPhone 12, this is one of the largest reductions available.

Prior to the Flipkart Great Indian Festival, the price of the iPhone 12 falls to a record low (2022)
If one chooses the purple hue, the 64 GB version of the iPhone 12 is now offered for a fixed price of INR 50,900. There are several colours available, but they cost a little extra. The 128 GB and 256 GB models are equivalent in this regard.

For an iPhone 12, this is one of the biggest reductions outside of regular deals. Additionally, clients can save money on the gadget by using cards from partner banks to make their payments. Given that the iPhone 14 is currently on sale in stores, this appears to be a regular markdown from Apple.

iPhone 13,12,11 at Flipkart Big Billion Day (2022): Expected price, discounts, and more

This brings up a crucial query: Is it worthwhile to purchase the iPhone 12 when it’s on sale? Given how effective the device is, the response should be affirmative. The 12th generation Apple flagship can still outperform most phones because the company has always produced its models early. Despite having a relatively expensive base price, the current discount makes it quite intriguing.

However, there are certain more factors that a buyer should think about. First off, only purple offers the highest discount, whereas the other colours offer smaller savings.

Second, the deals on the 128 GB and 256 GB editions aren’t good enough and only provide large discounts on the 64 GB variant. However, the primary justification for waiting will be the

09 The Premier Resource For Free icons

10 Best Websites for Obtaining Free Icons

Sticky post

if you are looking for quality icons for web graphic design , then you have come to the right place in this post i will show you the top best amazing 09 The Premier Resource For Free icons available in this list just enjoy and give me some comment which is your favorite site among these 09 The Premier Resource For Free icons .

we have picked for your convenience so that you can easily download without any copy-write infringement . these icon pack will used for web design purpose , web application , info graphic and for the desktop .

All that icons on these sites are free , But still pay attention to there terms of uses , as they can be changed at any time . So without wasting Your time lets discuss these top free websites to 09 The Premier Resource For Free icons

01. FLATICON

09 The Premier Resource For Free icons

i love this website most because there are about 3,180,500 vector icons available to this website . And important part of this website is you can search and edit these icon to your own convenience. flaticon.com is one the one website where you can easily Download 09 The Premier Resource For Free icons

Flat icon offers user high quality vector graphics . All icons are totally editable and can be used used in both personal and commercial projects . But you need to credit the author . In order to use an icon you must attribute its author .

flat icon have give you the opportunity to become an author who can make icons and distribute to the huge community by making it free . Also if you make icon premium you will get some money by selling your icons to the flatiron platform .




02. The Noun Project

FREE WEBSITES TO DOWNLOAD ICONS

This resource asks for registration before to download icons . But it would be a very quick and simple process to get all the icons . Also you can done these process via facebook, google , and become a free paid member . All the members get access to all the icons which you want . i love this website for there simplicity structure . only one problem with this website is you always give the credit to the icon’s designer each time . Whenever you use the icon set you love it . So Don’t miss this 09 The Premier Resource For Free icons




03. ICON MONSTER

download free icons

This website is the another icon distribution website . This website is created by Alexander Kahlkopf a senior designer from Germany with over 15 year of professional experience in icon design .

All these sets are created professionally and effectively so without wasting any time do love his work and use in your projects as per your requirements .

I like this icons sets website because these free websites are monstrously big and continuously growing source of simple icons . Most of the websites design and info graphic designer are used these icons in there projects . By this website you can even play with different categories files like png,svg with different sizes are also available .




04.FEATHER

FREE ICONS DOWNLOAD WEBSITES

One of our teams favourable icons sets . This website is doing a great job because feather is a collection of simply beautiful open source icons each icon is designed on a grid and comes in different format to download (Like SAG PNG ) with unexpected stroke.

So if you are going to use it for web design you will need to open icon in illustration first and broke the stocks and use in your project commercially.




05. ICONS8

 Best Websites for Finding Free and Modern Icons

Icon8 is also the one of the best website where you can download free modern icons sets . this website has to be the one my favourite website not for there design tips or design junks . Ilove this website only for there dedication about creating icons sets and there icons product quality .

Suppose if you can to search Book icons in the icon8 sites this would recommend you about thousand of icon sets .

Also icon8 provide you a editing functionality where you put your creativity to the next level like if you want to add color , overlay effects and stroks disturbance and much more modification part (background change texture color ) are there .

In my opinion icon 8 has to be totally phenomenal website to download high quality vector icons and much more .




06. UXWings

09 The Premier Resource For Free icons

Ux wings is also one of the most used website by designer and developer too . This website is designer recommended website if you want well optimised vector , free SVG icons and PNG icons download for creative and commercial projects.

Personally i love this website because this website gives you lot more icon sets to use in your project without any copyright infringement.

ux wing icons are well and carefully crafted by top best designer. if you have any question in your mind regarding ux wings why ux wings is best resource of icons sets to the best reason is that uxwings provide you each and every categories which you want to download .




07.Material Design

09 The best Resource For Free icons

material design also give you the opportunity to download free icons for your project . For your Kind information this website is rolled by google and as we all know that , google is the leading company to make huge products .

Material design icons have different theme , combination , different sizes also these icons pack are line up icons with non identical ranges of downloadable sizes and densities.

Each and every icon is designed by following design style guideline . These icons are free to use even you can modify as per you convenience. these are the websites To Download Free Icons.




08.Boxicons

Simple open Source icon which carefully crafted for designers & developers . This icon website consists many icons where many developers and deginers used this website for there personal projects . In this site generally you will find about 1600 icon on this website in different categories Like Regular Solid Logos and these icons are very high quality icons .

Also users can downloads these icons from GitHub profile and create any issue if they found too for developers .

Do use this website for downloading premium icons for your personal projects .

09. atomicons

This website is crafted a very beautiful website through which you can you can download around 256 sleek icon pack available set to download for free. Great something if you are looking line icon and bold icon pack this website will gives you a very wide range of icon pack .

Also the one feature i like the most at this website is you can create and change the radius and the width of the icons . Apart from the radius and width of the icon even you can change the color of the icons too.

Licensing: Free vector icons for commercial use or personal use. These are the 09 The Premier Resource For Free icons

10.ICONMNSTR

This is our go-to resource for quick, simple, and customizable icons. PNG files have a maximum pixel size of 240×240 pixels, although there is usually a large range of basic icons here. Free vector icons are available for business or personal use with attribution.

Conclusion

although all the websites are renowned at there own place . we make a difference is when we have a a collections of free icons websites to download to your personal projects. i hope you love this lists of free websites to download free icons sets . Hope you like the icon sets and also comment your favbourate icon list in the comment section below.

Hope you will find this article helpfull.


People are also reading:

Creating beautiful tooltips with only CSS

Creating beautiful tooltips with only CSS

Sticky post
Creating beautiful tooltips with only CSS

Hello, friend’s hope you are doing so today we are making very cool tooltips with only CSS.

Either you can download the source from the bottom file or follow the tutorial along with me.

Again before deep dive diving into the tutorial do comment and subscribe to our youtube channel so that you can get new videos each and every week.

Let’s start our tooltips with only CSS & this is one of the best tooltips with only CSS Also, make your tooltips with only CSS . So without wasting any time let’s jump into the source code.

We start our code with the tooltips with only CSS.

Creating beautiful tooltips with only CSS

THE HTML

<div class="tooltip-container">
 Hover Me !
<span class="tooltip">Praesent ut tincidunt ligula. Donec at sem sit amet nulla porttitor consequat sit amet quis velit. Phasellus imperdiet mi in velit gravida tincidunt.</span>
</div>


THE CSS

Lets talk about our styling part where put some twic effect for our tooltip its a very small abd simple tooltip project using css. With

@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local('Muli'), url(http://themes.googleusercontent.com/static/fonts/muli/v4/kU4XYdV4jtS72BIidPtqyw.woff) format('woff');
}

body {
    width:120px;
    margin: 150px auto;
    background: #D76655;
    font: 400 12px/14px 'Muli';
}

.tooltip-container {
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.tooltip {
    opacity: 0;
    z-index: 99;
    color: #bbb;
    width: 190px;
    display: block;
    font-size: 11px;
    padding: 5px 10px;
    border-radius: 3px;
    text-align: center;
    text-shadow: 1px 1px 2px #111;
    background: rgba(51,51,51,0.9);
    border: 1px solid rgba(34,34,34,0.9);
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    position: absolute;
    right: -80px;
    bottom: 40px;
}

.tooltip:before,.tooltip:after {
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(51,51,51,0.9);
    position: absolute;
    bottom: -10px;
    left: 43%;
}

.tooltip-container:hover .tooltip,a:hover .tooltip {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

This is the final version of the TOOLTIP if you are following the source code then this will look like this and you can modify and change as per your requirement. That’s shit hope you like this tutorial I will provide you the source file link where you can download the sources.

Output

Creating beautiful tooltips with only CSS
Creating beautiful tooltips with only CSS

People are also reading:

How to Build a Responsive Navigation Bar With Flexbox

Navbar CSS Tutorial: Create a Navigation Bar with Flexbox.

Sticky post
How to Build a Responsive Navigation Bar With Flexbox

Create a Navigation Bar with Flexbox.

Hello, friend’s hope you are doing so today we are making a very cool Navigation Bar with Flexbox using HTML and CSS. Also we make this navbar responsive so that you can use this on your mobo devices.

Either you can download the source from the bottom file or follow the tutorial along with me.

Again before deep dive diving into the tutorial do comment and subscribe to our youtube channel so that you can get new videos each and every week.

Let’s start our Responsive Navigation Bar with Flexbox & this is the one of the best navbar example using flexbox. using CSS and HTML. Also, make your website is navbar in just a few min by using this source code. So without wasting any time let’s jump into the source code.

We start our code with the skeleton of the navbar using HTML AND CSS. first, we make a header tag where we put out logo nav links and last but not least our contact info button.

Make a folder of index and style and also an image folder where we put our logo and other remaining images. It this gonna be fun to create this navigation bar which makes you practical scenario with Navigation Bar with Flexbox using HTML and CSS. Hope you like it too .

eg.

Let’s start our first HTML part where we have to make our skeleton of the website using HTML AND CSS without using javascript.

THE HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    
    <header>

        <img class="logo" src="./images/logo.svg" alt="">

        <nav>
            <ul class="nav__links">
                <li><a href="#">Home</a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Project</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Music</a></li>
            </ul>
        </nav>

        <a href="" class="cta"><button>Contact</button></a>

    </header>

</body>
</html>

Let’s make our navbar bar attractive and beautiful with CSS in the CSS part we are using flexbox which helps us to make our navbar component stable.

THE CSS

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: #24252A;
}

li,a,button {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: edf0f1;
    text-decoration: none;
}

header
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 10%;
}

.logo
{
    cursor: pointer;
}

.nav__links {
    list-style: none;
}

.nav__links li {

    display: inline-block;
    padding: 0px 20px;
}

.nav__links li a {
    transition: all 0.3s ease 0s;
    color: white;

}

.nav__links li a:hover {
    color: #0088a9;
}

button
{
    padding: 9px 25px;
    background-color: rgba(0, 136, 169, 1);
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

This is the final version of the navbar if you are following the source code then this will look like this and you can modify and change as per your requirement. That’s shit hope you like this tutorial I will provide you the source file link where you can download the sources.

Download Source Code

People are also reading:

5 Ways to Get Paid to Code Online

Sticky post
5 Ways to Get Paid to Code Online

Are you a programmer and want to make money through coding with different streams of money making ideas? Then you are in the right place just scroll and read 20 important money-making streams through which you can earn lots of money with these streams . Let’s get started without a further a do . Also these things 5 Ways to Get Paid to Code Online one my best article for beginners who wants to earn extra income from coding.

How to Make Money Programming

If you are a geeky person but you have to earn money through your programming skills with ( skills like : C++ , HTML , CSS , Javascript , React Js angular , and other frame work through which you can make bymkney easily by these technologies . And want to get paid online There are several online ideas through which you can earn easily without sticking to any particular income stream . Today’s era is booming so fast so there are thousands of ideas out there through which you can earn money online. Thats what i am covering in the hole blog . I will tell you the 20 ways to get paid online through the different streams.

List of Proven Ways to Make Money from Coding Online

Here i will list 20 updated ways to make money online through programming skills.

1.Blogging

i know each and every programmer know the fact about how to make money through online advertisements through blogging but this is the best way I will suggest each and every programmer do in their free time so that they can interact with beginners as well as a senior developer so you can connect as much as people through blogging and also you can prefer your blog on social media so that you can earn money through it .

There are many ways to make money online .

  1. Charging for premium content.
  2. Earn money through affiliate link.
  3. Earn money for teaching coding skills.
  4. Sponsor content writing for their products.

Here is a quick tip for starting a programming blog.

Write SEO friendly content so that your post or quality content blog will reach to so many people there are quite simple techniques to follow and allow you to make a seo friendly content. SEO friendly content will acquire so many acronyms like SEO keywords and many more but don’t worry about it these type of informatiin will provide so many places you can grab it in a very easy way also Seo and writing your blog on a specific keyword will help you to reach out so many people in search result. So make sure you should write seo friendly post .

Hope this post will help you to make money in an easy way through blogging.

2. Freelancing

Freelancing is my favorite way to earn money personally i prefer and suggest everyone to jump to the freelancing domain where you can earn more money than what you are earning through9 to 5 job .

Con of freelancing

  1. Freelancing will give you the freedome to work from anywhere.
  2. Freelancing gives you no boundation regarding 9 to 5 work culture to work for a company .

3. Start A Personal Website

A personal website is work like a TV ad that will show off your coding skills too. In which technologies you are an expert. Your website is like a mirror that can help you to reflect on your coding skills. You can show off your particular stack of technologies in which you are an expert in like if you are a frontend developer then mention you stack like HTML CSS javascript etc. Or if you are a Backend developer then you should be mentioned the backed niche.

Once you have completed your website you can launch and attract more clients and you will have more clients to offer your online service. Charging hourly rates. Or even better big projects.

4. Fiver

you can start even a freelancing project if you are a beginner. Then fiver is the best site for those who are new to this freelancing career. Also, you already know Fiverr is an online marketplace for freelancing services based in Israel. Fiverr is a website that allows you to post and apply for tiny one-time projects, or gigs, online. The platform’s job listings include a wide range of topics, from “get a well-designed business card” to “assistance with HTML, JavaScript, CSS, and jQuery.”

5. Live Coding and Streaming

when streamers are live, they are frequently quite involved with their audience. They respond to questions, ask questions, and adjust what they’re talking about in response to the wishes of their audience. That’s great fun! We encourage giving a live broadcast a try if you’ve never done so before. Here are 15 great live programming channels to watch:

You’d be shocked at what you’d find. It’s a terrific method to learn something new or enhance an existing ability by watching a programming live stream. To begin, you’ll notice that even experienced programmers have difficulty. They aren’t any different than you. They don’t have any magic tricks in their sleeves. They, like you, look for solutions on the internet. They forget the semicolon, just like you do. They are in the same boat as you.

Here I will list the 8 most popular CODE STREAMING CHANNELS TO MAKE YOU A BETTER PROGRAMMER so that you upskill yourself too to do this and earn more from different platforms by doing this .

You Channel Name youtube Channel Link
Traversy Mediahttps://www.youtube.com/user/TechGuyWeb
Jason Lengstorfhttps://www.twitch.tv/jlengstorf/
Adam Wathanhttps://www.youtube.com/channel/UCy1H38XrN7hi7wHSClfXPqQ
PirateSoftwarehttps://www.twitch.tv/piratesoftware
csharpfritzhttps://www.twitch.tv/csharpfritz
Sayvihttps://www.twitch.tv/sayvi
rwxrobhttps://www.twitch.tv/rwxrob
Florin Pophttps://www.youtube.com/channel/UCeU-1X402kT-JlLdAitxSMA

These are my favorite youtube channels and I am damn sure you love it because these youtube channels will give you the real value .and these top 5 ways to get paid to code online defiantly

Conclusion

Hope you like this article ? Did you enjoy 5 Ways to Get Paid to Code Online? Let me know in the comment box. Finally, we learn to enjoy and try it on our own.

Happy Coding! ?

People are also reading:

How to make Simple Interest Calculator in Javascript

How to make Simple Interest Calculator in Javascript | Html Simple Interest Calculator for beginners

Sticky post
Simple Interest Calculator in JavaScript

In this tutorial, we will make a very simple javascript Simple interest calculator using HTML CSS and javascript. If you are a beginner then this tutorial is the best for you what you will learn from this tutorial is .

Note: Make sure you have downloaded the Assests and files for this project Here Link

Planing

since we will be building to make this simple interest calculator. You will learn lots of this which will give a great knowledge about DOM manipulation. I will all the list which you will learn during making or following this tutorial.

  • We will learn how to center a container .
  • we will learn how to deal with formula to implement our simple inerest in javascript
  • how to get user input .
  • how to save and manipulate to given specipic place of your output .
  • And many other things which is related with our styling part that will give you an great idea about dom manipulation and some basic element .

To start off we will draw a basic idea of our application which we are be building for this application either you can refer to your notebook or an online software tool Like Figma,Adobe xd, or something else from the marketplace.

It’s not about color staying the elements it’s just a layout refining where you will learn about components of our application .

The Html

Lets start with HTML syntax for the application so that we can define our elements of inputs paragraphs and so on then we will move in javascript and CSS part to make our application working .

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
    <link rel="stylesheet" href="style.css">
</head>

<body>

  <div class="container">
    <h2>Simple Interest</h2>
    
    
  <input type="number" id="principal" placeholder="Principal">
    
    
    <input type="number" id="rate" placeholder="Rate Of Interest">

  
    <input type="number" id="time"placeholder="Time in years">
    
    <div class="result">
      <p>Interest: <span id="interest"></span><br></p> 
      <p>Total Interest: <span id="plus"></span></p>
    </div>
    
    <button id="btn" class="button-56" role="button">Submit</button>
  </div>

</body>

</html>

Our basic elements are ready let’s move into our styling part where we will learn about how to make our applications looks awesome with our CSS and js for the workability part. Let’s move to our javascript which gives our application winds to calculate our simple interest by using simple logic formula .

The Javascript

<!--Script-->
  <script>
  
  /*Simple Interest Formula = 
  p*r*t/100*/
    
    btn.addEventListener("click", () => {
        /*Get input values to the variables */
      let p = parseInt(document.getElementById('principal').value);
      let r = document.getElementById('rate').value;
      let t = document.getElementById('time').value;
      let btn = document.getElementById('btn');
      
      var interest = (p*r*t)/100;
      
      document.getElementById('interest').innerHTML = interest;
      
      var plusInterest = p + interest;
      document.getElementById('plus').innerHTML = plusInterest;
      
    })
    
  </script>

Since we have already done our javascript part lets jump to our styling part so that our app looks amazing and beautiful.

The CSS

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body{
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: #3E00AC;
  font-family: 'Poppins', sans-serif;
}

.container{
  width: 550px;
  height: 750px;  
  display: grid;
  place-items: center;
  background: #edf1f4;
  border-radius: 10px;
  border: 3px solid rgb(0, 0, 0);
  
}

.container h2 {
  
  padding-top: 15px;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  color: #464646;

  
}

.container span{
  font-weight: 700;
}

.container .result{
  color: #9E9E9E;
  width: 440px;
}

.container input{
  width: 440px;
  height: 80px;
  background: #edf1f4;
  inset: -5px -5px 5px #fff;
  border-radius: 5px;
  border: 1px solid black;
  outline: none;
  font-size: 20px;
  padding: 24px;
}

p {
  color: #3E00AC;
  font-size: 17px;
  padding: 10px;
}



#interest {
  font-size: 20px;
  padding-left: 1rem;
}
#plus {
  font-size: 20px;
  padding-left: 1rem;
}




/* CSS */
.button-56 { width: 400px;
  height: 200px;
  align-items: center;
  background-color: #adffc8;
  border: 2px solid #111;
  border-radius: 8px;
  box-sizing: border-box;
  color: rgb(26, 26, 26);
  cursor: pointer;
  display: flex;
  font-family: Inter,sans-serif;
  font-size: 16px;
  height: 68px;
  justify-content: center;
  line-height: 24px;
  max-width: 100%;
  padding: 85rem 25rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  margin-bottom: 1rem;
}

.button-56:after {
  background-color: #111;
  border-radius: 8px;
  content: "";
  display: block;
  height: 48px;
  left: 0;
  width: 100%;
  position: absolute;
  top: -2px;
  transform: translate(8px, 8px);
  transition: transform .2s ease-out;
  z-index: -1;
}

.button-56:hover:after {
  transform: translate(0, 0);
}

.button-56:active {
  background-color: #ffdeda;
  outline: 0;
}

.button-56:hover {
  outline: 0;
}

@media (min-width: 768px) {
  .button-56 {
    padding: 0 40px;
  }
}

After following the whole code of HTML CSS and javascript you will get this kind of interface mention in blow .

Simple Interest Calculator in Javascript  project for beigners

Congratulations! You’ve created a fully functional and styled app. Hopefully, you’ve learned a something new during the whole process! Do comment in the comment box for any suggestion and query .

Downloading Files

Conclusion

Hope you like this article ? Did you enjoy How to make Simple Interest Calculator in Javascript? Let me know in the comment box. Finally, we learn to enjoy and try it on our own.

Happy Coding! ?

People are also reading:

Top Powerfull Website You Must Know in 2022

Sticky post

So Hi readers today we will talk about the best website you must know in 2022. I will mention a few websites list & this website would be really helpful so give a try and tell me about this website how all these websites would work at all. In this article, we would focus only on these websites where you can find the Powerful Website You Must Know in 2022

1. Soapgate

If you are addicted or like to watch the latest movies and web series but don’t like to subscribe. This website is going to your favorite website. This site will provide you all a list of movies that are trending on the OTG platform or other premium movies. This website consists of so many ads but you can easily remove these ads through an ads blocker. On this website, you can completely free stream many premium series absolutely free. Their website URL might change frequently but I will update you regarding these URLs so that you can easily update and watch premium movies freely.

2. Educationwave

Most of the websites which provide free education vs premium education but this website has a moto to provide free education you can find many useful video content so that you can access quality student content. mostly this website is publishing only academic content but the best part is that all these things are free.

3.Undraw

This website is my favorite because this website provides you with thousands of illustrations with different categories and the best is that you can easily download files even this website will provide you SVG files so that you can easily modify and edit them as per your requirements. Also, this open-source library of illustrations provides you the daily updates so that you can get new illustration stuff.

4. Temp Mail

This website is also my one the best website because i have created many email instant and used these fake mail id on that website where you would not trust to make an account on it. What’s what this website do. You don’t have to worry about your personal data-stealing problem this website will provide you lots of free mail id so that you can be registered with that mail id freely without using your primary.

5.Y2mate

This website is designed specifically for PC users who wish to download videos from YouTube. You may easily download any public Youtube video of various quality from the Y2mate website. There are some advertisements redirecting there, however, I urge that you use ad blockers.

Conclusion

Hope you like this post do comment your favorites website list in the comment box .


People are also reading:

15 EASY ONLINE TEENS JOBS WITH GOOD PAY 2021

Sticky post


Isn’t it true that being a teen can be difficult at times? When you’re broke, it’s even worse. Before I reveal these 15 EASY ONLINE TEENS JOBS WITH GOOD PAY 2021

I was broke as well . Many of my pals worked part-time and boasted about how they were able to cover their costs on their own.


I was quite interested in learning more about part-time jobs. My buddies advised that I teach English and give home tuitions. But I was engrossed in it. I desired a method that would entice me to devote time. Fortunately, there are many of internet occupations for kids and students who are serious about making money on their own. We are fortunate to have access to technology.


We , the members of generation Z, are the only ones who are aware of how much we know about today’s technology and how we can utilize it to influence our future (Of course, I’m referring to money).

Without further ado, let’s get started! Let’s take a look at easy online teens jobs with good pay in 2021 :


Make money by blogging


Make money by blogging

Nowadays, blogging is a path to becoming a millionaire. If you’ve tried it and have different feelings about it. Then I recommend that you remember that everything important in life takes time. Just keep doing what you’re doing. The more you wait, the larger the fruit will be.


Blogging does not necessitate that you be an expert in the field. Alternatively, it may not necessitate the use of a writer’s skill. All it asks is that you write about something you’re passionate about.


Simply share what you know with others. Just write about whatever it is that you enjoy. Slowly, you will see that your writing will provide you with a consistent income at first. I mean, blogging is similar to investing: the more you put in, the more you get back.


Start a youtube channel


15 EASY ONLINE TEENS JOBS WITH GOOD PAY 2021
15 EASY ONLINE TEENS JOBS WITH GOOD PAY 2021

You have a YouTube channel with a lot of subscribers, right? Really..?

Do you believe it’s surprising?

I regret to inform you that it is not the case. Because nowadays, every second person you encounter has a YouTube channel that they started years ago. And that’s not even the worst of it. They’re already generating a lot of money from it.


So, what exactly are you waiting for? Start a vlogging channel if you enjoy travelling. Demonstrate the beauty you’re enjoying. Start a cooking channel if you enjoy cooking.

Have a great sense of style.? Then you should already be an influencer. Fashion influencers are making a lot of money. You are free to begin with any topic.


Manage social media for money

We’ve all noticed that social media has become an integral part of our daily lives. No, I’m not talking about how we can’t go a single day without scrolling.


I’m referring to folks that run businesses on these platforms and make money in a variety of ways, such as :


Some people use social media to sell their wares online. They are promoting their brands and driving traffic to them. Sometimes people earn money by displaying their talents, such as painting, singing, and dancing.

However, have you ever noticed that, much like in an offline business. When there are so many individuals involved, a single person can’t handle it ?

People who have become extremely well-known as a result of their profession , pay people to run their social media businesses.


Most essential, social media companies require someone to handle their accounts ho can make their feed appealing and approachable. They must also learn to be consistent. As a result, they’ll need someone who can handle it.

You may only be recruited as a social media professional if you have amassed a large number of followers. Your feed’s inventiveness and substance are enough to show anyone how much you know about managing social media accounts. So, if you’re familiar with social media. Then you should give it a shot.


Job for being a chatterbox


If you’re an extrovert who’s gotten into a lot of trouble because of it. It could  actually help you make a lot of money. Yes, ofcourse Guys, I’m not joking.


On skima talk, All you need is to be a native English speaker, and the job is yours. You may teach people English on this platform . You can get paid for communicating with your clients just for 30 minutes and get paid $10.


Another vital need for this employment is that you must be at least 16 years old. This employment pays you well enough to cover your daily expenses.


if you need more teaching jobs read this blog here.


Freelance with fiverr


I can’t emphasise enough how simple it is to start making money online with Fiverr. But for teens it could be pretty hard in the beginning so i’ll recommand not to choose this option. But as there are teens who highly recommand it because it does provides jobs for teens. This could be your first big step toward internet success if done right. Anyone can make money on Fiverr, in fact. 


To begin earning, all you need is a “talent.” Skill does not imply mastery of a specific field, such as graphic design, website design, or coding. Skill refers to your capacity to perform specific tasks or types of tasks. The only thing you need to consider is having a payment option via which you may legally withdraw your earnings.


Fiverr is not a platform where you can make fast money. Because you’ll need a little patience and a lot of hard effort here. Here, your work speaks for itself. You should hone your expertise so that it attracts customers.

I recommend that you use Fiverr for a few days. You’ll get a sense of it. If that’s a place you’d like to work or not.


Become a proofreader


One of the best online jobs for teenagers is proofreading. This work is both flexible and simple to perform. If you enjoy correcting other people’s grammar and can’t tolerate it when they get it wrong. Then you must approach this work in a certain way.


Your job include ensuring that all written content is free of grammatical errors, including spelling, typography, grammar, and content layout.

Just go for it , look no further than becoming an online proofreader.


Earn by doing activities on swagbucks


Swagbucks is a popular game among youngsters. This app is used by every second teen to make money.


Do you enjoy listening to music? Everyone is, of course. Why not make money from it? I mean, I’m aware that there are numerous applications and websites that pay for simply listening to music. Isn’t it true that this generation has it quite good? When did people on Earth have this kind of privilege?


In your spare time, you can actually do things and earn money. Simply by engaging in the following activities :


  • Funny videos to watch
  • Playing video games
  • Searching the internet
  • Responding to questionnaires
  • Online shopping

Those who use it on a regular basis earn a substantial amount of money. You use Twitter, Instagram, and Snapchat on a daily basis, right? Use it on a regular basis to earn money. 


Start writing on medium


Medium is similar to YouTube, except that you use it to write content. What makes it different from blogging, you could ask. Right.


You don’t need annoying advertisements to make money here. Simply create your content and assign a price to it. Medium is a website where paying users can read your content in exchange for a fee.


Gaid paid for your Handwriting


Have you ever had your handwriting complimented? Then this is the job for you. Believe me.

People who do calligraphies fascinate me. It appears to be quite gratifying. I had no idea until I saw individuals on the internet crafting handwritten cards for special occasions. People still appreciate handwritten letters and cards.  As a result, they hire individuals to do it.


You can create and sell fonts in addition to designing cards. Your fonts can be available to a larger audience. Also you may sell it over and over again, and each transaction brings you money. You wouldn’t have known about it, I’m sure. But don’t worry, I’ll make things simple for you.


I’ll list some websites where you can get started with calligraphy.


Fonts.com or MyFonts.com 

Etsy 

FlexJobs

Upwork

DaFont



Earn money for sharing your opinion


Have you ever aided a buddy by just offering advice? As an example, sometimes a piece of advice can make all the difference in your life. Isn’t that so? If you have any thoughts that you’d like to share with others. Why not make money from it?


How about earning a decent living simply by sharing your thoughts with others? You can get paid to share your opinions with Survey Junkie .


There are several topics you can opt :


Beverages –   What is your favourite soda or drink brand?

Cosmetics –     Can you tell me where you get your makeup from?

Restaurants –  Where do you like to eat the most?

Video games – Do you enjoy watching video game streams?


Become a twitch streamer


Are you a video gamer? Is that correct? Surely you’ve tried Twitch?

If gaming is your thing and you haven’t checked out Twitch yet, you’re missing out.


You can play online games all day long and make a living doing so. All you have to do is use Twitch to broadcast your gaming .People flock here to watch you stream. There are numerous methods to profit from it. 


Users can buy games through links on streams, and streamers get paid a commission on sales. It is possible to sell products related with streams through affiliate connections. Twitch broadcasters “broadcast” their games or activity by sharing their screen with followers and subscribers who can hear and see what they’re doing in real time.


Take pictures and sell them online


You may get money by selling your photos online. Naturally, we must recognise that photography is a skill. Those with the necessary abilities can take stunning photographs with their smartphones.


You’ve probably heard of Shutterstock. People are earning a decent life off of it here. It would be sufficient to just sell your photos. These images are used to generate blogs, themes, thumbnails, and social networking material. If you go to this website, you’ll get a good sense of what kinds of photos are in great demand and why.


What a wonderful thing it would be if you could convert your passion into a job. But first and foremost, let’s earn some money from it. Once your photographs are in high demand, you may be able to launch your own brand.


Earn money by typing


GoTranscript is a successful online transcription and translation service. They offer freelance transcription services. They employ individuals to transcribe audio files. Phone calls, podcasts, interviews, and meetings are just a few examples.


You’ll need to be able to type quickly and you’ll be good to go. So, if you want to make money, work as little or as much as you want.  you receive Weekly rewards via PayPal  . 


If you’re a teen with a lot of free time on your hands, this is the alternative for you. It provides a fantastic source of side income.  The more time you spend here, the more money you make.


Earn money from home with online data entry jobs


Since the entire world now lives online, data entry occupations have become fairly common. There are several websites that offer data entry jobs, but the one that I found is the finest is Clickworker.


Clickworker is a platform that seeks Internet users from all over the world who can help us generate or correct texts, engage in surveys, and search and categorise data.


As a Clickworker, you can sign up for free. You work independently, have a flexible schedule, and all you need is an Internet-connected computer or mobile device. On a freelance basis, you pick when and how much you want to work.


Take online surveys for cash


Surveys are a common way for people to make some extra cash online. I’m not sure why these websites pay very little, but still they come highly recommended when you ask someone. I’ve personally tested it. You can earn $20 to $100 per month. This could also be more or less.


I’ll recommend swagbucks, which is my personal favourite. I’ll mention a few more for you to try out as well. Swagbucks, on the other hand, is a well-known website. So, if you have a lot of patience, go ahead and try it. It’s not a bad way to make some money. It won’t make you wealthy, but  It takes less than 10 minutes to earn and is a simple process. As a result, it might work out well for you.


Here are a few websites you might want to check out:


Swagbucks.com

BrandedSurveys

Harris Poll Online

InBoxDollars.com

LifePoints

MyPoints.com

OneOpinion

Opinion Outpost

Survey Junkie

SURVIVAL TIPS FOR TEENS LOOKING FOR ONLINE JOBS

  • SET UP A PAYPAL ACCOUNT

  • Most internet businesses will pay you using PayPal, so you’ll need to have one set up in order to be paid.

    PayPal no longer offers student accounts, which is a problem. You are welcome to use your parents’ account.


    • BEWARE OF FRAUDULENT ACTIVITIES

    You should be wary of Internet frauds that urge you to pay them to train you or ask you to pay them in return. Never, ever, ever pay them.


    It’s important to remember that no reputable company will demand payment from its customers. They may pay you less, but will never ask for payment.

    I definitely wish I started earning some online income when I was a teenager. Since , we didn’t have as much opportunities as we do today. Teens have such amazing opportunities nowadays to make money, be creative and create content. This helps them learn to be their OWN boss. I really hope you guys find this blog helpful .

    Page 1 of 4

    Powered by ziontutorial & DEV Community 👩‍💻👨‍💻 © 2016 - 2023. ziontutorial.com