CSSでクリッカブルマップもどき + Lightbox
クリッカブルマップとは 普通に画像からリンクしようとすると、1枚の画像からリンク先は1箇所です。 しかし、クリッカブルマップを使用すると、配置した1枚の画像の中に複数のリンク先を設定できます。 クリッカブルマップ 【cl…
javascriptのgetElementsByTagNameがまったく持って動かない。
久しぶりの更新の早坂@magicalです。 今ちょっとjavascriptを弄っていたんですが、タグの要素数を返してくれる関数があったんで使ってみようと思い、早速使ってみた。 書き方はこんな感じ。
IE5.5に対応するハック
コーディングの際、基本的に IE5.5 は切り捨ててIE6から対応しているんですが、場合によってはIE5.5にも対応する必要がでてきます。 ちょっと調べてみたところ、Windows版IE5.5は後方互換モードであるらしく…
WordPressで今見ているカテゴリーのIDを取得し、query_postsに代入(改)
先日「WordPressで今見ているカテゴリーのIDを取得し、query_postsに代入」という記事を書きましたが、プログラマさんから前回のではだめ、だという指摘を受けました。
Dreamweaverでテンプレート機能を使ったまま、現在ページのメニューに色を付ける
グローバルメニューで、現在のページのカテゴリメニューの色を変えたいとします。 基本的に、開いているページのカテゴリメニューにclass="self"みたいなクラスを付けてあげればい…
WordPressで今見ているカテゴリーのIDを取得し、query_postsに代入
そもそもは、カテゴリーアーカイブページで、そのカテゴリーの記事を1件だけ表示したかったんです。 普通に考えれば、WordPress各種設定で表示記事件数選んでおしまいなんですが、とあるプラグイン入れたら記事が全部出るよう…
ブラウザの上下左右の中央に要素を配置
横はtext-align:center;で簡単に中央に寄るんですが、縦は困ってしまいます。 tableの中だったらvertical-align: middle;で寄せれるんですが、そのためにtable作るのもナンセンスで…
Photoshopのレイヤー効果で完結する今風ボタン
例えば、こんな微妙なグラデーションの今風ボタン。 例えば、こんな鏡面反射っぽいの。 いちいちレイヤー増やしたり、色ごとに作成するのが面倒くさいので、Photoshopの機能にがっつり頼って作成してみます。 使用Photo…
リスト要素にlist-styleと背景色を指定する際の問題点
云わば、先日投稿したスタイル初期化したリスト要素にlist-styleを指定するときの注意から派生した問題です。 スタイル初期化したリスト要素にlist-styleを指定するときの注意の簡単なおさらい スタイル初期化した…
ちいたん
皆さんこんばんは。 早坂@magicalでございます。 本日はPHPフレームワークである「ちいたん」を紹介します。 フレームワークとはなんぞや?という方に。 フレームワークとは、アプリケーションの土台として機能するソフト…
コピーライトの正しい表記について
サイトを作成する場合、確実に表記するものの一つにコピーライトがあります。 大概フッターに copyright 〜〜、といった形で表記すると思いますが、いろんな表記を見ます。 例えば、 Copyright (C) 2008…
テキストの可読性のチェック方法
どんなにステキな内容のテキストが書かれていたって、テキストが読みにかったらそれだけでマイナスです。 たとえば、白(#FFFFFF)背景に灰色(#CCCCCC)文字。読めません。 ということで、読みやすいであろう明度差、色…
PHPの書き方について
毎回PHPですみません。 早坂@magicalです。 今回はPHPの書き方につきましてです。 自分はPHPは基本的にMVCモデルと呼ばれる(Model、View、Controllerの3つの頭文字です)モデリング構想を真…
イラストレーターの特定のガイドのロックを簡単に解除する
紙媒体物をイラレで作るときに絶対欠かせないガイドですが、レイアウトの変更やらなにやらで途中でいらなくなる場合もあります。しかも特定の1本だけとか。 または、きっちりガイド引いたはずなのに、うっかり1本だけズレちゃったとか…
PowerPointにルーラー(目盛り)を表示させる
提案書や企画書を作成する際、PowerPointを使用することがあると思いますが、意外と動きが大雑把で微妙な位置調整がしにくいです。 といわけで、要素を揃えるために欠かせないルーラー(目盛り)を表示して少しでも使いやすく…
背景が透明なGIF画像をページになじませたい
画像を作成した際、どんな背景であってもなじむように、画像の背景を透明化するということがあると思います。 これを通常手順でやると、透明化しても絵のふちが白っぽくギザギザしてしまいます。 この画像を置くページの背景が白であっ…
javascriptでウインドウを閉じる【フレームを抜けるバージョン】
前回Javascriptでウィンドウを閉じるを書きましたが、今回はそれの補足説明です。 Javascriptのonclick属性で javascript:window.close(); これで普通に閉じますが、フレームの…
javascriptでウインドウを閉じる
基本中の基本と言う感じですが、javascriptでウインドウを閉じる方法を。 windows.close();を使います。 ボタンの場合
スキャナで取り込んだ画像の傾きを真っ直ぐにする方法
書類などの紙媒体をPDFなどのデータにしたい場合、デジカメで撮るという猛者もいるかもしれませんが、大体の方はスキャナで取り込みますよね? その際、1mmもずれることなく、真っ直ぐに取り込むっていうのは、なかなか難しいです…
リロード、スクロールで線・画像が消える。通称「いないいないばあバグ」
IE6のバグで通称「いないいないばあバグ」というものがあります。日本語訳しない状態では「peek-a-boo bug」。 リロードしたり、スクロールしたりすると、CSSで指定したborderやbackgrund-imag…