Skip to content

Instantly share code, notes, and snippets.


Davo Galavotti davo

View GitHub Profile
View spline-gradient.js
global.THREE = require("three");
const canvasSketch = require('canvas-sketch');
const Random = require('canvas-sketch-util/random');
const gradientHeight = 512;
const settings = {
dimensions: [ 2048, gradientHeight * 2 ]
davo / cloudTrailEventNames.list
Created May 12, 2020 — forked from pkazi/cloudTrailEventNames.list
List of values for parameter EventName in AWS Cloudtrail events
View cloudTrailEventNames.list
davo / .block
Created Aug 6, 2019 — forked from DarienLiang/.block
Transition Between Three Views
View .block
license: mit
View SvgComponent.tsx
import * as React from "react"
import { Frame, addPropertyControls, ControlType } from "framer"
type Props = {
width: number | string
height: number | string
color: string
export const SvgComponent = (props: Props) => {
davo / iphone-frame-overlay-app.js
Created Jan 21, 2019 — forked from vincentriemer/iphone-frame-overlay-app.js
Video iPhone Frame Overlay Web App Prototype
View iphone-frame-overlay-app.js
import React, { Component, useCallback, useState, useRef } from "react";
import "./App.css";
const imgUrl = require("./assets/iPhone-XS-Portrait-Space-Gray.png");
const fullSize = {
width: 1325,
height: 2616
View framerx_boilerplate.tsx
import * as React from 'react'
import { Frame, PropertyControls, ControlType } from 'framer'
interface Props {
color: string
export class componentName extends React.Component<Props> {
static defaultProps = {
width: 1600,
View open-safari-tabs-in-chrome.scpt
tell application "Safari"
set tab_list to every tab in the front window
repeat with the_tab in tab_list
set the_url to the URL of the_tab
tell application "Google Chrome" to open location the_url
end repeat
end tell

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:

davo /
Last active Apr 1, 2018 — forked from curran/.block
Color and Texture with textures.js

A test of textures.js that shows one approach for having independent scales for color and texture.

This ended up being more code than expected, because each (color, texture) combination needs to be defined independently. This is because each texture ends up as an SVG def, whose color properties (fill, stroke) cannot be changed per mark. Each (color, texture) pair must exist globally, then be applied to each mark.

davo /
Last active Mar 5, 2018 — forked from isaacw/
Creates convenience refs on targeted layers from the design tab so that we don't have to use Layer::childrenWithName.
# Layer::createChildrenRefs
# Creates convenience refs on targetd layers from the design tab so that we don't have to use Layer::childrenWithName.
# Pass recursive=true to do this for all descendant layers while maintaining hierarchy.
Layer::createChildrenRefs = (recursive=false, camelCase=true, ignoreLayers=true) ->
for layer in @children
# Filter any layer with a name starting with '_' as 'private layers'.
unless ignoreLayers is false
if _.startsWith(, '_')
return true