DEV Community: Ridha Majid

CSS Position

Ridha Majid — Mon, 06 Mar 2023 07:57:14 +0000

CSS Position is one of the core concepts of CSS. however, the concept is pretty confusing for some beginners, including me.

The CSS Position property has 5 different values:

static
relative
absolute
fixed
sticky

Position Values

static is a default value on the HTML elements. You cannot use: the top, bottom, left, and right properties on the static element.

relative is almost similar to static. The difference is The relative value supports the top, bottom, left, and right properties.

absolute is positioned relative to the parent element.

fixed is positioned relative to the viewport. which means that the element is unaffected by the scrolling. fixed value usually use for the ad box.

sticky element looks similar to fixed but is different.
So we could say a sticky element is a toggle between relative and fixed, depending on the scroll position. Before the user scrolls the page, the position of the element is relative and the element will transform to fixed after a user scrolls the page.

I think that is pretty much it.

Preference I used :

Cover
CSS-trick position
W2-School position

Git Explained by a dump person

Ridha Majid — Mon, 06 Mar 2023 03:46:12 +0000

What is Git?

According to Wikipedia, Git is a distributed version control system that tracks changes in any set of computer files, usually used for coordinating work among programmers collaboratively developing source code during software development. Its goals include speed, data integrity, and support for distributed, non-linear workflows.

That explanation is so technical. Okay, let me explain intuitively. Imagine your project code is like a tree.

Okay, let's dig deeper!

Creating a new project is like when we plant a new tree.

For the first couple of commits, the Branch feature is not mandatory. Because we're not building complex features yet, We could commit straight to the main.

Tree's growing, the same as to our project. When our project gets bigger and more complex, for safety reasons, It would be good for us to use a git branch.

Crete a new specific branch → work on the branch → merge the branch to the main.

after the branch is merged into the main, The branch will become unused, I call it a dead-branch. So it's good for us to cut ( delete ) the unused branch, to make our tree looks aesthetic.

preference

https://en.wikipedia.org/wiki/Git

Basic terminal command you should know ( macOS )

Ridha Majid — Wed, 01 Mar 2023 06:12:50 +0000

GUI is a graphical operating system interface that uses icons and menus. Using GUI essentially is a good way to operate a computer. However, have you tried CLI?

CLI is a Command line interface. So basically, we interact with a computer using the Terminal.

Why and when do we use it?

I don’t really know when we need to use it. However, from my experience using Terminal Commands boosts productivity in some cases.

Terminal commands

Here are some basic terminal commands, you can try safely on your computer.

For safety reasons, I recommend you try using a dummy-files, In case we wouldn't know what happens next.

fwd
Find out the location that you currently access on the terminal.
ls
List files and folders on the location that you currently access on a terminal.
cd
Change directory, to move to another directory, cd Desktop will allow you to move to the Desktop folder.
cd ..
to move to the previous directory that you have accessed before.
mkdir
Create a new directory using the terminal, mkdir my-project will create a new folder name my-project.
touch
Create a new file using the terminal, touch new-file.txt will create a new folder name new-file.txt.
rm
Remove, to remove a file on the directory, rm useless-file.txt will remove a file name useless-file.txt. We recommend you add -i after rm for the safety reason rm -i useless-file.txt. Because the file that you delete will not appear in the BIN folder.
rm -r
to remove a directory, rm -r my-photos will remove a file name my-photos. Again, we recommend you add -i for the safety reason rm -r -i my-photos.

That is, let me know in the comment which your favorites command.

Sources:

Cover Post Unsplash