動画をレスポンシブに対応させるCSSのTipsがとても便利 – bl6.jp
以前、YouTubeやVimeoからの埋め込み動画をレスポンシブにするjQueryプラグイン「FitVids.JS」をご紹介したんですが、今回はJSを使わずにCSSだけを使って埋め込まれた動画をレスポンシブに対応させるTipsが「Web Designer Wall」にあったのでご紹介します。CSSで完結できるならそれに越したことはないですよね。 [ads_center] やり方 まずはCSSです。親要素にはposition: relative、子要素にはposition: absoluteでwidthとheightともに100%を指定する必要があります。 .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video
リスト化したテキストを円になるように配置してくれるjQueryプラグイン「Extremes」 – bl6.jp
ちょっと面白そうだったので使ってみました。リスト化した各テキストを円を描くように配置してくれるjQueryプラグイン「Extremes」です。使い方や機能がとてもシンプルでいいですね。各テキストをカスタマイズしてネームプレートのようなカラフルなナビに仕上げることもできるのでお洒落です。ということで以下使い方です。 [ads_center] Extremesの使い方 Extremesの使い方はとても簡単です。いつも通りjQuery本体とダウンロードしたプラグインを読み込みます。 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'></script> <script src="extremes.js"></script> 円を
WordPressでアイキャッチ画像を使う場合のサイズ設定や画像ありなし時の振り分けなど – bl6.jp
WordPressにあるアイキャッチ画像がとても便利で、自分もWordPressでサイトを作る時は大体設置するようにしています。で、その時の画像サイズの設定やアイキャッチ画像を条件による振り分け（画像がある時とない時など）を整理する意味で簡単にまとめてみました。 [ads_center] アイキャッチ画像の使い方 アイキャッチ画像を使うための流れとしては「functions.phpを設定」→「テーマ内で出力」といった具合で使っていきます。 自分のテーマでアイキャッチを使えるようにする ということでまずは自分のテーマでアイキャッチを使えるようにしていきます。functions.phpに以下を記述することで有効になります。 <?php add_theme_support('post-thumbnails'); ?> この時、サイズなんかを指定したい場合は以下も追加してあげます。 set_pos
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iTunesで曲が変更された時に画面右上に出る通知を非表示にするやり方 – bl6.jp