[CSS] 動画の貼り付けコードをレスポンシブに最適化させる

2015年9月29日

Embedvideo responsive

YouTubeをはじめ様々な動画サイトの貼り付けコードは、そのまま貼り付けるとサイズ調整されずに、レスポンシブレイアウトが壊れてしまう場合があります。レスポンシブサイトに最適化させるには、cssでコンテナを作りwidthをピクセル指定からパーセント指定にしてやります。

以前紹介したFitVids.JSを使う方法（とコンテナを使う方法）では、実質、YouTubeの貼り付けコードのみに対応していましたが、iframe以外にobjectやembedにも対応させることで、幅広い貼り付けコードをレスポンシブサイトの表示を崩さずに貼り付けることができます。

続きを読む →

[ブラウザ] Web開発者向けのFirefox Developer Edition

2014年11月12日

Webサイトやブログなどの作成者向けに、Mozillaが「Firefox Dev Edition」を提供しています。

使ってみた感じでは、通常のFirefoxにFire Bugアドオンをインストールした状態に近くて、ソースコードなどの表示ができるWebコンソール、レイアウトのピクセル表示などが行えるページインスペクター、デバッガー、スタイルエディター、パフォーマンスチェック、ページの表示速度をチェックして、ボトルネックになっているファイルを調べるといったツールを実装しています。

続きを読む →

Amazonおまかせウィジェットに障害発生、一時的に他のバナーなどに変更を

2012年6月25日

Amazonアソシエイトプログラムの「おまかせリンクウィジェット」などで障害が発生しているようです。そのため、このウィジェットを貼っているページの読み込みが異常に遅くなっています。また、貼っている場所によっては、コンテンツの表示に支障をきたしてしまいます。

2012/6/27追記：
復旧した旨の公式アナウンスはされていませんが、自分のアカウントで「おまかせリンクウィジェット」が正常に動作することを確認しました。

公式で案内があったのが6/19、今現在（6/25）も障害は続いており、復旧されてはおりません。この障害はかなり長引く可能性もあるので、ひとまず、おまかせリンクウィジェットは外して他のバナーに置き換えるなどの対策をしておきましょう。

WordPress サイドバーウィジェットのTips

2008年4月6日 / 1件のコメント

サイドバー (sidebar.php)でのサイドバーウィジェット表示部分は以下なので、ウィジェットの有無関わらず表示したいものはphp ifの上に書く。

<?php if (!function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : // begin primary sidebar widgets ?>
この間
<?php endif; ?>

ウィジェット部分のhtmlを弄りたい場合、テーマのための関数 (functions.php)を弄る。

<?php
if ( function_exists('register_sidebar') )
    register_sidebar(array(
        'before_widget' => '<li id="%1$s" class="widget %2$s">',
        'after_widget' => '</li>',
        'before_title' => '<h2 class="widgettitle">',
        'after_title' => '</h2>',
    ));
?>

（例）

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array(
'before_widget' => '<li id="%1$s" class="widget %2$s">',
'after_widget' =>'</li>',
'before_title' => '<h3>',
'after_title' => '</h3>',
));
?>