Clearly, you are not the first person to construct a website. Rather than reinvent the wheel, you can lift, borrow, or copy ideas and even scraps of code from other websites for use in your websites. In some cases, these scraps have been organized into frameworks and libraries that provide code universes that make it easy to implement common features in HTML pages. In some ways, this is similar to creating persistent includes in BBEdit, and then reusing them over and over, instead of writing the same code from scratch each time.
Think of it this way: You could use jQuery to write the contents of a web page’s
<head> … </head> section, but if anything happened that caused jQuery not to load, your page would not have any styling, etc. This would be bad.
If you were born with the design gene, you may not need anything more than a blank CSS file (and maybe a copy of Normalize.css) to make your magic. If you are design-deficient, there are CSS frameworks out there to help you construct a web design that isn’t overtly awful. Here are a few that come to mind:
Bootstrap appears at the top of the list above for two reasons. First, it is one of the most popular — if not the most popular. Second, Bootstrap code validates with BBEdit. The others either do not validate, or do not offer as much
out of the box as Bootstrap, or have less accessible documentation. They may be cool, but for me, the cool factor is outweighed by the ability to check my site’s syntax without stumbling over a bunch of exceptions, so Bootstrap is the way to go. Blueprint, which is what Bare Bones Software uses as a basis for its site, is runner-up because doesn’t have as many built-in styles and features as Bootstrap, but it does validate.
Font Awesome and Google Fonts.