In this blog, we will learn how to use clip-path and also cover inset(), polygon(), circle(), and ellipse() method .

Clip-path is a CSS property that creates a clipping field that sets which part of a component should be shown and which other parts are hidden. The inside of the clipped area is shown, while the outside is hidden.

CSS Property clip-path creates shapes by clipping an element. It clips some regions of an element to create new shapes. The most used method for clip-path is polygon(), circle(), and ellipse().

These shapes can be created using basic shape functions.The basic shape functions are listed below:-

• inset()
• polygon()
• circle()
• ellipse()

inset()

The inset () function allows you to clip a component from around the coordinate system. The result is a visible rectangle. you can assign values to the margin or padding and border-radius property. but two value limited in rounded corners.the first value is assigned to the top left corner and the bottom right corner, and the second value is assigned to the top right corner and the bottom left corner.

polygon()

To design or clip the rectangular parts of the viewport, we use the polygon () method. Polygon is the most commonly used method in clip-path. We can construct any shape using the polygon method.

circle()

The below image is created by using the clip-path method circle(50% at 50% 50%). In the circle(val1 at var2 var3), val1 is the size of the radius of the circle, and val2 and val3 are the positions of the center. val2 represents the position of the center from the left of the viewport, val2 represents the position of the center from the top of the viewport.

ellipse()

Below image is created using clip-path method ellipse(25% 40% at 50% 50%). In ellipse(val1 val2 at val3 val4) val1 and val2 are the horizontal and vertical distance from the center. val3 and val4 is the position of center.

Resources

I recommend you visit this link to play with the clip-path CSS property. You will see different types of shapes from this link. It's an imaginative place. You can customize your shape.

What we are going to cover

• Introduction
• What is SWOT Analysis?
• Why perform the SWOT Analysis?
• Factors

1. Introduction

What to do to be successful in any business? The obvious answer is Strategic Planning. Strategic Planning should be there. There are numerous tools and techniques for Strategic planning but one simple and effective framework is SWOT Analysis, it's also known as SWOT Metrix.

2. What is SWOT Analysis?

• SWOT Analysis is one of the most commonly used tools to assess the internal and external environment of the company.

• SWOT Analysis is a part of the company's Strategic Planning Process and Decision Making Process

• SWOT Analysis can be done for an entire organization, Individual, particular Project, Product, industry.

• SWOT Analysis plays a significant role in Decision making as it introduces opportunities to the company and it is the "Forward-Looking Bridge" to generate Strategic alternatives.

• SWOT Analysis is a Two-by-Two grid form, in this diagram, in particular, each quadrant identifies strengths, weaknesses, opportunities, and treats.

3. Why SWOT Analysis?

Another question is why SWOT Analysis is significant?

Undoubtedly, the answer is SWOT Analysis allows you to identify-

• What your organization does well
• Where it could improve
• What Challenges your business is facing.
• What Opportunities are available and it would be helpful in upcoming years

After Identify these things you would be able to-

• Develop and implement Roadmaps
• Timelines for potential Solutions
• Budgetary plans
• Manpower Requirement
• Mid to long term strategic planning

I guess it's enough to understand the SWOT Analysis let's move ahead with the explanation of SWOT Analysis

4. Factors

SWOT Analysis Framework has two dimensions.

• INTERNAL FACTORS
• EXTERNAL FACTORS

1. INTERNAL FACTORS

Internal factors are the strengths and weakness

• Strengths ( Internal Positive Factor)
• It gives the business its competitive advantages. Weakness (Internal Negative Factor)
• It gives the business its weak points that a company needs to overcome to improve its performance.

Internal Factors include:

• Company Culture
• Company Image
• Organizational Efficiency
• Operational Capacity
• Brand Awareness
• Market Share
• Financial Resources
• Key Staff
• Organization Structure.

2.EXTERNAL FACTORS

External factors are Opportunities and Threats.

Opportunities (External positive Factor)

• It is an element that the company can see in the outside environment where the company can see that could pursue in future to generate revenue.

Threats (External Negative Factor)

• It's the element in the External environment that can prevent achieving its Goals or its mission or generate revenue or creating value

External Factors include-

• Customers
• Competitors
• Economic Environment
• Government Rules and Regulations
• Partners
• Market Trends

To know more about the SWOT Analysis, kindly read my upcoming Blog.

What is a PWA?

A Progressive Web App (PWA) is a hybrid of a regular web page and a mobile application. A PWA combines features offered by most modern browsers with the benefits of the mobile experience. They are built using standard web technologies, including HTML, CSS, and JavaScript. The functionalities include working offline, push notifications, and device hardware access and enabling creating user experiences similar to native applications.

How to make a PWA

Following Below steps

• Create an app manifest.json file
• Add it to your base HTML template
• Create the service worker
• Serve the service worker on the root of the scope you used in the manifest
• Add a block to your base HTML template file
• Site deploy in your server

Create an App Manifest

• Add the following information in 'manifest.json'

 {
    name: `Name`,
    short_name: `Sort name`,
    start_url: `/`,
    display: `standalone`,
    icon:  `Favicon icon`,
    icons: [
       {
        "src": "icon by size",
        "sizes": "144x144",
        "type": "image/png",
        "purpose": "any"
      },
      {
        "src": "icon by size",
        "sizes": "192x192",
        "type": "image/png",
        "purpose": "maskable"
      },
      {
        "src": "icon by size",
        "sizes": "512x512",
        "type": "image/png",
        "purpose": "maskable"
      }
    ],
  theme_color: `Theme color`,
  background_color: `Background color`,
  ]
 }

• Manifest.json file in add this type of code including name, short_name, start_url, display, icon, icons, theme_color, background_color.

Add the Manifest to Your Base HTML Template

• Add the following line in yore 'index' file

Create offline.html as an Alias to index.html

By default, the service worker code below will render /offline.html instead of any resource it can't fetch while offline. Create a file at /offline.html to give your user a more helpful error message, explaining that this data isn't cached and the user is offline.

Create a Service Worker

• Create one file in yore root (sw.js)
• Link the sw.js file in the body tag

We have created some pages like

1. Home page (/)
2. Blog page (/blog)
3. Contact information (/contact)
4. Resume (/resume)
5. offline.html

• Add the code in your sw.js file

self.addEventListener("install", function(event) {
   event.waitUntil(preLoad());
});

 var preLoad = function(){
  return caches.open("offline").then(function(cache) {
    return cache.addAll(["/blog/", "/blog", "/", "/contact", 
 "/resume", "/offline.html"]);
    });
 };

 self.addEventListener("fetch", function(event) { event.respondWith(checkResponse(event.request).catch(function() 
  {
     return returnFromCache(event.request);
   }));
   event.waitUntil(addToCache(event.request));
  });

  var checkResponse = function(request){
   return new Promise(function(fulfill, reject) {
     fetch(request).then(function(response){
       if(response.status !== 404) {
         fulfill(response);
       } else {
         reject();
       }
     }, reject);
   });
  };

  var addToCache = function(request){
   return caches.open("offline").then(function (cache) {
     return fetch(request).then(function (response) {
       console.log(response.url + " was cached");
       return cache.put(request, response);
     });
   });
  };

  var returnFromCache = function(request){
   return caches.open("offline").then(function (cache) {
     return cache.match(request).then(function (matching) {
      if(!matching || matching.status == 404) {
        return cache.match("offline.html");
      } else {
        return matching;
      }
     });
   });
  };

• Servicer worker file add your body tag

load the service worker file in

Last step

• Deploy code in yore live site
• Create lighthouse report and check PWA

Email marketing is an effective way to increase your sales. Email marketing is an easy way to sell your product without any charge with a high ROI.

People said the email marketing technique is not useful to sales. but it’s not real today in 2021 almost all people use email. So we can easily reach out to them and increase sales using email marketing.

First, know the term What is email marketing?

• Email marketing is an effective digital marketing strategy to sending emails to customers related to product sales and increase sales using email marketing.

The importance of email marketing for increase sales

Email marketing is the two-way communication channel

• Email marketing is the two-way communication channel where people send a reply back to your mail easily so communication is faster and you can easily sell your product and increase sales using email marketing

Your own email list

• In some social media, sometimes your account is banned with large community fans but email marketing is the only way to create your own email list so no one can ban you or nobody can your leads away from you.

Email use for better conversion

• Email marketing has a huge ROI(Return of Investment) of 4400%. No one social media has a huge ROI like email marketing. Do you think to increase your sales using email marketing?
• Every people wants to increase sales using email marketing with high profit.

4 Ways to do email marketing and increase your sales

Built an email list

• Built an email list of subscribers who interesting in what you offering. The best way to create an email marketing list is to create a personal audience and send mail to them.

• First, think email list all person is your customer and some of them from different niche. They don’t like to receive from unrelated or different topics for a niche.

• So, Built an email list who have interested in your product.

Maximize your email list

• You know more people coming out to your website, offer the customer free templates, checklists, eBooks, etc.

• The most ideal approach to create drives that are really inspired by your item is by offering a lead magnet that tackles an issue for customers. For the most part, lead magnets are digital books, agendas, or exhaustive aides that your crowd can use to determine a problem area identified with your business.

Segment your lead list

• Do not directly sell your product because nobody can purchase a product for you.

• First, know the customer interest and send 4 to 5 emails or offer some on your product.

• After customers convince about your product then sell your product.

Ensure email is delivered or not

• After sending an email know email is delivered or not.

• Is the best way to increase sales using email marketing

One of my tasks today was to create a banner and I thought to myself which software should I choose Adobe Photoshop or Illustrator and yes it is obvious that I have chosen Adobe Illustrator and later I decided to write you an article saying that you need Adobe Illustrator To convince you about why you should learn. You are a graphic designer or web developer.

The Big Muscles to Adobe Illustrator

You may think that learning Adobe Illustrator in 2021 is pointless since most of the work can be done on Adobe Photoshop, and with the release of Adobe XD there can be all layouts and planning. What does it mean after all? Well here are some of the things Adobe Illustrator does best but first

What is Adobe Illustrator?

Adobe Illustrator is software developed and published by Adobe Inc. since 1987. At first, it was only available for Mac but in later years it was also available for Windows. It is used to create vector scalable graphics.

What is Vector Graphic you ask?

There are two types of 2D graphic vector and raster. 

Raster Graphics

Raster graphics are made up of a grid of pixels, each of which can have a different color. The main drawback of this is that it can only be made smaller (the size can be reduced) but if you try to increase the pixels and the image will become blurred. Ex: Digital photographs, icons, etc. 

Adobe Photoshop is a raster graphic software used for editing these types of images.

Vector Graphic

Vector graphics are made in a simple way that can create shapes, letters, or any other line objects. They follow mathematical formulas that provide information about these lines, such as colors, and what shapes to form. This type of graphics can be measured infinitely and it will never lose design.

Now since that’s out of the way let’s get back to our main topic

Best for designing Logo

It is always better to design the locator in vector format so that you can resize any color as you like. Customers always zoom in, check out the detailed view of the logo, the vector graphic is easy to customize.

Exported to SVG

One of the best things about Adobe Illustrator is that it can be exported directly in the form of SVG so you don't have to worry about the best resolutions for websites.

Web Designing

Adobe Illustrator is really the best way to create wireframes (the basic structure of a website or application) and lay it out and has many built-in features to do so.

Create your custom font, cartoons, and artworks

Ever seen stylish-looking text or artwork on Instagram or any social media platform and wonder if I want to create something like that, but don’t know how? Here's your

answer: Learn Adobe Illustrator and you will be able to do it with practice.

How to make the font a font 

• Sketching: Sketch the letters by hand.
• Tracing: Use the scanner to get that image into the system and open that image in Illustrator. Now trace the letters with the pen tool.
• Reorganizing: Accurate, readability, and Corning images you are looking at are refined and organized.
• Saving: Save the glyph and export it using additional plug-ins.
• Using: Put that new brand into your new design for good use.

