Alex DiLiberto alexdiliberto

## adapters.application.js
import DS from 'ember-data';

export default DS.RESTAdapter.extend({

});

## CSS: Get rid of focus outline.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                alexdiliberto
                / CSS: Get rid of focus outline.md
            
            
              Created
              May 1, 2020 15:12
                — forked from Lego2012/CSS: Get rid of focus outline.md
            
          
    I’m gonna start blanket adding the following rule to all my stylesheets:
:focus:not(:focus-visible) { outline: none }

Gets rid of the annoying outline for mouse users but preserves it for keyboard users, and is ignored by browsers that don’t support :focus-visible.

  
## aspect-ratio.hbs
<div class="relative" style={{this.style}}>
  <div class="absolute object-cover w-full h-full overflow-hidden">
    {{yield}}
  </div>
</div>

## perf_profiling_tips.md

      
              1 file
            
          
              2 forks
            
          
              0 comments
            
          
              0 stars
            
          
                alexdiliberto
                / perf_profiling_tips.md
            
            
              Last active
              March 25, 2020 11:14
            
              
                Ember performance profiling tips in Chrome
              
          
Test in a clean environment

https://developer.chrome.com/devtools/docs/clean-testing-environment

Test against prod build

ember s --environment=production

Don't minify JS


## alexdiliberto.com_2019-12-23_16-20-34.lighthouse.report.json
{"requestedUrl":"https://alexdiliberto.com/","finalUrl":"https://alexdiliberto.com/","lighthouseVersion":"5.6.0","userAgent":"Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/78.0.3904.74 Safari/537.36","fetchTime":"2019-12-23T21:20:34.599Z","environment":{"networkUserAgent":"Mozilla/5.0 (Linux; Android 6.0.1; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3694.0 Mobile Safari/537.36 Chrome-Lighthouse","hostUserAgent":"Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) HeadlessChrome/78.0.3904.74 Safari/537.36","benchmarkIndex":624},"runWarnings":[],"configSettings":{"emulatedFormFactor":"mobile","locale":"en-US","onlyCategories":["pwa","performance","accessibility","best-practices","seo"]},"audits":{"audio-caption":{"id":"audio-caption","title":"`<audio>` elements contain a `<track>` element with `[kind=\"captions\"]`","description":"Captions make audio elements usable for deaf or hearing-impaired users, providing critical inf

## prefers-reduced-motion.css
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}


## components.user-portrait.js
import Ember from 'ember';
import Component from '@ember/component';

export default Component.extend({
  numberOfSaves: 0,
  message: '',

  helloMessage: Ember.computed('username', function() {
  	return `Hello, ${this.get('username')}. Welcome!`;
  }),

## adapters.application.js
import { Promise, defer, resolve } from 'rsvp';

export default class AppAdapter  {
  constructor(options) {
    Object.assign(this, options);
  }

  static create(options) {
    return new this(options);
  }

## controllers.application.js
import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle'
});

## ember-data-type-pluralization-and-relationships.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              2 stars
            
          
                alexdiliberto
                / ember-data-type-pluralization-and-relationships.md
            
            
              Last active
              April 25, 2019 17:20
            
              
                Ember Data, Type Pluralization, and Relationships
              
          
    A huge "Thank You" to @runspired for all the help in the #ember-data Ember Community Discord!
// models/foo-bar.js
export default class FooBar extends Model {}
JSON API "type" === "modelName" === "foo-bar".
	import DS from 'ember-data';

	export default DS.RESTAdapter.extend({

	});
	<div class="relative" style={{this.style}}>
	<div class="absolute object-cover w-full h-full overflow-hidden">
	{{yield}}
	</div>
	</div>
	@media (prefers-reduced-motion: reduce) {
	* {
	animation: none !important;
	transition: none !important;
	}
	}
	import Ember from 'ember';
	import Component from '@ember/component';

	export default Component.extend({
	numberOfSaves: 0,
	message: '',

	helloMessage: Ember.computed('username', function() {
	return `Hello, ${this.get('username')}. Welcome!`;
	}),
	import { Promise, defer, resolve } from 'rsvp';

	export default class AppAdapter {
	constructor(options) {
	Object.assign(this, options);
	}

	static create(options) {
	return new this(options);
	}
	import Ember from 'ember';

	export default Ember.Controller.extend({
	appName: 'Ember Twiddle'
	});