Skip to content

Instantly share code, notes, and snippets.

View aghassemi's full-sized avatar
💭
Not active on AMPHTML, please ping @ampproject/wg-ui-and-a11y

Ali Ghassemi aghassemi

💭
Not active on AMPHTML, please ping @ampproject/wg-ui-and-a11y
381 followers · 11 following
View GitHub Profile
@aghassemi
aghassemi / components.my-foo\.js
Created October 1, 2020 18:47
New Twiddle
import Component from '@glimmer/component';
export default class extends Component {
}
@aghassemi
aghassemi / controllers.application\.js
Last active May 12, 2020 17:19
toggle
import Controller from '@ember/controller';
import { action } from '@ember/object';
export default class ApplicationController extends Controller {
appName = 'Ember Twiddle';
focused = false;
disabled = false;
@action
@aghassemi
aghassemi / components.my-component\.js
Created May 12, 2020 16:56
New Twiddle
import Component from '@glimmer/component';
export default class extends Component {
}
@aghassemi
aghassemi / controllers.application.js
Last active June 11, 2021 17:15
New Twiddle
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle',
actions: {
itChanged: function() {
console.log('it changed!');
}
}
@aghassemi
aghassemi / lottie.json
Created June 6, 2019 19:28
{"v":"5.5.4","fr":30,"ip":0,"op":120,"w":800,"h":800,"nm":"daynightisland","ddd":0,"assets":[],"layers":[{"ddd":0,"ind":1,"ty":4,"nm":"Shape Layer 4","sr":1,"ks":{"o":{"a":0,"k":100,"ix":11},"r":{"a":0,"k":0,"ix":10},"p":{"a":0,"k":[367,439,0],"ix":2},"a":{"a":0,"k":[-33,39,0],"ix":1},"s":{"a":0,"k":[100,100,100],"ix":6}},"ao":0,"shapes":[{"ty":"gr","it":[{"ind":0,"ty":"sh","ix":1,"ks":{"a":1,"k":[{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":74,"s":[{"i":[[0,0],[-0.312,0.125],[-15.969,-8.062],[3,-3],[15.338,-6.763],[5.5,-6.25],[-31.921,2.456],[-33.75,18.75],[-5,-9],[57.69,23.512]],"o":[[0,0],[80.875,19.5],[25.75,13],[-3,3],[-31.75,14],[-17.049,19.374],[55.25,-4.25],[25.531,-14.184],[5,9],[-59.5,-24.25]],"v":[[-22.062,39.063],[-40.875,39],[81,86],[23,102],[74,108],[36,116],[133,120],[181.5,90],[136,59],[95.5,68.25]],"c":true}]},{"i":{"x":0.833,"y":0.833},"o":{"x":0.167,"y":0.167},"t":90,"s":[{"i":[[0,0],[-0.312,0.125],[13.437,-11.809],[-3.83,-1.826],[15.338,-6.763],[-6.259,-5.49],[-31.921,2.455],[-
@aghassemi
aghassemi / amp-video-ima.html
Created April 17, 2017 22:14
<!doctype html>
<html ⚡>
<head>
<meta charset="utf-8">
<title>IMA examples</title>
<link rel="canonical" href="amps.html" >
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=Questrial' rel='stylesheet' type='text/css'>
<script async custom-element="amp-ima-video" src="https://cdn.ampproject.org/v0/amp-ima-video-0.1.js"></script>
<style amp-custom>
@aghassemi
aghassemi / video-a4a.amp.html
Created April 12, 2017 17:04
video a4a
<!doctype html>
<html ⚡>
<head>
<meta charset="utf-8">
<title>SambaPlayer AMP Example</title>
<link rel="canonical" href="amps.html" />
<meta name="viewport" content="width=device-width,minimum-scale=1">
<link href='https://fonts.googleapis.com/css?family=Georgia|Open+Sans|Roboto' rel='stylesheet' type='text/css'>
<script async custom-element="amp-social-share" src="../dist/v0/amp-social-share-0.1.max.js"></script>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:
@aghassemi
aghassemi / one.md
Last active March 31, 2017 00:16

asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asd asdf asdf asdf asfasfa asfasdf aSD as dasD asd as daSD asd

@aghassemi
aghassemi / resizable-amp-iframe.html
Created December 13, 2016 19:12
<!doctype html>
<body style="background-color: yellow">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ullamcorper turpis vel commodo scelerisque. Phasellus luctus nunc ut elit cursus, et imperdiet diam vehicula. Duis et nisi sed urna blandit bibendum et sit amet erat. Suspendisse potenti. Curabitur consequat volutpat arcu nec elementum. Etiam a turpis ac libero varius condimentum. Maecenas sollicitudin felis aliquam tortor vulputate, ac posuere velit semper.
Fusce pretium tempor justo, vitae consequat dolor maximus eget. Aliquam iaculis tincidunt quam sed maximus. Suspendisse faucibus ornare sodales. Nullam id dolor vitae arcu consequat ornare a et lectus. Sed tempus eget enim eget lobortis. Mauris sem est, accumsan sed tincidunt ut, sagittis vel arcu. Nullam in libero nisi.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ullamcorper turpis vel commodo scelerisque. Phasellus luctus nunc ut elit cursus, et imperdiet diam vehicula. Duis et nisi sed urna blandit bibe
@aghassemi
aghassemi / iosvideo.html
Last active September 26, 2016 16:01
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>play swipe bug</title>
</head>
<body>
<p>Start a scroll swipe by placing finegr on top of the `play` icon in the video, notice video starts playing despite gesture being a swipe not a tap</p>
<video