DEV Community: Shahriar Shakil 👨‍💻

Free Download Astra Premium Sites Plugin

Shahriar Shakil 👨‍💻 — Mon, 27 May 2024 11:40:14 +0000

Astra Premium Sites is a library of ready-to-use full website templates built with Beaver Builder and Elementor page builders. You need to have Astra WordPress theme (free) and Astra Pro in order to use this plugin.

No Spam or Click Bait.
Download Link

How to Fix IntegrityError or Not Null Constraint Failed in Django

Shahriar Shakil 👨‍💻 — Thu, 26 Jan 2023 20:21:47 +0000

Learn how to fix integrity errors or not null constraint failed in Django. You can easily fix this error just avoid 2 simple mistakes.

I'm a full-time freelance contractor and available for hire.

My Expertise:

-- Web Design,
-- Web Development
-- WordPress
-- Python
-- Graphic Design

For business queries:
wpcodersclub@gmail.com

Please subscribe to my channel for more amazing tuts.

Thanks for watching

How to Change Place Order Button Text Based on Payment Gateways @ WooCommerce Checkout Page

Shahriar Shakil 👨‍💻 — Mon, 25 Jul 2022 17:08:00 +0000

Today, I will show you the easiest way to dynamically and conditionally Rename Place Order Button Text Based on Payment Gateways @ WooCommerce Checkout Page.

Download Source Code from Here:

Source Code

How to Disable Directory Browsing in WordPress

Shahriar Shakil 👨‍💻 — Tue, 12 Jul 2022 09:12:43 +0000

Do you want to disable your wordpress directory browsing? then you're at the right place. In this video, I will show you how to disable your WordPress Directory Browsing with a Single line of code 😁

How to Move WordPress Posts to Blogger | Import Posts from WordPress to Blogger

Shahriar Shakil 👨‍💻 — Tue, 28 Jun 2022 19:57:41 +0000

Hey,
wants to import your wordpress posts to blogger? Then this video is for you. In this video, I will show you how to export your wordpress posts and import them to your blogger website.

Avoid These 1 Mistakes to Optimize Your Website Speed (Easy Guide)

Shahriar Shakil 👨‍💻 — Sat, 11 Jun 2022 02:42:48 +0000

In this video, you'll learn how to optimize your website speed within a few minutes. Avoid These 1 Mistakes to Optimize Your Website Speed (Easy Guide) and It's a super simple way to do this.

Is website speed affect search engine rank?

The simple answer is that page speed does affect SEO. Page speed is a direct ranking factor, a fact known even better since Google's Algorithm Speed Update.

How much does page speed affect SEO?

A good page speed for SEO is three seconds or less. A fast-loading page speed will help your SEO efforts, as Google rewards fast sites over slow ones. Keep in mind mobile page speed as well in your optimization efforts.

Why does site speed Matter in SEO?

Poorly performing sites that render slowly in a browser can drive users away.

Creative CSS Profile Card Hover Effects | Simple CSS Card Hover Effects

Shahriar Shakil 👨‍💻 — Fri, 10 Jun 2022 15:59:17 +0000

Few days ago I posted before published my new tutorial and I got some suggestion to change card background color and today I'm publishing my new CSS tutorial.

Creative CSS Profile Card Hover Effects Using Pure HTML and CSS Only | CSS Profile Cards UI Design

Shahriar Shakil 👨‍💻 — Sun, 05 Jun 2022 21:42:51 +0000

Hello Everyone,
Before publishing my new tutorial about CSS Profile Card Hover Effects Using Pure HTML and CSS Only I want all of your opinions. Please check out my new CSS profile card hover animation demo and let me know should I publish it on YouTube or not? I will appreciate all of your opinions. Your feedback is really important to me.

Thanks.

Amazing CSS 3D Menu Hover Effect | CSS 3D Navigation Animation

Shahriar Shakil 👨‍💻 — Sun, 29 May 2022 19:22:20 +0000

Click Here for More: https://www.youtube.com/channel/UCX9gxQCJTnkb0-fw_3SUkhQ

Amazing CSS 3D Menu Hover Effect | CSS 3D Navigation Animation

In this video, we are going to see how to create an amazing CSS 3D Menu Hover Animation. It's completely made with pure HTML and CSS. Website Navigation is the first thing that visitors will see and if you can create a navigation menu unique with cool animation then your visitor will love it.

Animated Circular Navigation Menu using Pure Html & CSS Without JavaScript

Shahriar Shakil 👨‍💻 — Sat, 28 May 2022 19:03:51 +0000

Animated Circular Navigation Menu Using Pure HTML & CSS | CSS Circular Menu

