DEV Community: Web_Codr

Digital Ocean the Best Cloud hosting?

Web_Codr — Sat, 13 Nov 2021 07:37:27 +0000

TL;DR

Use this link and signup to digitalocean and get $100 credits for 60 days: https://m.do.co/c/270b2fa5ab05

What is Digital Ocean?

Digital Ocean is cloud hosting company that provides completely unmanaged VMs and if you are a developer you will just love it.

The setup is easy as they have plenty of documentation for setting up the server, managing the server etc etc.

I am using Digital Ocean for more than 6 months now and I have not face any performance issue till now.

P.S: I have hosted my website Code With Bishal on Digital Ocean.

Ease of use

Digital Ocean offers droplets of various OS such as Ubuntu, Debian, Cent OS, Rocky Linux, FreeBSD, Fedora which you can choose while creating the droplet or VM.

Pricing

Here comes the most important part of this article, the pricing. Digital Ocean provides a variety of pricing options starting from $5/month. You can choose your droplet based on your usage.

Thanks for reading this article, you can comment down below if you have any questions. If you want to checkout programming blogs you can checkout & signup to my website Code With Bishal

How to make a vaccine tracker using CoWin public API

Web_Codr — Sat, 05 Jun 2021 06:31:30 +0000

In this blog I have shown how can you create a simple vaccine tracker using Cowin Public API. The coding language used in this tutorial is PHP - cURL. All the source code and can be downloaded or copied from the link below
Vaccine tracker using CoWin API
View More :

At first, on our webpage, there is a preview of our vaccine tracker, then there are a few QNA and an overview of the blog. There is a button to copy and Download the codes.

You can view, copy and download the source code files through the link given below. View and Download Source Code

Top 3 CSS effects for beginners

Web_Codr — Wed, 17 Mar 2021 08:46:51 +0000

All the credit goes to Code With Bishal
Hey Guys, Welcome to my new post in Dev to, in this post I will show you how you can create great CSS animations that you can put on your website or in your portfolio. These are the top 3 CSS effects/animation of February 2021 which a beginner can make.
Why you should read this Blog?
i. You should read this blog because you will find the top 3 CSS effects which you must use in a website or keep in your portfolio in February 2021.
ii. You can download the codes (for free) by visiting the particular post.
iii. There are images with every post to give you an idea of how it looks.
iv. Registering to the site will be appreciated

1) Responsive login form

Preview: https://codewithbishal.com/example/css-login-form or click here

2) Responsive Movie Ticket using CSS

Preview: https://codewithbishal.com/example/css-movie-cards or click here

3) Responsive Contact US Form

Preview: https://codewithbishal.com/example/contact-us-form-using-html or click here

Top 3 CSS effects for beginner

Web_Codr — Sun, 14 Mar 2021 19:36:23 +0000

1) Button glowing effect.

Preview: https://codewithbishal.com/example/css-button-glow-effect or click here

2) Responsive Image Gallery [Made using CSS grid]

Preview: https://codewithbishal.com/example/responsive-image-gallery or click here

3) Responsive Column cards [can be used to show blogs]

Preview: https://codewithbishal.com/example/how-to-create-responsive-column-cards or click here

Responsive login form using HTML and CSS

Web_Codr — Sat, 13 Mar 2021 20:28:56 +0000

The login form is a very important part of a website it helps people log in to your website. In this blog post, I will show you how you can create a login form using CSS that you can use onto your website.
View it on our website(Responive login form)
View More :

At first, on our webpage, there is a preview of our login form, then there are a few QNA and an overview of the blog. There is a button to copy and Download the codes (HTML and CSS). You can also try it on our website.

You can view and copy and download the source code files through the link given below. View and Download Source Code

Responsive login form using HTML and CSS

Web_Codr — Sat, 13 Mar 2021 20:24:56 +0000

You can view and copy and download the source code files through the link given below. View and Download Source Code

CSS typing animation

Web_Codr — Fri, 12 Mar 2021 17:29:29 +0000

