Code Easy Way

Dec 30, 2018 10:00 ยท 238 words ยท 2 minute read growth

Code Easy Way

I remember using paint software in a computer lab at my primary school, back then our brains were not worried about mistakes. It was a beginning of learning a new machine. This would be your rule of thumb in this case.

Tool ๐Ÿ”—︎

Have you heard of inspect element feature? If not, and you have to edit CSS or html, front end of your website can be edited with command + F. You can actually copy a piece of information you want to modify, and paste in developer tools find feature.

Method ๐Ÿ”—︎

Likewise, when it’s about CSS, you will call an image an img, an image style can be tweaked with simple width, padding, and so on. Such would be names of rest of the website’s content, I assume that those name tags would be understood, for example, for heaidng 1 as h1 and font size as font-size etc. And a complete website’s colors, fonts, sizes, and front end can be edited with this simple feature.
Lastly, a website’s resolution is controlled by @media in CSS, so what you will type under a specific @media width, your relevant screen size will give the same output. This is your method to edit code easy way.

Steps ๐Ÿ”—︎

  1. Find and tweak the text or codes to change using inspect element in your browser.
  2. Replace the same in source files of your website, usually contained in .html or .css doc types.
  3. Click save.