Graphics Designers Should Bookmark These 5 Free Stock Images Sites

Shahriar Shakil 👨‍💻 — Wed, 27 Apr 2022 21:04:55 +0000

A Graphic designer is just not a designer only. Through a graphic designer, a company would be known by the world based on its Brand Logo. A Logo is an essential part of every company whether it’s small or large.

As an example: You cannot find a people in the world who doesn’t know Coca-Cola company. People can easily recognize the coca-cola company with its logo. The Coca-Cola Company logo is made by a graphic designer called Frank M Robinson. Some people might know his name and some don’t. But this is the universal truth.

Frank M Robinson is a creative graphic designer and the original designer of the coca-cola logo.

So, why I’m saying you about Frank M Robinson is because of his creativity people know his name.

If you are a graphic designer then you should bookmark these 5 stock image sites immediately. These 5 amazing free stock image sites will help you to improve your productivity.

Here is the list of top 5 free stock image sites for educational use and Commercial use.

Free stock images

1/ Pexels

As per free stock sites, we think Pexels is one of the best with a large community of photographers and videographers. They are constantly donating their work for everyone to download and use, royalty-free, it’s also the first to respond to current affairs, providing the images we might need to illustrate our timely projects.

Site Reference: Pexels.com

2/ StockSnap.io

StockSnap.io is best known for its high-quality stock images. You don’t need to use a credit card and they always welcome you.

Site Reference: StockSnap

3. Unsplash

Unsplash is a stock photo site. With a friendly community of photographers. All uploading free stock pictures for you to download and use it. A must for any discerning designer.

Site Reference: Unsplash.com

4. Pixabay

Pixabay is a free stock image site with a creative community sharing free stock images without copyright.

Site Reference: Pixabay

5/ Vecteezy

Vecteezy is free royalty use, stock photo site where you can download all images for educational use and commercial use.

Site Reference: Vecteezy

Beginners Guide: How To Learn Web Design in 2022 - Become web design with by following this simple steps

Shahriar Shakil 👨‍💻 — Fri, 22 Apr 2022 19:19:48 +0000

Ultimate Beginners Guide: How To Learn Web Design in 2022 - Become web design with by following this simple steps

We are constantly browsing numerous websites. Every website is different. The size, shape, and text of the website are all different. Simply put, web designing is the process of turning a certain number of text and images into a complete website with the help of Photoshop, HTML, and CSS.

Every website is built with the help of HTML and CSS. Therefore, if you know HTML and CSS, you can create a static website.
So what are HTML, and CSS?

These two are web programming languages or website creation languages by which you can do web designing. And Photoshop is an image editing software that allows you to re-design your website. Later with the help of HTML and CSS, he will be able to convert the design into a website.

This post was originally published on: WP Coders Club

Why we will learn:

If you want to build a career online then you must have an idea about HTML and CSS. No matter where you work, HTML and CSS will work for you. And if you want to build a career in web development, then you must learn. Web designing is the first step in learning web development.

Suitable for whom:

For people who love to browse the website and you are interested in the mind, you need to know how the website was created. Then there is no doubt that you can do well in this sector. I always take my interests very seriously.

What is the demand of the market?

There is a huge demand for web design in the market. But if you only learn web design then you are more likely not to get the job. You need to learn how to create dynamic websites. This means you have to learn web development. If it becomes quite difficult, you can learn WordPress in a simple way. WordPress is a web content management system. By which you can easily create a dynamic website.

What is the probability of income?

It all depends on your experience. In my opinion, learning web designing alone is not enough. Even if it is, it is quite troublesome. I would definitely recommend learning web design as well as WordPress. Then it is possible to earn $500 a month.
What are your qualifications and how long will it take to learn web design?

No qualifications are required. Your willpower is enough. Anyone can learn web design if they want. And learning web design can take up to 3 months like brand new. However, with a little more time, it is possible to master HTML and CSS well in 2 months. Remember, however, that web design is closely linked to web development. Although it takes less time to learn web designing, it can take up to 2 years to learn web development.

Let's see how you have to learn this time:

You must first learn HTML. After that, he has to learn CSS. The best way to learn HTML and CSS is to watch the tutorial and practice it right away. You can learn HTML and CSS from the playlist below.

Link: HTML Full Course - Build a Website Tutorial by Giraffe Academy

Basic Web Design Course by Easy Tutorials

Link: How To Make Website Using HTML & CSS | Full Responsive Multi-Page Website Design Step by Step

Also Check: How To Write a Proposal to Get a Job

After learning basic HTML, and CSS from here, you need to learn how to make PSD to HTML. PSD is a Photoshop file that you need to create a website by looking at it. So let's not know how to learn PSD to HTML.

