Table of Contents

Development

About

This website implements the following:

  • NPM
  • Continuous Delivery via Gulp
  • BEM (Block, Element, Modifier) Methodology
  • SASS (SCSS)
  • CSS Normalize
  • Seperation of SCSS Framing and Theming
  • File-level Object-Oriented JS and SCSS
  • Plain JavaScript, no JQuery (for speed over features)
  • JavaScript Debouncing and Throttling
  • Modernizr.js
  • Prism.js Syntax Heighlighting
  • Responsive Design
  • Fluid Resize-Driven Frame Styles (try resizing pages)
  • Behavior-Driven Navigation
  • Smooth Anchor-Link and Back-to-Top Scrolling

HTML, CSS & JS Tests

Basic

HTML

HTML Test Page HTML Entity List Test HTML Unicode Character List / Keyboard Test

Page Length

Short Page Test Long Page Test

ETC

Responsive Cookie Notice Test

Bootstrap Inspired

Alert Styles Row & Column Test

Moderate

Interactive Boxart 3D

Advanced

Interactive Disabled Inputs

Modules

Feature Support

Modernizr Test

Syntax Heighlighting

Prism Test

Continuous Deployment Tests

Blog Post List Test (gulp-file-include)

Resources

HTML Emoji List Test JavaScript Validator Online

Other Pages

index 404 503