Patterns with just a few repeats

Illustrator is the ACR of creating peters with repeat options. You repeat, reflect, and ask for spas between objects and your pattern is ready.

The Infographic

Infographics are a very popular way to illustrate a topic with shapes, budgets, some data, and text. Creating charts in Adobe Illustrator is easy just need to enter and complete some values. Infographics can be easily designed in Illustrator. This infographic is also saved in EPS format which is best for printing.

Easy to Learn 

Trying to learn Adobe Photoshop, your first week will be literally the hardest learning of all those shortcuts while learning Adobe Illustrator is fairly easy. No need to create new layers every time, in Adobe Illustrator you just do your work because you like that the whole screen is your work area (inside or outside the artwork).

In other words, what I'm trying to say is that Adobe Illustrator is software that can be used in most scenarios and gives you the freedom to express your creativity without having to wonder how color can fill in the blanks.

But if you want to add another project as a library in your application. For that, you need to add that library project to your application as a module dependency.

1. Open Your Project in Android Studio.

2. You will find the two main directory name samples and others.

3. Go to Android Studio and navigate to File -> New -> Import Module -> Select the library path -> Finish.

4. Import-Module form Directory.

5. Then right-click on the App directory -> Open Module Settings -> Dependencies -> Click on + button inside Declared Dependencies -> Module Dependency -> Select your library -> Ok.

Another way to add Module Dependency:-

• Open build.gradle Of the main module

  dependencies {
  
  implementation project(":sample")
  
  }

There can be a situation when we need to modify the library code according to our requirement then in that case we can follow this method.

Hi everyone, in this post, we will discuss Room Database in android java.

Below are all steps covered in this blog

• How to use the Room database
• How to add Room Database in android studio
• Insert,Update,Delete record
• How to pass query in Database

What is Room?

• The Room strong library provides an abstraction layer over SQLite to allow for more robust database access while harnessing the full power of SQLite.
• Normally Room database is fast created and has good performance like reading, update and deleted records. Room Database makes everything easy and fast
• Room Database more detail open this link: https://developer.android.com/training/data-storage/room/

Components of Room Here room have main 3 components

Entity:

• Instead of creating the SQLite table, we will create the Entity. An entity is nothing but a model class annotated with @Entity. The variables of this class are our columns, and the class is our table.

Database:

• It is an abstract class where we define all our entities.

DAO:

• Stands for Data Access Object. It is an interface that defines all the operations that we need to perform in our database.

Demo App Create

• First, we create a new project in android studio.
• Name of my project "Room DataBase"

Adding Dependencies

• Add needed dependencies for room database.
• Android studio in this file in add dependencies "build.gradle".
• See the below image and add the latest version room database replace here "$room_version" add original version

First we will create DAO class:

• This DAO class-main work intermediary between the user and database. All performed operations define here.

• Below create StudentDao class

  @Dao
  public interface StudentDao {
  
  @Query("SELECT * FROM Student")
  List<Student> getAll();
  
  @Insert
  void insert(Student student);
  
  @Update
  void updateTask(Student student);
  
  @Delete
  void deleteTask(Student student);
  }

Nowhere explain all components of StudentDao Class

• Compulsory add class upper "@Dao" keyword
• Three methods create insert, update, delete
• Most important thing here is "@Query"

What is Query?

• Using query get database exiting record.
• @Query("SELECT * FROM Student") this query get all student record.
• But the user wants to get the only the stander is "5" student record only get how to pass query?

    @Query("SELECT * FROM STUDENT where std = :std")

    List<Student> dataCheck(String std);

• Here "std" id table field name
• Call this method "data check(String std)" pass a string in "5" and database in getting only 5 stander student record
• so this concept use the query parameter

Second steps create student model class

