Flashの代替？！Adobe Edge Animateは凄い vol.1
◇Adobe Edge Animate って何？ 「HTML５アニメーション・オーサリングツール」 この言葉から分かる通り、HTML5のソースです。 ただ、画面はFlashなどのアニメーションツールに似てます。 上の画面からキーフレームやJS、CSSフィルターを付けたりと色々遊べます。 JSが苦手な人にも有り難いことに、スニペットからワンタッチで入れることも出来ます。 名前を付けて保存をすると色々なファイルが出力されます。 画像では「onmouse」と名前を付けました。 パブリッシュ「ファイル＞パブリッシュ」すると、更にこんな感じのファイルが出来ます。 publish > web > 色々 内部編集も外部編集もどちらも可能です。 既存サイトにモーションを追加することもアニメーション画像を追加することも出来ます。 シーン制御やギミックをつけることが出来、マウスの動きやmouseoverなどの
CSSだけで画像を上下中央に配置する « SRC Blog -samurai-rok.com-
久しぶりすぎて若干死に掛けたブログですが たまにはWEB屋らしい情報を 「CSSのみで画像を上下中央に配置する方法」 イメージ的にはこんな感じ HTML5やCSS3の話題で盛り上がってる中今更なネタですが 調べてみると中々バッチリとした答えが見つからないので 書いときます 一応仕様としては 1.HTMLを汚さない、余計なタグは書かない 2.ハックを使わない 3.IE6、IE7、IE8、その他モダンブラウザ対応 4.imgはどんなサイズでも囲うdivの上下中央に配置する こんなとこですかね で早速答えは 【HTML】 <div><img src=”images/src.jpg” alt=”img” width=”100″ height=”50″ /></div> 【CSS】 div { width:300px; height:200px; display:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
