Skip to content

Instantly share code, notes, and snippets.

View alvinthen's full-sized avatar

Yao Bin alvinthen

6 followers · 1 following
View GitHub Profile
@alvinthen
alvinthen / main.dart
Created May 9, 2020 02:43
Answer for https://stackoverflow.com/questions/61674632/how-can-i-return-the-value-that-a-statefellwigdet-contains-to-use-it-in-a-listvi
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: ListViewBuilder(),
);
@alvinthen
alvinthen / main.dart
Created May 8, 2020 05:07
CustomClipper, answer for https://stackoverflow.com/questions/61544180/flutter-how-to-make-a-background-with-this-curve
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MyWidget(),
);
@alvinthen
alvinthen / index.js
Created April 2, 2018 15:39
Kurento browser
var ws = new WebSocket('ws://localhost:8080');
var videoInput;
var videoOutput;
var webRtcPeer;
var state = null;
const I_CAN_START = 0;
const I_CAN_STOP = 1;
const I_AM_STARTING = 2;
@alvinthen
alvinthen / .eslintrc
Created October 25, 2017 06:21
eslint config
{
"parser": "babel-eslint",
"plugins":[
"flowtype"
],
"extends": [
"airbnb",
"plugin:flowtype/recommended"
],
"rules": {
@alvinthen
alvinthen / settings.json
Last active February 20, 2018 08:46
VSCode config
// Place your settings in this file to overwrite the default settings
{
"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true,
"editor.fontSize": 16,
"editor.fontWeight": "400",
"editor.renderControlCharacters": false,
"editor.renderWhitespace": "all",
"editor.rulers": [100],
"editor.scrollBeyondLastLine": false,
@alvinthen
alvinthen / material-typography.txt
Last active March 6, 2017 07:22
Material typography
display4: 7rem 112px light 300
display3: 3.5rem 56px regular 400
display2: 2.813rem 45px regular 400
display1: 2.215rem 34px regular 400
headline: 1.5rem 24px regular 400
title: 1.25rem 20px medium 500
subheading2: 1rem 16px regular 400
subheading1: .938rem 15px regular 400
body2: .875rem 14px medium 500
body1: .875rem 14px regular 400
@alvinthen
alvinthen / elevations.css
Last active September 11, 2023 07:54
Material design elevation css box shadow
.elevation-2 {
box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
0px 2px 2px 0px rgba(0, 0, 0, 0.14),
0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.elevation-3 {
box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2),
0px 3px 4px 0px rgba(0, 0, 0, 0.14),
0px 1px 8px 0px rgba(0, 0, 0, 0.12);
@alvinthen
alvinthen / README.md
Created December 19, 2016 11:49
Convert .mov to .gif with speed up and reduced file size 
mkdir output
ffmpeg -i Untitled.mov -vf scale=640:-1 -r 3 output/ffout%3d.png
convert -delay 1 -loop 0 output/ffout*.png output/output.gif     
convert output/output.gif -fuzz 10% -layers Optimize output/result.gif
@alvinthen
alvinthen / prepare_icons.sh
Last active July 25, 2019 19:31 — forked from Lerg/prepare_icons.sh
Make all app icons with imagemagick, iOS and Android
#!/bin/sh
base=$1
if [ -z $base ]
then
echo No argument given
else
##
## iOS files
convert "$base" -resize 20x20! "Icon-20.png"
@alvinthen
alvinthen / README.md
Created November 22, 2016 19:50
Rails image upload using carrierwave and fog

Add gems

gem 'carrierwave',             '0.11.2'
gem 'mini_magick',             '4.5.1'
gem 'fog',                     '1.38.0'

Run rails g uploader Image