HTML Lists

I do love to create and format a good list. No Two Lists are ever the same.

Basic Unnumbered and Numbered Lists (bullets)

  • Solid Circle Bullet
  • Solid Circle Bullet
  • Solid Circle Bullet
  • Outline Circle Bullet
  • Outline Circle Bullet
  • Outline Circle Bullet
  • Square Bullet
  • Square Bullet
  • Square Bullet
  1. Lorem, ipsum dolor.
  2. Iusto, adipisci eum.
  3. Fuga, sit labore!
  1. Lorem, ipsum dolor.
  2. Iusto, adipisci eum.
  3. Fuga, sit labore!
  1. Lorem, ipsum dolor.
  2. Iusto, adipisci eum.
    1. Lorem, ipsum dolor.
    2. Iusto, adipisci eum.
      1. Lorem, ipsum dolor.
      2. Iusto, adipisci eum.
      3. Fuga, sit labore!
    3. Fuga, sit labore!
  3. Fuga, sit labore!
  1. Lorem, ipsum dolor.
  2. Iusto, adipisci eum.
    1. Lorem, ipsum dolor.
    2. Iusto, adipisci eum.
      1. Lorem, ipsum dolor.
      2. Iusto, adipisci eum.
      3. Fuga, sit labore!
    3. Fuga, sit labore!
  3. Fuga, sit labore!

List with Number Break

  1. Wake up
  2. Feed dog
  3. Start blog post
… Page Break with List …
  1. Finish blog post
  2. Go to bed

List of Nested Decimals

  1. List Item
  2. List Item
  3. List Item
    1. List Item
    2. List Item
      1. List Item
      2. List Item
      3. List Item
    3. List Item
  4. List Item
  5. List Item
    1. List Item
    2. List Item
    3. List Item
  6. List Item
  7. List Item

Reverse Court Down

  1. Northern Exposure
  2. The Sopranos
  3. Halt & Catch Fire
  4. Battlestar Galactica
  5. The Shield
  6. Game of Thrones
  7. Downton Abbey
  8. Six Feet Under
  9. LOST
  10. Friday Night Lights

Image Bullets

  • List Item
  • List Item
  • List Item
    • List Item
    • List Item
    • List Item
      • List Item
      • List Item
      • List Item
    • List Item
  • List Item
  • List Item
  • List Item

Random Order

Need to change the order?

  1. Northern Exposure
  2. The Sopranos
  3. Halt & Catch Fire
  4. Battlestar Galactica
  5. The Shield
  6. Game of Thrones
  7. Downton Abbey
  8. Six Feet Under
  9. LOST
  10. Friday Night Lights

Custom Text List

  1. Preheat oven to 425°F
  2. Mix all the ingredients
  3. Dump it all into a greased pan
  4. Bake for 40 minutes
  5. Take out and let cool 30 mintes
  6. Eat
  • Eggs
  • Flour
  • Water

Inside and Outside Bullets

  1. Lorem, ipsum.
  2. Similique, culpa.
  3. Atque, vel?
  4. Repudiandae, expedita.
  5. Perferendis, modi.
  1. Lorem, ipsum.
  2. Similique, culpa.
  3. Atque, vel?
  4. Repudiandae, expedita.
  5. Perferendis, modi.
  1. Lorem, ipsum.
  2. Similique, culpa.
  3. Atque, vel?
  4. Repudiandae, expedita.
  5. Perferendis, modi.
  1. Lorem, ipsum.
  2. Similique, culpa.
  3. Atque, vel?
  4. Repudiandae, expedita.
  5. Perferendis, modi.

Color Bullets

  • These
  • List Bullets
  • are colored
  • with
  • ::marker
  • These
  • List Bullets
  • are colored
  • with
  • a pseduo-element
  1. These
  2. List Bullets
  3. are colored
  4. with
  5. SVG as a background-image

Columized List

  • Lorem.
  • Quibusdam!
  • Recusandae.
  • Facere?
  • Sit?
  • Recusandae!
  • Ea!
  • Amet!
  • Eos.
  • Similique.
  • Excepturi.
  • Nemo?
  • Aspernatur!
  • Ipsam.
  • Accusantium.
  • Dignissimos?
  • Nesciunt.
  • Voluptatum?
  • Vero!
  • Nesciunt!
  • Ea.
  • Cumque!
  • Excepturi.
  • Sint.
  • Reprehenderit.
  • Natus?
  • Numquam.
  • Iusto.
  • Voluptate!
  • Iusto?

JavaScript – Beginner

Programming Skills

HTML 90%
CSS 75%
Javascript 10%
Basic Deployment 95%

Learning JavaScript has been on my To Do list for a few years.

I would like to have more creative control with my website designs and functions.

What can happen if the mainframe is not header, footer, sidebar?

I am hoping with JavaScript, and by background with CSS, HTML, and PHP that my only limitations are myself and not the code or browsing environment.

SSL Certificate

Secure Socket Layer (SSL) Protocol Explained

With the installation of a SSL (Secure Socket Layer) Certificate on your website you are able to safeguard the transaction between your site visitors and you. Protecting customers credit card information, shipping/billing address, and personal information from hackers trying to steal visitors information.

The SSL behaves like an online passport which verifies the credentials of both the end webs server and the site visitor. SSL is granted when both parties are verified securing their connection through HTTPS.

  • HTTP = not secure.
  • HTTPS = secure.

SSL Certificate Parts

SSL Certificates also contain a “subject” which is the identity of the website owner/certificate.
SSL Certificates have a key pair that work together create an encrypted connection.

  • Public Key.
  • Private Key.

A popular metaphor is using one key to lock your car. The key used to lock the door can be left in the door because the second key can only lock the door. While the second key can only unlock the door.

This type of two-key arrangement is very secure and is used in all modern encryption/ signature systems.

Where can you purchase a SSL Certificate

To provide a safe secure shopping environment a SSL Certificate is purchased from a “Certificate Authority“. The cer

SSL Certificate Provides

  1. Identity authentication
  2. Data Encryption
  3. Data Integrity

Provides Identity Confirmation

The SSL certificate is an online ID card (referred to as “subject”) that confirms with shoppers that your site is legit. And that the Certificate Authority have completed a background check and provides identity confirmation and

Encrypts Data

Encrypts any data that flows between the user and the website.

Setting up your SSL Certificate

Why are SSL Certificates so difficult to set-up?

While the concept of why and how SSL Certificates work are well understood. The installation instructions for installing SSL Certifications depend on the server your website is loading from and the type of hosting you are using. It is recommend to contact your web host provide first – as they may be able assist with the generating of the Certificate Signing Request (CSR).

Why your need a Certificate Signing Request (CSR)

A Certificate Signing Request (CSR) is required for SSL Certificate.

What is Transport Layer Security (TLS)?

TLS is based on SSL and was developed in response of vulnerabilities in SSLv3. SSL is the term mostly used while referring to TLS.

Keywords to Know

Certificate Authority

Certificate Signing Request (CSR)

Please choose the following option(s) and accept the terms and conditions.Certificate Issuer Learn more Starfield SHA-2 I agree to the terms and conditions of the Subscriber Agreement