DEV Community: Nishtha Kushwah

How To Print Fibonacci Series In Python

Nishtha Kushwah — Fri, 30 Jul 2021 12:48:29 +0000

What is Fibonacci series ?

Ans. A series of numbers in which each number ( Fibonacci number ) is the sum of the two preceding numbers. The simplest is the series 1, 1, 2, 3, 5, 8, etc.

Explanation Of The Code

The Function fibonacci_seq Take the range as n (n defines how long the series of number is)
Now In the Fibonacci series every Number is the sum of previous two numbers so a and b are the previous number and c is the present number (sum of a and b)

That's all for this post
Thanks For Reading!
Bye 👋
Happy Coding 😃

Who Developed What?

Nishtha Kushwah — Fri, 23 Jul 2021 04:58:09 +0000

GENERAL KNOWLEDGE QUESTIONS
That Every Developer Should Know

Q.) Who developed HTML?
A.) Tim Berners-Lee
Q.) Who Developed CSS?
A.) Håkon Wium Lie (with Tim Berners-Lee)
Q.) Who Developed PYTHON?
A.) Guido van Rossum
Q.) Who Developed JAVA?
A.) James Gosling
Q.) Who Developed JAVASCRIPT?
A.) Brendan Eich
Q.) Who developed XML?
A.) Charles F.
Q.) Who Developed C?
A.) Dennis Ritchie
Q.) Who Developed C++?
A.) Bjarne Stroustrup
Q.) Who Developed PHP?
A.) Rasmus Lerdorf
Q.) Who Developed CYTHON?
A.) Robert Bradshaw, Stefan Behnel, et al.
Q.) Who Developed NODE .js?
A.) Ryan Dahl
Q.) Who Developed RUBY?
A.) Yukihiro "Matz" Matsumoto
Q.) Who Developed DELPHI?
A.) Anders Hejlsberg
Q.) Who Developed PASCAL?
A.) Niklaus Wirth
Q.) Who Developed VISUAL BASIC?
A.) Alan Cooper (Microsoft)
Q.) Who Developed ANGULAR?
A.) Miško Hevery
Q.) Who Developed SWIFT?
A.) Chris Lattner
Q.) Who Developed C# ?
A.) Anders Hejlsberg (Microsoft)

That's All for this post

Happy Coding 😃

How to make to top using 5 lines of jQuery

Nishtha Kushwah — Fri, 16 Jul 2021 06:47:46 +0000

Sometimes we find it hard to make a back to top button. And sometimes confused in many lines of code didn't understand what the error about is. Today we are going to make back to top functionality in 5 lines of jQuery.

GitHub:

nishthaneeraj / Back-to-top-in-jQuery

Simple Back to top Functionality Using jQuery

Live Demo: https://nishthaneeraj.github.io/Back-to-top-in-jQuery/
Codepen:

First, Make a footer with the id of footer or anything meaningfull

<footer class="page-footer  p-3 footer text-center" id="footer"> Back to Top

</footer>

Second, add some CSS (not compulsory but let's do it i have also added bootstrap in it
read this first

How To use libraries and framework in Codepen

Nishtha Neeraj Kushwah ・ Jul 2 ・ 2 min read

#css #javascript #codepen

)

@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap");

* {
  margin: 0;
  padding: 0;
}
body {
  background-color: #eec0c6;
  background-image: linear-gradient(315deg, #eec0c6 0%, #7ee8fa 74%);
  color: #002999;
  font-family: "Poppins", sans-serif;
  overflow-x: hidden;
}
html {
  scroll-behavior: smooth;
}
.footer {
  background: #002999;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
footer {
  margin: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
}
/* Custom Scroll Bar */

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background-color: #00d9bf;
  border-radius: 5px;
}

Then, finally add JS
First add the jQuery link
( if you are using a code editor then add into the HTML file in the bottom after your script.js
jQuery Link: https://code.jquery.com/jquery-3.3.1.min.js
Or
If you are using codepen add in is section if you don't know read this post:

How To use libraries and framework in Codepen

Nishtha Neeraj Kushwah ・ Jul 2 ・ 2 min read

#css #javascript #codepen

)

//Get the button:
const footer = document.getElementById("footer");

$("#footer").on("click", function () {
  $(window).scrollTop(0);
});

Explanation:
First Getting the Button

//Get the button:
const footer = document.getElementById("footer");

next adding Event Listener (Click Obviously) to it
then reseting the scroll value to 0

//Get the button:
$("#footer").on("click", function () {
  $(window).scrollTop(0);
});

That's it

Happy Coding 😃.
Bye 👋 have a good day 😊

How to make Custom Scrollbar using Pure CSS

Nishtha Kushwah — Fri, 09 Jul 2021 04:20:30 +0000

Good Morning Dear Readers

So you are a web developer/designer and you are making awesome websites but the annoying scrollbar is destroying you website.
it can't destroy your website anymore
Because my Friend I'm here for you

So Let's Start

Github: https://github.com/nishthaneeraj/Custom-Srollbar-using-css
Live Demo: https://nishthaneeraj.github.io/Custom-Scroll-Bar-Using-Css/
Codepen:

Specify the width using:

::-webkit-scrollbar {
  width: 10px;
}

then add background color using:

::-webkit-scrollbar-track {
  background-color: #fff;
}

then add the color of the trackbar using:

::-webkit-scrollbar-thumb {
  background-color: #e02f6b;
  border-radius: 5px;
}

that's it !

if you have any issue the let me Know in the Comment Section.

Bye Good Day.

Thanks!

How To use libraries and framework in Codepen

Nishtha Kushwah — Fri, 02 Jul 2021 16:10:56 +0000

What is Codepen?
How To add CSS Frameworks
How To add JS Libraries

What is Codepen?

Ans. CodePen is an online community for testing and showcasing user-created HTML, CSS and JavaScript code snippets. It functions as an online code editor and open-source learning environment, where developers can create code snippets, called "pens," and test them.

How To add CSS Frameworks

Headover To Your CSS Section
Click on the settings(wheel) icon
Then Scroll Down and find the Add External Stylesheets/Pens
And then in the input section add your style sheet url or search for any style sheet in searchbox (for example:bootstrap's css link https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css)

Done Now You can use your linked stylesheet in your codepen project as usual now do same for javascript

How To add JS Libraries

Headover To Your JS Section
Click on the settings(wheel) icon
Then Scroll Down and find the Add External Scripts/Pens
And then in the input section add your script sheet url or search for any script in searchbox (for example: bootstrap's JavaScript link https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js)

DEV Community: Nishtha Kushwah

How To Print Fibonacci Series In Python

What is Fibonacci series ?

Explanation Of The Code

Who Developed What?

How to make to top using 5 lines of jQuery

nishthaneeraj / Back-to-top-in-jQuery

Simple Back to top Functionality Using jQuery

How To use libraries and framework in Codepen

Nishtha Neeraj Kushwah ・ Jul 2 ・ 2 min read

How To use libraries and framework in Codepen

Nishtha Neeraj Kushwah ・ Jul 2 ・ 2 min read

How to make Custom Scrollbar using Pure CSS

How To use libraries and framework in Codepen

Table Of Contents

What is Codepen?

How To add CSS Frameworks

Done Now You can use your linked stylesheet in your codepen project as usual now do same for javascript

How To add JS Libraries