ADOBE® MUSE® 初めての Web サイト制作 1 A- 100 Photoshop Adobe Muse Adobe Muse Web 1 Muse Katie Web 1. Adobe Muse CC 2. (ZIP 78MB) 3. ZIP Katies Café Building v3 4. Muse 5. Adobe Muse CCOK 1 1. Adobe Muse 6. 9 0 4 0 960 872 2 1 2. HiDPI 2x Muse Web Muse Web Web Web Apple 3 3. 4 2 4. katiesCafe katiescafe-final.muse katiesCafe.muse .muse Adobe Muse katiescafe-final 7. OK 8. Adobe Muse katiesCafe.muse katiesC
こんにちは。フロントエンドのつっちーです。 前回記事では、サポート終了(※1)となったIE9を切り捨てることで、CSSアニメーションを軸とするスライドショーを作成しました。今回も同様のコンセプトで、同じくよく使われているUI、アコーディオンを作成します。 内容の高さにそれぞれ違いがある場合でも、サイズを指定することなくアニメーションするところがポイントです。 ※1 Windows Serverを除く 今回つくるアコーディオン まずは完成した状態を確認してみましょう。 See the Pen 1704-completed by ligdsktschy (@lig-dsktschy) on CodePen. トリガーの要素をクリックすることで開閉する、一般的なアコーディオンです。 ちなみにこれを、CSSアニメーションを使わず実装したものがこちら。 See the Pen 1704-jquery
シンクゼロマガジン・ライト版 Creative Edge School Books の宣伝用マイクロブログギング。 企画・制作・販売している学習コンテンツのリリースやキャンペーンなどの情報をお知らせしています。 URL: http://design-zero.tv/ 公式サイトをご覧ください。 現在、ブログを公式サイト( http://design-zero.tv/ )に移行中です。 公式サイト( http://design-zero.tv/ )には活動報告や学習コンテンツの情報を掲載しています。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く