2013年11月30日(土)10:00から札幌市民ホールで開催されたSaCSS vol.50に参加してきました。北海道でJavascriptのプログラムを中心にフリーランスで活躍されているh2hamさん主催のセミナーです。
今回はいつものセミナー形式と違い、CSS3のアニメーションをグループに分けて制作、発表する内容です。
Gitの導入
制作にあたり、各PCにGitを導入してファイルの共有を行いました。ただ、PCの環境がWindows XP、7にMacと違ったため、導入に時間がかかり、結局設定してもらい環境を揃えました。Gitはすごく便利なツールですが、各人が導入設定できる前提でないと使いづらい点が問題と感じました。
CSS3アニメーション
CSSアニメーションはローディングに出てくるアニメーションということで、文字のアニメーションと、円や線、丸を使ったアニメーションを作りました。その後、各人で自由なアニメーションを作り、発表しました。
ブラウザにより挙動等の問題はあるようですが、CSSで多彩なアニメーションが簡単に作ることができることが分かり、勉強になりました。今後このあたりを使う機会が増えそうな印象を受けました。