Universal Blisscode

A template for every webpage you ever make. Gets you up and running quickly!

Then, delete any parts you don't want to use for this project.

Use View-Source to copy, or right-click save this page and use it as a template.

Blisscode Contents

  1. A head section

    with all the metadata you need - including
    • a favicon
    • meta tags
    • viewport adjustment
    • unicode
    • a link to a fonts css file as that's how i like to do it

  2. Favourite adjustments

    - things CSS got wrong where the behaviour is unpredictable, like a kind of 'reset'

  3. Expected preferences

    - personal quirks i add to every single stylesheet
    • n-q is my custom element for when i want to air-quotes a phrase but it isn't semantically a quote
    • a.go-back is my return to main page link, typically at the bottom of every page

  4. General column quickstart

    - a single column layout with responsive padding and basic settings
    • so many of my information-led webpages are just this
Return