CSSでタブリーダーを実現する [ table版・ul版 ]
タブリーダーっていうのは、Wordの目次あたりでおなじみのこういうやつです。 これをCSSで実現する方法です。 一応 table版と ul版を作成しましたが、どちらがいいというわけでもなく…。まぁ、好みでしょう。 個人的…
opacityプロパティを使い、透明度を変えて画像をロールオーバーさせる
覚書として。 細かい装飾はできないけど、ロールオーバー用画像をつくらなくてもいいのは楽チン。 画像は若干暗めにつくっておくと、ロールオーバーがキレイ。 opacityはCSS3で勧告予定のプロパティだが、IEを除くモダン…
[cssフレームワーク]BluePrintの紹介
cssもフレームワーク化されてるとレイアウトがすごく楽になりますね。 そんなcssのフレームワークである、BluePrintのご紹介！
[jQuery]プラグイン jQueryでLightbox
ひさーしぶーりーだとー いうよりはーやくぅ お高いグラスに目をそらあっすぅ むーかしのーとーもーはー いーまのともー 今回はjQueryのプラグイン「jQuery ligthBox pulgin」を紹介します。
WordPressで投稿画面に投稿スラッグ入力ボックスを表示させる
WordPress2.5以降、パーマリンク構造の設定でスラッグ表示をしない場合は、投稿画面に投稿スラッグ入力ボックスが表示されなくなっています。 前のバージョンまでは表示されていたんですがねぇ。 まぁ、なんらかの事情があ…
WordPressで画像を挿入した際に[caption]タグを挿入させない方法
いちいちいちいち入ってきて非常に邪魔だったので、表示させないようにできんもんかと思って…。 まぁ、キャプションに文字を入れなきゃいい話なんですが、表に出したくないから画像の説明を省くっていうのもおかしな話だなと思ったので…
FireFoxでモバイルサイトをシミュレートする
さっきいろいろ徘徊してたら見つけたので、紹介させていただきます。 これは本当に目からうろこ！
WordPressで記事の投稿者の名前を出力する
ということをやってみたので、以下に例をば。
WordPress特定カテゴリの記事を表示させないプラグイン
特定カテゴリを「アーカイブ」「トップページ」「RSSフィード」「検索結果」に表示させないようにできるプラグインです。もちろん、「アーカイブ」には表示させるけど「トップページ」には表示させない、といった細かい設定も可能です…
3カラムで中央可変（リキッド）なレイアウト
ショッピングサイトなんか作る場合は、3カラムで中央可変っていうのもいいかもしれないですね。最近は画面幅広がってきてますし。 参考にさせていただいたのはこちら 3カラムレイアウトで、中央を可変にする（リキッドレイアウト） …
テキストと画像の縦揃えCSS
画像をそのままタグで入れて、それに続けてテキストを入れた場合、通常は以下の図のように表示されます。 これはこれでありだと思いますが、例えばこれを縦方向で中央揃えしたいとします。 その場合は、CS…
テーブルの行にマウスが乗ったときに背景色を変える
つまり、こういうことです。 普通にテーブルがあって、マウスが乗っかった行の背景色が変わります。 今どこ見てるのかっていうのがわかりやすくていいです。 んで、こういう動作的なものは、ajaxとかjavascriptとかそう…
javascriptで文字量に応じてtextareaの高さを自動リサイズ
formのtextareaを文字量に応じて高さを自動リサイズしてくれるjavascriptを発見しました。 初期表示をクールにしたいとかいう場合にいいかもしれません。 スペースとりたくないからって理由だと、文字入力してい…
javascript でチェックボックス全部にチェック！
んにちは。 早坂@magicalです。 今回はjavascriptでチェックボックス全部にチェックをつける関数を作ってみました。 DLは以下から。
PHP validation class を作ってみた。
こんにちは。 早坂@magicalです。 先ほどvalidation.class.を作ってみたので、公開してみます。 詳しくは続きからどうぞ！
preg_match()を使ってhtmlタグを抽出
こんばんわ。 早坂@magicalです。 今日はpreg_match関数について述べていきたいと思います。
CSSで要素の左側に画像を背景として配置する
要は、フッターなどでこういうデザインを実現したいときってことです。 text自体は左寄せで、p要素は右寄せ。そいでそのp要素の左側に画像を背景として配置する、ということです。 HTML
エクセルの表をDreamweaverを使って簡単にHTML化する方法
エクセルの表をHTML化するのって、普通にやると意外と面倒くさいですよね。 まるっとコピペでいけると大変にありがたいのですが、エクセルの表をコピーしてDreamweaverのコード画面にペーストすると
FFFTPの設定を他のマシンに移行する方法
FFFTPというのは、とっても便利なFTPソフトです。 基本このソフトだけでデータアップロードには事足ります。 さて、このソフトに登録してあるサーバ情報を他のマシンに移行したい、とします。 FTPフォルダのデータ全部上書…
ポップアップウインドウをOnclickでなくclassで開く
ポップアップウインドウって、最近じゃ廃れてきていると思いますが、必要に応じて使いこなす必要があるわけです。 基本的にポップアップウインドウは、