Skip to content

Instantly share code, notes, and snippets.

@Rajrox97

Rajrox97/Gettinghand.md Secret

Last active April 19, 2018 09:46
Show Gist options
  • Save Rajrox97/02e3b2e3c6ef8a356106b65ad02e183a to your computer and use it in GitHub Desktop.
Save Rajrox97/02e3b2e3c6ef8a356106b65ad02e183a to your computer and use it in GitHub Desktop.
Download ZIP
Getting the hang of the code.
Raw
Gettinghand.md

Getting the hang of the code

If you are new to this, don't get scared by the long lines of code. In the index.html file, each code chunks have been accompanied by a comment line that describes what are we trying to do .

The CSS sections have been kept in the CSS files and the Js section have been kept in the .min.js files or just .js files.When trying edit CSS for a new style , first see the corresponding class names in the index.html file. Then go to the CSS file and search for that class name. You will usually find it there. And if you edit that class styles, you can edit the particular section of that webpage.

Most importantly , don't be afraid to break apart the code and see which section does what by trial and error. Tinkering with code is the fastest way by which you can learn stuff. If you cannot find a particlar class in the CSS file but you are sure that you saw that class name in the index.html file, google the class name. Maybe you will find that it is a predefined default class within CSS.

For example i didn't know why "fa-fa" was used in the social media sidebar and so i googled it. It was something related to Font Awesome. Basically styles.

So don't be afraid to contribute or afraid that you might botch up the code. If you happen to botch up the code , then just delete the repository from your Desktop Github version and again fork and download and start afresh. Happy coding.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment