Web dev tips & tricks

Some quick tips about pretty much anything related to web development.

• Display standalone links as blocks

  Use display block on standalone links to expand the clickable zone.

• Pair hover & focus

  You should always style the focus state alongside hover. This will allow users interacting with different peripherals to get the same level of information.

• Use semantic CSS variables

  Use two levels of abstraction for variables, raw values and semantic tokens.