Bruce Bentley brucebentley

Available HTML5 `<head>` Elements

A list of everything that could potentially go in the <head> of your document.

CSS Layout Debugging

Create different depth of nodes with different colors, allowing you to see the size of each element on the
page, their margin and their padding so you can easily identify inconsistencies.

Git & GitHub Learning Lab Resources

Sample repository to be used alongside the GitHub Learning Lab ⟶ tutorial(s), as well as some additional 3rd-party learning resources to help get you up-to-speed with Git.

Usage Examples —

Useful Sketch Preferences & Plugins —

Some helpful configuration settings and plugins to help make Sketch a little more productive for you.

Plugins —

📈 Chart                    - Pavel Kuligin
🏃🏼‍♂️ Runner                   - Sketch Runner, Inc.
Alembic                     - Awkward

Responsive 404 Background Image

CodePen Demo ⟶

GoCanvas Local macOS Development Environment

A step-by-step guide to walk you through the setup & configuration of your local macOS development environment.

Required Files —

You'll need to reach out to one of the developers on your team to get these files, which are excluded from Git.

	///
	/// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	///
	/// Color Palettes From The Google Material Design Specification
	///
	/// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	///
	/// @description Contrast colors are hard-coded because it is too difficult (probably impossible) to
	/// calculate them. These contrast colors are pulled from the public Material Design
	/// spec swatches. While the contrast colors in the spec are not prescriptive, we use

	/* IMPORT FONTS */
	@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
	@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i');
	@import url('https://cdn.jsdelivr.net/gh/tonsky/[email protected]/distr/fira_code.css');

	:root {
	--blue: rgba(3, 157, 231, 1);
	--blue-87: rgba(3, 157, 231, 0.87);
	--blue-54: rgba(3, 157, 231, 0.54);
	--blue-0: rgba(3, 157, 231, 0);

	@charset 'UTF-8';

	///
	/// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	///
	/// CUSTOM FONTS
	///
	/// - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	///
	/// @description Import any third-party CSS & Sass resources that can be easily be referenced globally across your web-application(s).

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<title>Static 404 Landing Page</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	</head>
	<body>