Typing animation is another great animation by CSS. Though this can also be created through JavaScript. But in this blog post, I will show you how you can create a CSS typing animation effect. If you use this code you don't have to use javascript.
View it on our website(Responive cards)
View More :

At first, on our webpage, there is a preview of our CSS typing animation, then there are a few QNA and an overview of the blog. There is a button to copy and Download the codes (HTML and CSS). You can also try it on our website.

You can view and copy and download the source code files through the link given below. View and Download Source Code

How to create CSS movie tickets | CSS Effects

Web_Codr — Wed, 03 Mar 2021 15:06:42 +0000

The Movie Ticket is made with HTML and CSS. It is very useful to show sell movie ticket online or to attract viewers.
View it on our website(Responive cards)
View More :

At first, on our webpage, there is a preview of our responsive movie ticket, then there are a few QNA and an overview of the blog. There is a button to copy and Download the codes (HTML and CSS). You can also try it on our website.

You can view and copy and download the source code files through the link given below. View and Download Source Code

Responsive Image gallery with CSS animation effect

Web_Codr — Mon, 22 Feb 2021 19:18:59 +0000

The responsive Image gallery is made with HTML and CSS. It is very useful while creating a gallery. A gallery in a website or portfolio looks great and attract more people.
View it on our website(Responsive gallery)
View More :

At first, on our webpage, there is a preview of our responsive gallery, then there are a few QNA and an overview of the blog. There is a button to copy and Download the codes (HTML and CSS). You can also try it on our website.

You can view and copy and download the source code files through the link given below. View and Download Source Code

Top JavaScript Projects for beginners

Web_Codr — Sun, 14 Feb 2021 15:26:21 +0000

Credits for these projects goes to Code With Bishal.
All the source code and the demo will be available here

Here are a few beginners friendly JavaScript projects which you can start right away.
1) Animated hamburger menu [Responsive]

Preview / Download

What you will build: Using this code you can build a navbar menu with animation. the navbar is responsive and very easy to make. You can download the source code or preview it to get started. Languages used in this code are HTML, CSS, and JavaScript.

2) Generate Random password using JavaScript [Responsive]

Preview / Download

What you will build: Using this code you can build a random password generator. The password generated here is 8 digits long. You can download the source code or preview it to get started. Languages used in this project are HTML, CSS, and JavaScript.

3) Create responsive accordion using JavaScript [Responsive]

Preview / Download

What you will build: Using this code you can build an accordion. The accordion that you can create using this code is very useful. You can easily hide content inside the accordion and the content will be revealed if someone clicks on it. You can download the source code or preview it to get started. Languages used in this project are HTML, CSS, and JavaScript.

4) Image gallery with filter option [Responsive]

Preview / Download

What you will build: Using this code you can build a gallery with a filter effect. The gallery created with this code will create a gallery with a filter effect. You can filter the images using the buttons. You can download the source code or preview it to get started. Languages used in this project are HTML, CSS, and JavaScript.

5) List with drag effect [Responsive]

Preview / Download

What you will build: Using this code you can build a list with drag effect. The list created with this code builds a list that you can drag. You can use this as your task manager where you can prioritize your tasks. Languages used in this project are HTML, CSS, and JavaScript.

Note: Some posts may not have a download option but all the posts have the option to copy the source code.
Thumbnail credits: Pexels - pixabay

Responsive Navbar with animation

Web_Codr — Thu, 11 Feb 2021 20:05:23 +0000

The responsive card is made with HTML and CSS. It is very useful to show blog posts and it has hover effects.

View it on our website(Responive cards)
View More :

At first, on our webpage, there is a preview of our responsive cards, then there are a few QNA and an overview of the blog. There is a button to copy and Download the codes (HTML and CSS). You can also try it on our website.

You can view and copy and download the source code files through the link given below. View and Download Source Code

Responsive card using CSS

Web_Codr — Mon, 01 Feb 2021 18:21:04 +0000

The responsive card is made with HTML and CSS. It is very useful to show blog posts and it has hover effects.

View it on our website(Responive cards)
View More :

You can view and copy and download the source code files through the link given below. View and Download Source Code