@Entity(tableName = "student")
public class Student implements Serializable {

@PrimaryKey(autoGenerate  = true)
private int id;

@ColumnInfo(name = "std")
private int std;

@ColumnInfo(name = "name")
private String name;

public int getId() {
    return id;
  }

public void setId(int id) {
    this.id = id;
  }

public int getStd() {
    return std;
  }

public void setStd(int std) {
    this.std = std;
  }

public String getName() {
    return name;
  }

public void setName(String name) {
    this.name = name;
  }
}

• PrimaryKey : auto increment values
• tableName : user want to set table name
• ColumnInfo : give tabel in columns name

Third steps Create Database class:

@Database(entities = {Student.class}, version = 1)
public abstract class AppDatabase extends     RoomDatabase {
public abstract Student studentDao();
}

• User want to add multipal table how can add like that:

  @Database(entities = {Student.class,Abc.class,Xyz.class}, version = 1) public abstract class AppDatabase extends RoomDatabase { public abstract Student studentDao(); }

• So create a new model class like Abc.class and Xyz.class etc same method use.

Fourth step insert,update and delete record create separate method:

• But implements upper all method in understanding asynctask
• You not known whats is asynctask first open this link and check it: https://developer.android.com/reference/android/os/AsyncTask
• how we will create a common class method insert,update, delete

 public class InsertUpdateDeletRecord {

    private String DB_NAME = "db_task";

    private Student Student;
    public studentRepository(Context context) {
        Student = Room.databaseBuilder(context, Student.class, DB_NAME).build();
    }

    public void insertTask(String std,String name) {

        insertTask(std, name);
    }

    public void insertTask(String std,String name) {
        Student student = new Student();
        student.setstd(std);
        student.setname(name);

        insertTask(student);
    }

    public void insertTask(final Student student) {
        new AsyncTask<Void, Void, Void>() {
            @Override
            protected Void doInBackground(Void... voids) {
                Student.daoAccess().insertTask(student);
                return null;
            }
        }.execute();
    }

    public void updateTask(final Student student) {
        student.setModifiedAt(AppUtils.getCurrentDateTime());

        new AsyncTask<Void, Void, Void>() {
            @Override
            protected Void doInBackground(Void... voids) {
                Student.daoAccess().updateTask(student);
                return null;
            }
        }.execute();
    }

    public void deleteTask(final int id) {
        final LiveData<student> task = getTask(id);
        if(task != null) {
            new AsyncTask<Void, Void, Void>() {
                @Override
                protected Void doInBackground(Void... voids) {
                    Student.daoAccess().deleteTask(task.getValue());
                    return null;
                }
            }.execute();
        }
    }

    public void deleteTask(final student student) {
        new AsyncTask<Void, Void, Void>() {
            @Override
            protected Void doInBackground(Void... voids) {
                Student.daoAccess().deleteTask(student);
                return null;
            }
        }.execute();
    }

 }

Sample Implementation of basic CRUD operations using ROOM

Insert:

 InsertUpdateDeletRecord 
 insertUpdateDeletRecord = new 
 InsertUpdateDeletRecord(getApplicationContext( ));
 String std = "5";
 String name = Android";
 insertUpdateDeletRecord.insertTask(title, 
 description);

Update:

 InsertUpdateDeletRecord 
 insertUpdateDeletRecord = new 
 InsertUpdateDeletRecord(getApplicationContext( ));
 Student student = 
 insertUpdateDeletRecord.getTask(2);
 student.setName("Java");
 student.setStd("6");
 insertUpdateDeletRecord.updateTask(student);

Update:

 InsertUpdateDeletRecord 
 insertUpdateDeletRecord = new 
 InsertUpdateDeletRecord(getApplicationContext());
 insertUpdateDeletRecord.deleteTask(3);

Today I’m going to show you 5 easy ways to create a backlink for a website. If you do apply this method I'm sure to get a quality high-domain authorities website backlink.

At this time, all people want their website position 1st in google ranking.

If you want to rank your website in google 1st, create a backlink from a high authority site.

So let’s get started with 5 easy ways to create a backlink for a website.

1. Article Submission

What is article submission?

