Skip to content

Instantly share code, notes, and snippets.

View tedshd's full-sized avatar

Ted tedshd

View GitHub Profile
@tedshd
tedshd / ModernWeb_2015.md
Created August 7, 2015 02:22
ModernWeb 2015 log

1996 ajax

asm.js bytecode

ES6 寫法向 Java 靠攏

ES7 草案中

@tedshd
tedshd / onbeforeunload.html
Created September 9, 2015 09:39
onbeforeunload demo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Examples</title>
<link href="" rel="stylesheet">
</head>
<body>
<a href="https://www.google.com.tw/?gfe_rd=cr&ei=6evvVeztB4rT8AWBzL-ABw">A</a>
@tedshd
tedshd / zsh.md
Created September 29, 2015 09:16 — forked from tsabat/zsh.md
Getting oh-my-zsh to work in Ubuntu
@tedshd
tedshd / JSNOP.js
Last active September 12, 2016 15:29
Async
function componentHTML(width, height, id, dom, count) {
if (!dom) {
console.error('not set dom');
return;
}
if (!count) {
var count = '';
}
var js = document.createElement('script');
js.setAttribute('id', 'component_' + id + '_' + count);

2014 Taiwan IT 業注重的領域 cloud social big data mobile app

2014 Taiwan IT 業在做的事 support mobile app

opensource rank

@tedshd
tedshd / responsive_popup.html
Last active December 16, 2015 02:50
responsive popup demo
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>responsive popup</title>
<link rel="stylesheet" href="http://meyerweb.com/eric/tools/css/reset/reset200802.css">
<style>
html, body {
width: 100%;

數據引導設計

以數據提升促銷

UI 盡量一致, 以便 User 使用, 以免 User 迷失

資訊扁平化, 非深入

數據提示問題點

@tedshd
tedshd / note.md
Created June 4, 2016 11:58
Y! UI / UX Night

Animation UI

使用動畫的時機

  • 狀態的改變

  • 吸引使用者的注意

  • 視覺回饋

@tedshd
tedshd / content.js
Last active July 1, 2016 04:00
webpack
require('./const.js');
console.log('this is content');