PSD To HTML Course:

Link: PSD to HTML - Full project By Jong-Yoon Kim

[PSD to HTML - Full project]

Link: Convert PSD to HTML By Ali Hossain

If you are new to Photoshop, you can learn the basics of Photoshop here.

1. Basic Adobe Photoshop Tutorial by Envato Tuts+

Link: Photoshop for Beginners - Free Course

Also Check: How to Do Market Research

After learning these you need to learn Twitter Bootstrap. Which will greatly increase the speed of your work. You can learn Twitter Bootstrap from here.

Bootstrap 4 Framework Tutorial by FreeCodeCamp

Link: Bootstrap CSS Framework - Full Course for Beginners

Create a Responsive Website Using Bootstrap

So, Let's know which websites you have to follow to learn web design

1/ W3Schools

This is called the Bible of web design learning. Because from this website you can learn everything about HTML and CSS.

2/ Get Firebug

If you are using the Mozilla Firefox browser then you need to use this add-on for Inspect Element.

3/ Bootstrap

This is a framework. A great framework. Which will change your web designing experience. Of course, you have to learn it.

4/ Fontaswesome.io

There is no pairing of this website for using any icon as a font. Don't try once.

5/ Google Fonts

From this website, you can download Google Fonts for your website.
Another great website for downloading fonts.

7/ Icons Site

These websites are quite useful for finding icons. You can find and use any icon. In a word, great.

8/ Code Editors Sublime Text

This is the best code editor for beginners.

9/ Codepen.io

A great website. So you get a lot of coded code. Completely free.

10/ CSS Tricks

When you learn to code, you will get a lot of readymade code from here. Very funny website

11/ OS Templates 12/ Template.net

You can download free PSD files from these two websites to practice.

12/ Template.net

You can download free PSD files from these two websites to practice.

13/ Beautifier

After writing the code, you can use this website to sort it out better. Great website

14/ W3 Validator

You can check whether your written code is valid from this website.

Where to get work:

As I said before, just learning HTML and CSS doesn't do much. Because now everyone wants to create a dynamic website. So you have to learn to be dynamic. Otherwise, you will not be able to do perfect coding. Because when coding HTML and CSS, you have to keep in mind the dynamics. If not, there is a lot of trouble in doing dynamically. Hope you understand the matter. Find out where you can still find work.

Upwork
Fiverr
Freelancer
Themeforest

What to do to get a job:

You need to show your client an example of your previous work. This is called a portfolio. The more professional your portfolio, the sooner you will get the job. In this case, you can buy a domain or host and upload the templates you have created, and put them with the link. This will give your clients a better idea of your skills.

Creating a portfolio website with WordPress is very easy.
If you want to keep yourself updated, you need to browse some websites:

Shape Bootstrap

This is a great website for Bootstrap templates. You can get many ideas from this website. The funny thing is that the owner of this website is Bangladeshi. However, this website is one of the best websites in the world.

Site Templates

You will find a professional website template on this site.
These websites need to be followed regularly when you are advanced. To keep up to date with the latest news.
Thanks For Your Interest.

Originally published at https://wpcodersclub.com on April 20, 2022.

DEV Community: Shahriar Shakil 👨‍💻

Free Download Astra Premium Sites Plugin

How to Fix IntegrityError or Not Null Constraint Failed in Django

How to Change Place Order Button Text Based on Payment Gateways @ WooCommerce Checkout Page

How to Disable Directory Browsing in WordPress

How to Move WordPress Posts to Blogger | Import Posts from WordPress to Blogger

Avoid These 1 Mistakes to Optimize Your Website Speed (Easy Guide)

Is website speed affect search engine rank?

How much does page speed affect SEO?

Why does site speed Matter in SEO?

Creative CSS Profile Card Hover Effects | Simple CSS Card Hover Effects

Creative CSS Profile Card Hover Effects Using Pure HTML and CSS Only | CSS Profile Cards UI Design

Amazing CSS 3D Menu Hover Effect | CSS 3D Navigation Animation

Animated Circular Navigation Menu using Pure Html & CSS Without JavaScript

Animated Circular Navigation Menu Using Pure HTML & CSS | CSS Circular Menu

Graphics Designers Should Bookmark These 5 Free Stock Images Sites

1/ Pexels

2/ StockSnap.io

3. Unsplash

4. Pixabay

5/ Vecteezy

Read More Articles at WP Coders Club

Beginners Guide: How To Learn Web Design in 2022 - Become web design with by following this simple steps

Why we will learn:

Suitable for whom:

What is the demand of the market?

What is the probability of income?

Let's see how you have to learn this time:

Where to get work:

What to do to get a job: