Category : (X)HTML/CSS

メモメモ:windowsにImagemagickをインストールしてxampp上のPHPで使えるようにするよ



Windows7 64bitでPHP5.4、5.5、5.6それぞれで確認したよ。
先に言っておくけど、PHP5.4ではJPEGやTIFが対応できませんでした。(GIFはOK)
原因は不明ですが参考までに、以下の手順で準備した場合のPHP5.4のphpinfoです。

phpinfo3

“ImageMagick supported formats”にJPEGやPNGが出てきません。

1.ImageMagick本体をDLしてインストール

(さらに…)

 

メモメモ:何故かIEだけopacityが効かない時の原因



IEではopacityを付ける要素の子要素がposition:absolute;の時は、その親要素にposition:relative;を付けないとopacityが働かない。

<div id="outer">
    <div id="inner">
        ほげほげ
    </div>
</div>
#outer { opacity : 0; }
#inner { position:absolute; left:0; top:0;}

これだとIEではopacityが効きません。

#outer { opacity : 0; position:relative; }
#inner { position:absolute; left:0; top:0;}

position:relative; を親要素に付ければOK。

 

wordpressめもめも : functions.php



//管理画面で更新情報を表示しない

add_filter( 'pre_site_transient_update_core', '__return_zero' );
remove_action( 'wp_version_check', 'wp_version_check' );
remove_action( 'admin_init', '_maybe_update_core' );

//画像アップロード時指定したサイズの画像を生成する

add_image_size( $string, $width, $height, $boolean);
// $string -> 呼び出し時のキーワード
//    wp_get_attachment_image_src($attachment_id, $string);なときに使うぜ
// $boolean -> 
//   ture : 画像をトリミングしてでも指定したwidth/heightにするぜ
//   false: そこまではしないで拡縮だけだぜ

get_post_meta(the_ID(), $key);

$keyで指定した名前のカスタムフィールドの値を取得する、だけじゃなく
a:3:{i:0;s:12:"Dodonpachi";i:1;s:11:"Ketsui";i:2;s:6:"Espgaluda";}
のフォーマットのものも配列化して返ってくる。

 

Google Chrome のCSSハックテスト



なんか意外と需要があるみたいなので。

で、8種類ほどのCSSハックを試してみたのですが試した中で見る限りは、Safariと全く同じ適用状況でした。
下記の各ボックスで、背景画像が適用されているものはCSSが通っている、背景が黒のままのものはCSSが通っていません。

(さらに…)

 

Flash(swfファイル)の上位にHTMLレイヤーを重ねる方法



※以前のサイトでアップしていた記事の転載です。

通常Flashの上にHTMLのレイヤーを重ねようとしても、Flashの方が上位に表示されてしまいます。
あまりそういう機会も無いかもしれませんが…。
以下の方法を使う事でFlashの上にHTMLレイヤーを重ねる事ができます。
サンプルでは、水色の背景と流れている文字がFlash、黒文字がHTMLです。
(さらに…)

 

IE8の気になるリスト



IE8にIE7エミュレーション機能が付いたそうなので、とりあえず会社でインストールしてみました。
http://blogs.msdn.com/ie/archive/2008/03/09/using-the-emulate-ie7-button.aspx

気になってたリストタグだけ、サクっとチェック。

(さらに…)

 

役に立たないバックシュラッシュハック



未だにOS9を使っているグラフィックデザイナーが多い中、
appleやadobe、amanaにすら見捨てられたIE5.x用のCSSハックです。
(さらに…)