レスポンシブと相性がいいカード型UIのレイアウトやデザインの実装アイデアのまとめ
Pinterestから人気が出始めたカード型UIは、ここ1, 2年の間に日本でも多くのWebサイトで見かけるようになりました。BootstrapやMaterial Designにも採用されており、レスポンシブデザインとも非常に相性がよいUIコンポーネントです。 そんなカード型UIのレイアウトやデザイン、アニメーションを伴ったインタラクションの実装アイデアを紹介します。 各リンク先ではHTMLやCSS、使用していればJavaScriptも編集・ダウンロードできます。 Recipe Card インタラクションの一部をアニメーションにしてみました。他にも写真がズームしたり、タブ（機能は未）などが用意されており、省スペースに多くの情報を掲載することができます。
S3でディレクトリのファイル一覧を表示する
設置すべきファイルは3つ XMLパーサー：xmlparser.js(Ver0.1.0)...http://ecs.amonya.com/download/javascript/xmlxmlparserjs.html prototype.js...http://prototypejs.org/ htmlファイル...(.tsvのみをフィルタリングしてリスト化) <html lang="ja"> <head> </head> <body onload="loadXML();"> <div id="result"style="white-space:nowrap;" > </div> </body> </html> S3のバケットポリシーを設定する ここでは、ListとGetをxxx.xxx.xxx.xxx/32のアドレスのアクセスのみに絞って許可 { "Version": "2008-10-1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
