ericwbailey

<picture data-src="http://cdn.mobify.com/mobifyjs/examples/assets/images/responsive-obama-mobile.jpg">
    <source src="//ir0.mobify.com/webp/400/http://cdn.mobify.com/mobifyjs/examples/assets/images/responsive-obama-mobile.jpg">
    <source src="//ir0.mobify.com/webp/400/http://cdn.mobify.com/mobifyjs/examples/assets/images/responsive-obama.jpg" media="(min-width: 512px)">
    <source src="//ir0.mobify.com/webp/512/http://cdn.mobify.com/mobifyjs/examples/assets/images/responsive-obama.jpg" media="(min-width: 1024px)" data-width="512">
    <source src="//ir0.mobify.com/webp/512/http://cdn.mobify.com/mobifyjs/examples/assets/images/responsive-obama.jpg" media="(min-width: 2048px)" data-width="1024">
    <img src="responsive-obama.jpg">
    <p>A photograph of United States President Barack Obama shaking hands.</p>
</picture>

ericwbailey

var gulp          = require('gulp');
var entityconvert = require('gulp-entity-convert');
var minifyHTML    = require('gulp-minify-html');


gulp.task('docs', function() {
    var src  = './src/docs/*.+(htm|html)';
    var dest = './build';

    return gulp.src(src)

ericwbailey

# Default application configuration that all configurations inherit from.

scss_files: "**/*.scss"
plugin_directories: ['.scss-linters']

# List of gem names to load custom linters from (make sure they are already
# installed)
plugin_gems: []

linters:

ericwbailey

## Skeleton config file for RetroArch

# Save all save files (*.srm) to this directory. This includes related files like .bsv, .rtc, .psrm, etc ...
# This will be overridden by explicit command line options.
# savefile_directory =

# Save all save states (*.state) to this directory.
# This will be overridden by explicit command line options.
# savestate_directory =

ericwbailey

Screen Readers

• NVDA (Windows): https://www.nvaccess.org/
• Narrator (Windows): https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started
• VoiceOver (Mac): https://help.apple.com/voiceover/info/guide/10.12/
• ChromeVox

Accessibility Checkers

• https://www.deque.com/products/axe/
• http://wave.webaim.org/extension/

ericwbailey

{
  "caps-to-small-caps": {
    "name":        "Caps to Small Caps",
    "category":    "Common",
    "example":     "asfab ASFAB Asfab",
    "description": "",
    "more-info":   ""
  },
  "case-sensitive-forms": {
    "name":        "Case Sensitive Forms",

ericwbailey

/*
 * Archives
 * A compressed collection of data.
*/
a[href$=".7z"],
a[href$=".cab"],
a[href$=".gz"],
a[href$=".lzh"],
a[href$=".rar"],
a[href$=".tar"],

ericwbailey

{"lastUpload":"2021-10-19T01:18:14.578Z","extensionVersion":"v3.4.3"}

ericwbailey

<div class="card">
  <a href="/foo" class="card__link" aria-labelledby="card-1234-title">
    <h2 class="card__title" id="card-1234-title">The Card Title</h2>
    <img class="card__image" src="/some/image.jpg" alt="">
    <small class="card__meta">Some category</small>
    <p class="card_summary">Lorem ipsum, dolor sit amet!</p>
  </a>
</div>

ericwbailey

$colors: (
  blue:  #007aff,
  green: #4cd964,
  red:   #ff3b30,

  tab: (
    border: hsla(3, 100%, 59%, 0.50),
    type:   #8e8e93
  )
);