はてなブックマーク

◇Adobe Edge Animate って何？ 「HTML５アニメーション・オーサリングツール」 この言葉から分かる通り、HTML5のソースです。 ただ、画面はFlashなどのアニメーションツールに似てます。 上の画面からキーフレームやJS、CSSフィルターを付けたりと色々遊べます。 JSが苦手な人にも有り難いことに、スニペットからワンタッチで入れることも出来ます。 名前を付けて保存をすると色々なファイルが出力されます。 画像では「onmouse」と名前を付けました。 パブリッシュ「ファイル＞パブリッシュ」すると、更にこんな感じのファイルが出来ます。 publish > web > 色々 内部編集も外部編集もどちらも可能です。 既存サイトにモーションを追加することもアニメーション画像を追加することも出来ます。 シーン制御やギミックをつけることが出来、マウスの動きやmouseoverなどの

Web制作者なら誰もが思うこと それは、ファイルを保存していちいちページ更新して確認するのは意外とめんどくさい。 微妙に時間がかかる・・・ ではないでしょうか？ Dreamweaverとwordpressを連携させるとワンクリックで表示を確認することが出来ます。 ７ヶ月前、設定方法をライトニングトークでお話しさせて頂きました。 ただ、当時はWordpressのこともphpが環境構築しないとローカルで動かないこともDreamweaverのこともろくに知らない状態で、知らないづくしで発表したので作成したスライドは何が言いたいのか分からないものになってしまっています。 今回、設定部分に焦点を当てて簡単にまとめてみます。 ★使用環境：Windows・Dreamweaver5.5 ＜目次＞ 1.XAMPPインストール 2.WordPressインストール 3.Dreamweaverの設定 4.Drea