CSSでの画像切り替えアニメーションのアイデア集:phpspot開発日誌
Inspiration for Item Transitions | Codrops CSSでの画像切り替えアニメーションのアイデア集 画像を次に送った場合のアニメーションが豊富に提案されていて、イメージにあったものがきっと見つかるはず。 シンプルなギャラリーもいいですが、ちょっとだけ派手にしたいような場合に参考にしてみるとよさそうです。 関連エントリ 新Flickr風のギャラリーが作れるjQueryプラグイン「Justified Gallery」 レスポンシブでPinterest風レイアウトのギャラリーが作れるjQueryプラグイン「Galereya」 レスポンシブなギャラリー構築ができるLightBox実装jQueryプラグイン「lightGallery」 レスポンシブ対応でCSS3アニメーションを使った超クールギャラリー実装プラグイン「S Gallery」 線を描きながらギャラリーの
YouTubeやVimeoなどの埋め込み動画をレスポンシブ対応させる方法 - NxWorld
割と使用頻度が高いのに毎回のように「どうするんだっけ...」となってしまうので備忘録。 YouTubeやVimeoなどのような埋め込み動画をレスポンシブ対応させる方法で、特に面倒な記述も必要なく実装できます。 実装にはHTMLとCSSを下記のように記述し、HTMLは動画を表示させるiframeをdiv要素で囲み、CSSはdivとiframeそれぞれにスタイルを指定します。 <!-- YouTube --> <div class="video"> <iframe src="//www.youtube.com/embed/{動画コード・パラメータ指定部分}" frameborder="0" allowfullscreen></iframe> </div> <!-- Vimeo --> <div class="video"> <iframe src="//player.vimeo.com/vid
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
