Taylor Smith tsmith512

## resources.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              2 stars
            
          
                tsmith512
                / resources.md
            
            
              Last active
              August 29, 2015 14:00
            
              
                Reading and Resources
              
          
    Reading List

UX Articles


16 Pixels: For Body Copy. Anything Less Is A Costly Mistake, Smashing Magazine (2011).
Accordions Are Not Always the Answer for Complex Content on Desktops, Nielsen Norman Group (2014).
Auto-Forwarding Carousels and Accordions Annoy Users and Reduce Visibility, Nielsen Norman Group (2013).
Avoid Category Names That Suck, Nielsen Norman Group
Avoid Format-Based Primary Navigation, Nielsen Norman Group (2014).
Avoid Inline Scrolling Areas, Baymard Institute


## gifs.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                tsmith512
                / gifs.md
            
            
              Last active
              August 29, 2015 14:01
            
          
    Because sometimes, you need to say it with a gif.


## SassMeister-input-HTML.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Sample</title>
</head>
<body>
  <div class="wrap">
    <div class="item">&nbsp;</div>
  </div>

## SassMeister-input.scss
// ----
// Sass (v3.4.11)
// Compass (v1.0.3)
// ----

/**
 * Examples for Presentation: Advanced Responsive Web Design
 * Part 2: Compass Basics
 * For More Information: http://github.com/tsmith512/arwd
 */

## SassMeister-input-HTML.html
<!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>

## SassMeister-input-HTML.html
<!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>

## SassMeister-input-HTML.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <h1>General Asymmetric Grid</h1>
  <div id="asymmetric-general">&nbsp;</div>

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

## SassMeister-input.scss
// ----
// 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

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

    <h1>16:9 ratio</h1>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Sample</title>
	</head>
	<body>
	<div class="wrap">
	<div class="item"> </div>
	</div>
	// ----
	// Sass (v3.4.11)
	// Compass (v1.0.3)
	// ----

	/**
	* Examples for Presentation: Advanced Responsive Web Design
	* Part 2: Compass Basics
	* For More Information: http://github.com/tsmith512/arwd
	*/
	// ----
	// 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