The moment when you first came to know about Git, you may also heard about collaboration. That means Git becomes handy when it comes to teamwork. Now you may think is Git useful when it comes to working alone as an independent & individual developer? Or do you really need to use Git if you work individually? The answer is yes. Even if you are a solo entrepreneur and if you’re the only person who maintains all the development work. Let me explain why Git is useful for individual developers. Why Git is useful for an individual developer? Git’s sole […]
Read More →
In this post, I will show & explain everything you need to know about Git branches. You will learn how to create a new branch, switch to it or checkout to a branch, merge a branch to master, delete a branch, etc. If Git is not installed on your machine, see how to do it (both in Windows & Mac). Let’s get started. Everything you need to know about the Git branches When you initiate Git, the master branch is automatically created. Also, in your command line, you will automatically point to this master branch just after initiating Git. Thinks […]
Read More →
To create a Git repository on GitHub, go to github.com and signup for an account. It’s free. After you’re logged in to your account, navigate to the “Repositories” tab by following this URL: https://github.com/your_username?tab=repositories and click the button “New” (as you see in the screenshot below). In the next window, type your desired repository name in the “Repository name” field. Make sure it’s unique and there is no space. And make this name exactly as you named the project on your local machine (computer). You can leave the rest of the fields as they are. All the default options are […]
Read More →
To use Git and remote servers like GitHub, Bitbucket, etc, your first instinct should be to ensure that Git is installed on your machine/computer. Mac generally comes with Git preinstalled. On a Windows computer, you have to install it. How to install Git on Windows? To install Git on your Windows computer, go to git-scm.com and download it. After downloading install it. The installation process is the same as other general software. During the installation process, click on “Next” as many times as it comes. Any default options are fine. After installing it, go to the “Start” menu and you […]
Read More →
This post is a beginner’s guide to using Git. You’ll learn how to use Git on your local machine, and how to push your project to a live Git hosting server like GitHub, Bitbucket, etc. Git and GitHub are not equal. Git is a version control system. On the other hand, GitHub is one of many hosting services. See the main differences between Git & GitHub. GitHub is the most popular, and some of the similar & other companies are Bitbucket, GitLab, etc. See some of the GitHub alternatives on another website. How to use Git? To use Git, you […]
Read More →
Git is the most popular version control system in the world. But this definition may not make sense to all of you. To better understand it, you have to know the following 3 primary things: What does Git do? Git helps us to manage our project files. And a project could be anything such as website design, development, mobile app development, and anything that is related to programming. But what does Git do that makes it easier to manage our project files? Well, three main aspects help us manage our project files more easily. Git history: It simply means that […]
Read More →
In this post, I will show how you can create a simple back-to-top button only using HTML, CSS & pure JavaScript. Also, I will give you the sample code (source code) so that you can implement this exact back-to-top button on your projects. Please see the demo of the finished product that you’re going to build in this post. Lastly, I will show how you can customize my code so that it matches your own project. Back to top button sample code In this section, I will give you all the HTML, CSS & JavaScript. And then I will explain […]
Read More →
There are many use cases of CSS hover. In this post, I will show how you can create an image hover animation effect using only CSS. Here I made 7 different examples that you will see by hovering over each image. You’ll get all the HTML & CSS after the examples. Before I give you the code, see the live examples below. Live preview of image hover animation effect EXAMPLE 1 (Fade animation):Lorem ipsum dolor sit amet consectetur adipisicing elit. Eveniet totam molestias accusantium at hic atque corrupti labore, ducimus aliquam doloremque? EXAMPLE 2 (Zoom in):Lorem ipsum dolor sit amet […]
Read More →
To create a circle using CSS, you need to apply 50% border-radius to all four corners, and the element should be equal in width & height (square). Not to mention, there are some exceptions that I will explain as we go through the examples. In this post, I will show how to create different types of circles with CSS. How do you can create a circle border in CSS? To create a circle border (hollow) as you see in the above example (blue), you need to specify the exact/same width & height and add a 50% border-radius. It’s not the […]
Read More →
An adjacent sibling combinator is a way to select an HTML element that immediately comes after the first selector in CSS. This is the simplistic explanation that I can give you. But I will explain this CSS combinator in more detail, and give you code examples, pictures, and everything you need to understand the adjacent sibling combinator. It looks very complex based on the definition. But this is one of the most simple CSS selectors that you may have ignored in the past because you took it the hard way. Bear with me to understand it clearly for the rest […]
Read More →