What is git? Why should i use git ? (List of Basic git commands)

Kaarthi.dev — Wed, 10 Jun 2020 17:22:56 +0000

Git is a version control system. For example, if you have a file on which you’ve been working on and reworking for a long time, all the versions of it are saved in Git, and you can easily get back to every version.

What is it for?

The version control system has the following benefits:

• You have access to all versions of all files in Git repository at any time, it’s almost impossible to lose any part of a code.

• Multiple developers can work on one project at the same time without interfering with each other, and without fear of losing any changes made by a colleague. In Git, the possibilities of collaborative work are unlimited.

Here is a list of some basic Git commands to get you going with Git.

Git Task	Notes	Git Commands
Create a global repository		git init
To add files	Add one or more files to staging (index):	git add *
Commit	Commit changes to head (but not yet to the remote repository):	git commit -m "Commit message"
Push	Send changes to the master branch of your remote repository:	git push origin master
Status	List the files you've changed and those you still need to add or commit:	git status
Check out a repository	Create a working copy of a local repository:	git clone /path/to/repository
Tell git who you are	Configure the author name and email address to be used with your commits.	git config --global user.name "Sam Smith" git config --global user.email sam@example.com

Summary

As a developer it is important to know git commands and one should have a github profile.Be sure to sign up on GitHub or Bitbucket. These services offer great manuals on how to start working with remote repositories.GitHub is way ahead of bitbucket, and has turned into the standard and Mecca of the whole open source community.Hope this above post helped you.

Hope you enjoyed the above post

Css Tips

Kaarthi.dev — Sat, 23 May 2020 16:19:15 +0000

Few things as a developer we should always keep in our mind in order to save time. Lot of things can be done with css.

1.Short-hand property.

Instead of writing css like this,

.header {
      background-color: #fff;
      background-image: url(image.gif);
      background-repeat: no-repeat;
      background-position: top left; 
    }

We can write css like this,

.header {
    background: #fff url(image.gif) no-repeat top left; 
    }

2.Avoid superfluous Selectors

Sometimes your CSS declaration can be simpler, meaning if you find yourself coding the following:

ul li { ... }

ol li { ... }

table tr td { ... }

They can be shorten down to just

li { ... }

td { ... }

3.Knowing !important

Any style marked with !important will be taken into use regardlessly if there’s a overwriting rule below it.

.page { background-color:blue !important;

In the example above, background-color:blue will be adapted because it’s marked with !important, even when there’s a background-color:red; below it.

!important is used in situation where you want to force a style without something overwriting it, however it may not work in Internet Explorer.

4.Centering

This one is always tricky in css.

Text

It can be aligned by using text-align:center.
Whereas for div can be centered by adding block property to it. Here's an example,

#div1{
 display: block; 
 margin: auto; 
 Width: anything under 100%;
}

5.Vertical Alignment

You will use css navigation menu, I can almost guarantee that. The key is to make the height and line-height the same.
Here's an example,

.nav li {
 line-height:50px;
 height: 50px;
}

I hope you guys enjoyed the above post ❤️

DEV Community: Kaarthi.dev