Skip to content

Instantly share code, notes, and snippets.

View chan-dev's full-sized avatar
💭
I may be slow to respond.

Christian M. Austria chan-dev

💭
I may be slow to respond.
View GitHub Profile
@chan-dev
chan-dev / gsap-properties-cheat-sheet.md
Created September 25, 2020 23:26 — forked from lunelson/gsap-properties-cheat-sheet.md
Greensock Properties Cheat Sheet

Greensock CSS properties Cheat Sheet

I wrote this as a reference for myself because some of the property names are non-obvious, and there are a number of relevant special properties, and there is no central concise listing of them all in GSAP Docs, other than (in longer form) on the CSSPlugin page.

Standard CSS properties

...are all supported, with hyphenated-names becoming camelCaseNames. Non-animatable properties are also supported but they will be set at the beginning of the tween.

Special mentions:

@chan-dev
chan-dev / meta-tags.md
Created August 9, 2020 08:54 — forked from lancejpollard/meta-tags.md
Complete List of HTML Meta Tags

Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

Basic HTML Meta Tags

<meta name="keywords" content="your, tags"/>
<meta name="description" content="150 words"/>
<meta name="subject" content="your website's subject">
<meta name="copyright"content="company name">
<meta name="language" content="ES">
@chan-dev
chan-dev / element.directive.ts
Last active June 10, 2020 00:09
Angular utility directive to be able to access elementRef in template
// from: https://twitter.com/Waterplea/status/1270264621534982146
@Directive({
selector: '[elementRef]',
exportAs: 'elementRef'
})
export class ElementDirective<T extends Element> extends ElementRef<T> {
constructor({ nativeElement }: ElementRef<T>) {
super(nativeElement);
}
}
@chan-dev
chan-dev / app.js
Last active March 4, 2020 23:53
#google-maps Google-Maps finding the start and end polyline points that contains the clicked LatLng
var markerDist;
var startPointMarker = new google.maps.Marker();
var endPointMarker = new google.maps.Marker();
var map;
var clickedPolylineLatLng = new google.maps.MVCArray();
var clickedPolylineArray = [];
var clickedPolyline = new google.maps.Polyline({
path: clickedPolylineLatLng,
strokeColor: 'blue',
@chan-dev
chan-dev / sublime-text-3-open-in-command-line.txt
Created March 6, 2019 09:50 — forked from placidrod/sublime-text-3-open-in-command-line.txt
Sublime Text 3 - Open in Command Line (Windows)
You can open sublime text from command line with subl.exe and subl. The second one has a problem. If sublime text is not open already,
when you open sublime text with subl, the command prompt will wait until sublime text is closed. So, you cannot do anything else in
terminal, unless you open another terminal. This is useful in some cases. But sometimes its a pain.
Method 1: Open with subl.exe
1. Go to Control Panel > Advanced System Settings -> Advanced -> Environment Variables
2. Create a new system variable called SUBLIME that will point to the folder of your Sublime installation.
Variable Name: SUBLIME
Variable Value: C:\Program Files\Sublime Text 3
@chan-dev
chan-dev / index.html
Created February 11, 2019 09:21 — forked from knownasilya/index.html
Google Maps Advanced Drawing
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="UTF-8">
<title>Drawing Tools</title>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false&libraries=drawing"></script>
<style type="text/css">
#map, html, body {