Skip to content

Instantly share code, notes, and snippets.

View MelSumner's full-sized avatar
💭
Making the world a more sensible place.

Melanie Sumner MelSumner

💭
Making the world a more sensible place.
View GitHub Profile

Uses of "descendant" in the ARIA spec

Summary

  • unclear use/used on its own: 51
  • descendant element: 12
  • active descendant: 8
  • DOM descendant: 6
  • descendant node: 2
@eanakashima
eanakashima / refs.md
Last active December 9, 2020 18:45
List of references from "Observability is for User Happiness," performance.now() 2019 (Amsterdam), and "Observability for Web Performance," #perfmatters 2020
@ademilter
ademilter / .storybook
Last active September 7, 2021 12:11
postcss config for storybook
- webpack.config.js
- postcss.config.js
- config.js
- addons.js

Safari Keyboard Navigation

In order to allow for full keyboard navigation of all element in Safari on macOS, make sure the following options are enabled.

All Controls in macOS

In the macOS settings, allow "All Controls" to be keyboard accessible. Enable this feature by going to:

  1. Settings
  2. Keyboard
@Tuizi
Tuizi / blackbox.md
Last active November 25, 2019 13:31
Composable component

Blackbox component

// users/edit/index.hbs
{{filter-list
  items=model
  filterBy="path.value"
  labelBy="path.value"
  highlight=true
 order="ASC"}}
@BrianSipple
BrianSipple / ember-addon-readme-badge-template.md
Last active September 7, 2020 10:06
Useful Badges to Include in an Ember Addon's README
[![Latest NPM release][npm-badge]][npm-badge-url]
[![TravisCI Build Status][travis-badge-url]][travis-project-url]
[![CircleCI Build Status][circle-badge]][circle-badge-url]
[![Test Coverage][coveralls-badge]][coveralls-badge-url]
[![Code Climate][codeclimate-badge]][codeclimate-badge-url]
[![Ember Observer Score][ember-observer-badge]][ember-observer-badge-url]
[![License][license-badge]][license-badge-url]
[![Dependencies][dependencies-badge]][dependencies-badge-url] 
[![Dev Dependencies][devDependencies-badge]][devDependencies-badge-url]
@lopspower
lopspower / README.md
Last active May 20, 2024 23:50
Hexadecimal color code for transparency

Hexadecimal color code for transparency

Twitter

How to set transparency with hex value ?

For example, you want to set 40% alpha transparence to #000000 (black color), you need to add 66 like this #66000000.

Download This sample on Google Play Store

@iangreenleaf
iangreenleaf / gist:b206d09c587e8fc6399e
Last active May 5, 2024 14:52
Rails naming conventions

Rails naming conventions

General Ruby conventions

Class names are CamelCase.

Methods and variables are snake_case.

Methods with a ? suffix will return a boolean.

@kristianmandrup
kristianmandrup / Converting libraries to Ember CLI addons.md
Last active April 21, 2023 17:14
Guide to Developing Addons and Blueprints for Ember CLI

Converting libraries to Ember CLI addons

In this guide we will cover two main cases:

  • Ember specific library
  • vendor library

Ember library

The Ember library will assume that Ember has already ben loaded (higher in the loading order) and thus will assume it has access to the Ember API.

@jdjkelly
jdjkelly / gist:0bddf2e834b6d6bc2174
Last active December 25, 2021 14:30
Making Accessible Ember Components

Making Accessible Ember Components

Making the web accessible is important. We have ethical and, in some cases, legal obligations to ensuring access to all of users.

Luckily for us, it's easy to make an accessible Ember Component.

What are components?

To understand the accessibility story around Ember Components, we have to start by talking about Web Components. Ember Components are designed to be interoperable with the final Web Components API.