AMP Start、レスポンシブウェブデザインのAMPサイトを簡単に構築できるテンプレートを公開
[レベル: 中級] AMP プロジェクトは、AMP HTML で構成したウェブサイトを簡単に作成するためのテンプレートの提供を始めました。 AMP Start という名称のサイトで公開しています。 まずは2種類のテンプレートを配布 AMP Start で公開されているテンプレートを使えば、AMP に対応したサイトをゼロから構築する必要はありません。 テンプレートはデザイン的に洗練されており、たいていのサイトに必要な要素を備えています。 現在公開されているテンプレートは、次の2種類です。 記事用 ブログ用 記事もブログも大差ないように思いますが、ナビゲーションメニューやソーシャルボタンなどの要素に多少の違いがあります。 “COMING SOON”とあるので、もう1種類のテンプレートが近々公開されると思われます。 RWD + AMP HTML どちらのテンプレートも、レスポンシブ ウェブ デザ
AMP対応ページにスワイプでスルスルっと滑らかに動く「カルーセル」を実装（表示）する方法｜今村だけがよくわかるブログ
Web制作に関わっている方は「カルーセル」と言えば、以下のような「横にスクロールするもの」を想像する方も多いと思います。 ところで、カルーセルを実装する理由って何ですか？この「カルーセル」ってのは、1ページに表示するコンテンツ量が多いために、上下にスクロールさせる操作を閲覧者にあまりさせないための施策、つまり「上下のスクロール量を減らす」目的として採用することがあります。 また、1つの話題に対して関連する複数の選択肢を「カルーセル」として1つにまとめて、横に並べることで前後関係を把握しながら閲覧してもらえる、というメリットもあるんじゃないかと思います。 上記の内容を端的に表現すると「モバイルでの操作性や利便性を高めるために、カルーセルを実装することもあるよ」ということですね。 そんなカルーセルを、AMP対応ページにも実装したいよね！ 実装しましたさっそく実装しました。以下はキャプチャ画像で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