Article submission is the process to submit your article to high-quality websites or directories to improve SEO ranking and get traffic to websites.

Some free sites are available for submitting an article.

Article submission is one of the easy ways to create backlinks for a website.

Why Article submission is important from a backlink point of view?

Article submission is an effective off-page SEO technique.

Using Article submission you can get quality backlinks from high domain authorities website which use to get traffic to your website and improve SEO ranking.

How to submit an article to a free article submission site?

• Check article submission site DA & PA.
• Register on the article submission site.
• Choose the category of your article.
• Include your article or website link in the author’s description box. It’s the most important step.
• Submit your article
• Check your article is published or not.

Here is some site to submit Free Article

• Articlebiz

• Articles Factory

• Tumblr

• Quora

• Apsense

2. Quora Answering

What is Quora Answering?

Quora answering is the site where users can ask questions related to their queries. And people can answer user’s query answer in quora.

What is the DA of quora?

DA: 93

Why Quora is useful for backlinks?

People can answer user’s queries in quora. And put their website link or article post link.

It’s a type of backlink. When users click on that link they redirect to your site.

Quora is an easy way to create a backlink for your website.

Using Quora you can create a high-quality backlink.

Quora backlink is also affected traffic to your website means increased traffic to your website and improve your SEO ranking using create a backlink from quora.

Guideline to create a backlink on quora

• Do not create a backlink
• First some answers to user’s queries
• The recommended way is to answer 5 user’s queries and creates links to only a maximum of two of them.
• If you create all answers with your link then quora can ban you.

How to create a backlink from quora?

• Create an account on quora
• Answer user’s queries
• Create a link to your article.

• It’s a Nofollow backlink for your website.

  All quora backlink is nofollow means It’s used to increase traffic for your website but google crawler can not read backlink because it’s nofollow.
  
  

3. Social Bookmarking

What is social bookmarking?

Social bookmarking is sites where a user submits their blog post, article, videos, etc.

Why use social bookmarking for SMM?

Social bookmarking sites where social media marketing managers find posts to their relevant topic. It’s Important to reach our posts through social media to more people and get traffic from them.

How to use a social bookmarking site to create backlinks?

• Create an account
• Submit your site
• Create a backlink

Here are some sites of social bookmarking

• Reddit

• Scoop it

• Metafilter

• Solo

• Bookmarktou

It’s an easy way to create a backlink for your website. In social bookmarking sites some backlinks are dofollow and some backlinks are nofollow.

4. Directory Submission

What is directory submission?

Directory submission where you can submit your site URL and details about your website to increase link building for your site.

A web directory is a kind of a website that has some categories, sub-categories are there. You can submit your site to a category of your niche.

Why Directory submission is important for link building?

Using directory submission you can create high-quality backlinks from some high-domain authorities. It’s useful to get more traffic to your website and improve SEO ranking.

Types of Web Directory

• Paid and featured listing
• Regular link with reciprocal link
• Free and regular listing

How to use the Directory Submission site to create backlinks?

• Create an account
• Select a free and regular listing option
• Submit detail about your website
• Create backlinks

Here are some sites of social bookmarking

• Somuch

• Marketinginternetdirectory

• Prolinkdirectory

• Bedwan

• Livepopular

5. Ping Submission

Here are some sites of social bookmarking

Ping Submission is a mechanism of sending autogenerated notifications to google spider.

It is one type of SEO tool. Where you can submit your blog post or website to get backlinks.

What are the benefits of Ping submission

• Improve SEO ranking
• Useful for site indexing
• Easy ways to create backlinks
• Also, use for improving search engine result pages

How to get backlinks using ping submission?

• Create an account on the ping submission site
• Submit a blog post to the relevant category
• Get a backlink
• Not submit more than 3 same URLs on one ping submission site

Ping Submission Site

• Pingomatic

• Pingmylinks

• Pingmyblog

• Pingler

• Ping

Conclusion:

In this topic 5 easy ways to create a backlink for a website, if you read the whole blog post you have an answer on how to create backlinks. I hope your problem will be solved on this topic.