--> Skip to main content

Posts

Featured

Steps to Create a Project on GitHub

Steps to create a project on GitHub:  1.   Start a repo on GitHub 2.   Make a README.md file 3.   Open vs code – new folder – new terminal – git clone http:…. (from the repo). 4.   In terminal – cd theprojectname   à move into the project file 5.   Ls -la is for showing hidden file à not working for me ???? 6.   Make some changes to README file, in terminal git status à shows all the changes on the file 7.   To add all changes update to the folder à git add . (the dot . means all changes to be added) 8.   Add a new file index.html, in terminal à git commit -m “title of commit” -m “description of commit” 9.   Then git push origin master 10.                 ****Initial a repo in local text editor à git init 11.                 After use git add . etc, when pus...

Latest Posts

How to fit an image into a DIV container with rounded corner and object-fit property?

How to fall asleep fast? Using Confucius philosophy to achieve a peaceful mind before sleep

A Button with swiping animation effect when clicked using CSS - Flex display with align itself property

CSS height percentage value of 100% vs. min-height of 100vh - why height:100% wont

HTML data attributes to store extra information - javaScript dataset for access - CSS pointer-events

VS code -- how to enter multiple lines with incrementing numbers as class name?

Draw a rotating cubic dice with CSS transform functions

What CSS Reset rules should be added to most of websites?

CSS Animation -- Switch Button with CSS TranslateX property controlled by Checkbox - Span For Button within Flex Display

CSS styling -- Place an auto increment counter for a list - Center Pseudo Elements Using Absolute Position

CSS max-width together with width property, what will happen?

CSS Animation -- Transition + Animation with ' CSS Variables ' and ' :Checked Pseudo-class Selector ' of Hidden Input Checkbox

CSS Staggered Animation - Show Different Elements Animations One After Another with CSS Only

CSS Animation - Adding Animation to the Hero Header Section of a Landing Page

Floating Label Animation in Form Using Tailwind CSS Peer Marker and Placeholder Shown Modifier