THE ULTIMATE, AMAZING, AWESOME
Web Design & Development Blog
I remember back when I was starting out learning web design, I really had a hard time understanding why we used a external stylesheet. It seemed like it was just something we done because it's the way it's suppose to be done - not that there was any logical reason why we would store all out styling in one file, to be loaded on every page - even though most of it wouldn't get used on every page.
I know a lot of people have issue with this when starting out - surely, I though, it must slow down the website if it's loading in this long css file for every page. I'll just stick all the css for my pages in the <head>
Why we use them
The reason why we stick all our CSS in one file is that it means we can make global changes. Changes to the entire websites styling in one file. Instead of potentially changing upwards of 100 pages like a lot of my clients websites.
Does this slow the pages down? Hell no! Once you visit one page your computer will download the stylesheet and store it locally. Meaning it only has to do this once (instead of doing it on every page).
It's something that seems so obvious looking back but we aren't born into this world understanding anything at all - so I forgive myself. Here is some further reading on the subject:
Thanks for stopping by.
Dealing with IOS double tap (IOS is too cleaver) CSS issue.
Ever had that problem with IOS where every link needs to be clicked on twice before it works? I sure have. Turns out it's just a CSS issue, read more: https://css-tricks.com/annoying-mobile-double-tap-link-issue/