- もう少し寝てたい posted at 06:30:21
- 今日も歩いて行くか posted at 07:25:18
- 今朝は涼しいな posted at 07:40:26
- 出社なう posted at 08:15:13
- 会社の健保の助言で半年間、エプソンの PS-100 を借りて使ってみることになった。 posted at 13:50:08
- 引継したプログラムの既存の不具合を直せないうちに新たな不具合の報告が来てつらい posted at 16:30:16
- I'm at Gotanda Station in 品川区, 東京都 www.swarmapp.com/c/33sWjpx6kE8 posted at 18:10:11
- I'm at Yoyogi Station in Shibuya, 東京都 www.swarmapp.com/c/7As5oAXPZpZ posted at 18:25:33
- I'm at @McDonaldsJapan in 渋谷区, 東京都 www.swarmapp.com/c/eItJ9kzuojJ posted at 18:30:11
- 晩ご飯なう p.twipple.jp/PRKXH posted at 18:35:19
- I'm at JECビル in 渋谷区, 東京都 www.swarmapp.com/c/cCRAm3YmCrx posted at 19:00:24
- 来ました。RT 増員190名【#TechBuzz】10/7 第26回HTML5+JS勉強会 in 代々木 - connpass bit.ly/2dPtBbN posted at 19:10:10
- 「Webアニメーションのおさらい」 posted at 19:40:06
- ウェブアニメーションの方法。?JS を使う、?CSS を使う posted at 19:45:59
- JS を使うアニメーションは本格的、難しい、ライブラリを使用。CSS を使うアニメーションは実用的、プロパティのみ、標準機能で対応。 posted at 19:48:40
- CSS アニメーションで使うプロパティ。?trasition 。CSS プロパティの変化で。:hover が得意。?animation 。CSS が読み込まれたら。keyframe がある。 posted at 19:53:51
- ハードウェアアクセラレーション。CPU でなく GPU を使用。CSS の will-change で指定。 posted at 19:55:40
- アニメーションにおける１２の基本原則。ディズニー社の現場で培われた。 posted at 19:57:31
- ?押しつぶしと伸縮。質量のある物体の動き。 posted at 19:59:10
- ?予備動作。動作はいきなり始まらない。 posted at 19:59:56
- ?演出。注目させたい要素の他のものを変化させて注目させる。 posted at 20:01:27
- ?逐次。アニメーションのカットを逐次描いていく。 posted at 20:03:09
- ?継続する動きと後追いの動き。始動と停止のズレを表現。 posted at 20:04:02
- ?スローインとスローアウト。加速し始めはゆっくり、速度がついてから素早く、減速するときはゆっくり。 posted at 20:04:45
- ?運動曲線。 posted at 20:05:23
- ?副次アクション。メイン動作が起こるときに分かり易く強調する手助け。 posted at 20:06:31
- ?タイミング。タイミングに変化をつけて重い、軽いなどを表現する。 posted at 20:07:22
- ?誇張。大げさな表現で注目やドラマチックな演出する。 posted at 20:08:14
- ?立体感のある描画。CSS で 3D 表現も可能。 posted at 20:09:36
- ?アピール力。細部までこだわることでアピールする。 posted at 20:09:57
- Web Animations API 。CSS アニメーションや JS アニメーションの問題点を解消するための規格。まだドラフトだが実装された環境もある。 posted at 20:13:57
- CSS アニメーションのデバッグは。難しいね。 posted at 20:17:56
- 「HTML5・CSS3のイマドキコーディング技術」 posted at 20:20:04
- 時代は変化している。３年前は IE10 がトップ。現在は Chrome がトップ。古い IE の時代は終わった。 posted at 20:25:38
- HTML5 対応が進んだ。ツールやライブラリが充実。数年前と同じでは損する。 posted at 20:27:57
- ?メタキーワードは意味なし。 posted at 20:29:22
- リッチスニペットを使う。 posted at 20:29:52
- ?スケーラブル指定は iOS 10 から意味なし。 posted at 20:31:28
- ?画像サイズは２倍でいいのか。デバイスピクセル比が３以上の端末も出てきている。 posted at 20:33:16
- ?SVG を使う。?HTML 5.1 のレスポンシブイメージを使う。 posted at 20:35:03
- ?JavaScript の読込の改善 posted at 20:37:39
- ?ファイル数を減らす。?ボディ部の最後で読込。?defer 属性を使う。 posted at 20:39:03
- ?フォントサイズは絶対値でいいのか。ユーザビリティを考えて相対値にしたい。 posted at 20:41:17
- ?「clearfix」を見直す。より短い記述できるようになった。 posted at 20:43:08
- ?float はつらい。Flexbox で解決。 posted at 20:45:06
- ボックス配置するなら Flexbox posted at 20:45:52
- ?ベンダープレフィックスで悩まない。Autoprefixer を使う。 posted at 20:47:41
- 新しい技術はユーザーもクリエーターも幸せにする。今の書き方が正しいか常に研究しよう。 posted at 20:50:07
- 今回も面白かった。＞HTML5+JS勉強会 in 代々木 posted at 22:00:21
- I'm at Yoyogi Station in Shibuya, 東京都 www.swarmapp.com/c/foBL1lguJrK posted at 22:05:10
- I'm at 中延駅 (Nakanobu Sta.)(OM04/A03) in 品川区, 東京都 www.swarmapp.com/c/hhR5Lysxn4y posted at 22:25:09
- 帰宅なう posted at 22:35:10
- 寝る posted at 23:50:16
