Persons talking in a work setting.

Craft and build

Better HTML, CSS, and JavaScript Documentation

Coming soon: This site will host documentation to help you make better websites with documentation about HTML, CSS, JavaScript, and ways to improve your front end performance and security.

Learn More

The following is a code sample using triple backticks ( ``` ) code fencing provided in Hugo. This is client side highlighting and does not require any special installation.

    var num1, num2, sum
    num1 = prompt("Enter first number")
    num2 = prompt("Enter second number")
    sum = parseInt(num1) + parseInt(num2) // "+" means "add"
    alert("Sum = " + sum)  // "+" means combine into a string

The following is a code sample using the “highlight” shortcode provided in Hugo. This is server side highlighting and requires Python and Pygments to be installed.

    var num1, num2, sum
    num1 = prompt("Enter first number")
    num2 = prompt("Enter second number")
    sum = parseInt(num1) + parseInt(num2) // "+" means "add"
    alert("Sum = " + sum)  // "+" means combine into a string

And here is the same code with line numbers:

1    var num1, num2, sum
2    num1 = prompt("Enter first number")
3    num2 = prompt("Enter second number")
4    sum = parseInt(num1) + parseInt(num2) // "+" means "add"
5    alert("Sum = " + sum)  // "+" means combine into a string