Taylor Smith tsmith512

Product Manager for Stream @cloudflare

34 followers · 5 following

Cloudflare
Austin, Texas & Tulsa, Oklahoma
tsmith.com

View GitHub Profile

Recently created

Least recently created

Recently updated

Least recently updated

tsmith512 / SassMeister-input-HTML.html

Last active August 29, 2015 14:14

Examples for Presentation: Advanced Responsive Web Design Part 3: Media Queries with Breakpoint

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Sample</title>
	</head>
	<body>
	This HTML output goes with the max-width test:
	<div id="pager">
	<a href="#" class="first">First</a>

tsmith512 / SassMeister-input-HTML.html

Last active August 29, 2015 14:15

Examples for Presentation: Advanced Responsive Web Design Part 4: Basic Intro to Singularity, Box-Sizing, Comparison to 960gs

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	</head>
	<body>
	<div id="container">
	<div class="left">Left Column</div>
	<div class="right">Right Column</div>

tsmith512 / SassMeister-input-HTML.html

Last active August 29, 2015 14:15

Examples for Presentation: Advanced Responsive Web Design Part 5A: Asymmetric Grid Samples with Singularity Extras

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	</head>
	<body>
	<h1>General Asymmetric Grid</h1>
	<div id="asymmetric-general"> </div>

tsmith512 / SassMeister-input-HTML.html

Last active August 29, 2015 14:15

Examples for Presentation: Advanced Responsive Web Design Part 5C: Overriding the global context with layout()

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	</head>
	<body>
	<div id="container">
	<span>Container</span>
	<div id="main">

tsmith512 / SassMeister-input.scss

Last active August 29, 2015 14:15

Examples for Presentation: Advanced Responsive Web Design Part 5B: Using different grids at different min-widths with Breakpoint

	// ----
	// Sass (v3.4.12)
	// Compass (v1.0.3)
	// Breakpoint (v2.5.0)
	// Singularity Extras (v1.0.0)
	// Singularity.gs (v1.5.1)
	// ----

	/**
	* Examples for Presentation: Advanced Responsive Web Design

tsmith512 / SassMeister-input-HTML.html

Last active August 29, 2015 14:15

Examples for Presentation: Advanced Responsive Web Design Part 6: Toolkit

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	</head>
	<body>
	<main>

	<h1>16:9 ratio</h1>

tsmith512 / SassMeister-input.scss

Last active August 29, 2015 14:16

Proposal for a better rtl() mixin that takes a class name

	// ----
	// Sass (v3.4.12)
	// Compass (v1.0.3)
	// ----

	@mixin rtl($class: '') {
	#{'html[dir="rtl"]' + $class} & {
	@content;
	}
	}

tsmith512 / SassMeister-input-HTML.html

Last active August 29, 2015 14:16

For Kevin

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	</head>
	<body>
	<h1>Related Content</h1>
	<div class="view-related-content">
	<div class="item">Test</div>

tsmith512 / SassMeister-input-HTML.html

Created March 26, 2015 20:55

Generated by SassMeister.com.

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	</head>
	<body>
	<div id="container">
	<div class="item1"> </div>
	<div class="item2"> </div>

tsmith512 / SassMeister-input-HTML.html

Created December 15, 2015 19:40

Generated by SassMeister.com.

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Document</title>
	</head>
	<body>
	<section>
	<aside>Howdy</aside>
	<aside>Howdy</aside>