- Opionated error color: #A33131
- Centered title with lines on each side (no background-color): http://codepen.io/SachaG/pen/AEacz
- On email newsletters, Gmail ignores #000, #000000, and “black” values.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <meta name="disabled-adaptations" content="watch"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| test('What component aspect are you testing?', assert => { | |
| const message = 'What should the feature do?' | |
| const actual = 'What is the actual output?' | |
| const expected = 'What is the expected output?' | |
| assert.equal(actual, expected, message) | |
| }) | |
| // examples |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function MyLambdaFunction (foo, bar) { | |
| // MyLambdaFunction logic here | |
| } | |
| exports.myHandler = function(event, context, callback) { | |
| var foo = event.foo; | |
| var bar = event.bar; | |
| var result = MyLambdaFunction (foo, bar); | |
| callback(null, result); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| @media (prefers-reduced-motion: reduce) { | |
| * { | |
| animation: none !important; | |
| transition: none !important; | |
| } | |
| } | |
| /* good line length */ | |
| p { | |
| max-width: 38em; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $inuit-global-spacing-unit: 8px; | |
| .o-flag { | |
| display: table; | |
| width: 100%; | |
| border-spacing: 0; | |
| } | |
| .o-flag__img, | |
| .o-flag__body { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { Observable } from 'rx' | |
| const { fromEvent } = Observable | |
| fromEvent(document.querySelector('button'), 'click').subscribe(e => console.log(e)); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| busy signal | |
| gitcontrol | |
| linter |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const toggleObjectBoolean = object => { | |
| ...object, | |
| bool: !object.bool | |
| } | |
| const addToList = list => [ | |
| ...list, | |
| 'new item' | |
| ] |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // define a class | |
| class Observable { | |
| // each instance of the Observer class | |
| // starts with an empty array of things (observers) | |
| // that react to a state change | |
| constructor() { | |
| this.observers = []; | |
| } | |
| // add the ability to subscribe to a new object / DOM element |