MdN Design｜総合情報サイト
お問い合わせ用のフォームなどで入力方法の記入例をサンプルとして明記する場合があるが、実際に入力するエリアにあらかじめ表示させておくことで、見ためにもどこの記入例なのかがわかりやすくなるだろう【1】。ここではこれを実現する簡単な方法を紹介しよう。 【1】入力エリアにデフォルト値が表示される 「jQuery Form Tips Plugin」（manuelboy.de/projekte/jquery-formtips/index.php）で紹介されているjquery-formtipsプラグインがそれだ。「jquery-formtips - Project Hosting on Google Code」（code.google.com/p/jquery-formtips/）でプラグインがダウンロードできるのでダウンロードしたプラグインとjQueryを読み込んでおこう【2】。 【2】jQueryと
知っとくと便利なPHPのテクニック９つ:phpspot開発日誌
9 Useful PHP Functions and Features You Need to Know | Nettuts 知っとくと便利なPHPのテクニック９つが掲載されていました。 初心者の方は勿論、PHPを長年使ってる人にも使えるテクニックが載っていましたので勉強がてらにメモ。 func_get_args() 関数で可変引数 を受け取る 通常、関数といえば、次のように引数と共に定義します。 function hoge($arg1, $arg2) { } のように定義して引数を受け取りますが、好きな個数で引数を受け取りたい場合は、次のようにfunc_get_argsで受け取れます。 function hoge() { $args = func_get_args(); foreach ($args as $key=>$value) { echo "arg{$key} is $value
重いFirefoxをなんとかして速くしたい | バシャログ。
その強力なアドオンで、とっても便利なFirefoxですが、毎日使っているとドンドン動きが重くなっていってしまいます。 うーん、どうにか軽くならないものかと色々やってみました。 起動を速くしたい まずはとにかく時間のかかる起動をなんとかしたいと思います。 Firefoxはブックマークやら履歴やらクッキーやらをSQLite DBで管理しています。 毎日使っていくうちにDBは大きくなり、起動や動作が重くなっていくとのこと。 そこでSQLite Optimizerというアドオンを使って、DBの最適化をしてしまいます。 手順は以下の通り。 1. SQLite Optimizerをインストール。 2. アドオンの管理画面でSQLite Optimizerの環境設定画面を開きます。 3. 『Firefox終了時にsqliteデータベースのREINDEXを実行する』にチェックを入れます。 以後、Firef
どんなにへたくそでも一日後には絵が上手くなる方法:ハムスター速報 ２ろぐ
1 ：以下、名無しにかわりましてVIPがお送りします：2009/07/07(火) 14:08:30.25 ID:fhMB9CyV0 ・用意するもの えんぴつ 紙 2 ：以下、名無しにかわりましてVIPがお送りします：2009/07/07(火) 14:12:07.83 ID:fhMB9CyV0 紙はノートでも何でもいいです えんぴつは濃いB2以上を推奨 それでははじめましょう 注意： 私のことを信じられない人はやらないで下さい 効果がなくなるので 3 ：以下、名無しにかわりましてVIPがお送りします：2009/07/07(火) 14:12:49.43 ID:1kfdmwiJO 用意した 4 ：以下、名無しにかわりましてVIPがお送りします：2009/07/07(火) 14:12:57.36 ID:USUmWtBu0 やてみようかね 5 ：以下、名無しにかわりましてVIPがお送りします：20
[CSS]100%幅のヘッダとフッタを天地に固定表示するスタイルシート
ビギナーズ向けに解説された、100%幅のヘッダとフッタを固定幅のコンテンツの天地に固定表示するスタイルシートをNoobcubeから紹介します。 Fixed Header & Footer Layout: A Beginner's Guide demo スタイルシートはIE6をはじめとする主要ブラウザをターゲットにしており、IE6用のスタイルシートファイルやdivの入れ子でIE6に対応しています。 HTML箇所の最小構成は、下記のようになります。 <textarea name="code" class="html" cols="60" rows="5"> <body> <div id="header-wrap"> <div id="header-container"> <div id="header">ヘッダ</div> </div> </div> <div id="ie6pagewrap"
【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに！」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height（相当）の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi
メンテナンス中画面を出す正しい作法と.htaccessの書き方 | Web担当者Forum
今回は、Webサイトやサービスをメンテナンス中にする場合に、どのURLにアクセスしても「メインテナンス中です」の画面を出す正しいやり方を、人間にも検索エンジンにも適切にする作法を主眼に解説します。 この週末の土曜深夜～日曜早朝にかけて、データセンターの設備メインテナンスのため、Web担を含むインプレスグループのほとんどのWebサイトが、どのURLにアクセスしても「メンテ中です」という表示になっていました。 なのですが、その実装がちょっと気になったので、「正しいメンテナンス画面の出し方」を説明してみます。 ※2010-01-16 Retry-Afterを指定するHeaderの指定を修正しました（コメント参照） ※2009-06-17 RewriteCondから [NC] 条件を削除しました（コメント参照） ※2009-06-16 Retry-Afterの記述をGMTに変更しました（コメント参
【CSS】clearfixを使わずにfloatを解除する | バシャログ。
以前、floatを解除する clearfixハックという記事を書きましたが、できることならハックは使いたくないと最近思うようになってきました。 いろいろと検証した結果、今回ご紹介するのはハックを使用せずにfloatを解除するための方法です。 divの構成はこちら。 boxというクラス名の div （floatを解除するための div ）は必要です。 cssのソース div.box { overflow: hidden; /* これがポイント */ position: relative; /* IE6でエリアを選択できるようにする */ /* DreamWeaverのデザインビューで正しく表示させる */ } div.left { float: left; /* 左に寄せて配置 */ width: 200px; } div.right { float: right; /* 右に寄せて配置 *
古本屋でのバイト時に教えてもらった便利な本・雑誌の縛り方 - 空中の杜
私は学生時代、神保町のとある古本屋で期間限定のバイトをしていました。年に三回くらい、その古本屋さんが急がしい時に行くという感じです。ここでのバイトは古本屋やそのジャンルのちょっとした知識がつくというのもあってけっこう楽しいものでした。あと帰りにゲーセンに寄ってシューティングをしたり、倒産する前のマルゲ屋に寄ったり、書泉ブックマートでいろいろなマンガを買って帰ったのもいい思い出。 さて、そこでは力仕事が主だったのですが、その時に教えてもらい、今でも使っている非常に便利なライフハックを書いてみます（当時ライフハックなんて言葉どころか、インターネットでさえもほとんどありませんでしたが）。ちょうど引っ越しシーズンで本やら雑誌をまとめる人も多いでしょうから、ちょうどよいでしょう。 手軽に雑誌を縛る方法 １、準備 ２、縦に巻き付ける ３、90度ずらす ４、横に巻き付ける 縛った雑誌の束から取り出して、
3カラムで中央可変（リキッド）なレイアウト | Igaloglog
ショッピングサイトなんか作る場合は、3カラムで中央可変っていうのもいいかもしれないですねぇ。最近は画面幅広がってきてますし。 参考にさせていただいたのはこちら 3カラムレイアウトで、中央を可変にする（リキッドレイアウト） ありがとうございます。 なんか説明を読んでもよくわからないんですが、floatしたボックスのマージンの値を自身の幅以上にマイナスにすると、HTMLの記述順で上に書かれているボックスに重なる、という現象を利用しているようです。 図にすることこんな感じですか？よくわかりません。 HTMLは以下の感じ。 <div id="container"> <div id="header"> <h1>見出し</h1> <!--/header--></div> <div id="content"> <div id="maincontent"> <h2>メインコンテンツ</h2> <p
Webデザイナーとしてのスキルを上げるためのPhotoshopチュートリアル70選 – creamu
デザインのスキルを上げたい。 そんなあなたにおすすめなのが、『70+ Photoshop Tutorials to improve your Skills as Web Designer』。Webデザイナーとしてのスキルを上げるためのPhotoshopチュートリアル70選だ。 以下にいくつかご紹介。 ↑のキャプチャは自然にインスパイアされた背景。 プロフェッショナルなヘッダーデザイン 艶のある3Dボタン Wiiのヘッダー ブログのクリエイティブなフッター その他のリストは以下から。「レイアウト」「ヘッダー」「ボタン」「ナビゲーション」「その他」のカテゴリーでたくさんのチュートリアルが紹介されている。 » 70+ Photoshop Tutorials to improve your Skills as Web Designer Webデザイナーとしてのスキルを上げるためのチュートリアル、チ
[CSS]クロスブラウザ、マルチカラム対応のフッタを下部に固定表示するスタイルシート
New CSS Sticky Footer - 2009 demo 主な対応ブラウザは、IE6/7/8, Fx2/3, Op9.6/10, Safari3.2, Crome1となっており、他にも多くのブラウザに対応しています。 対応ブラウザリスト New CSS Sticky Footerは、同じくフッタを下部に固定表示する「CSS Sticky Footer」の空divの使用を排除しHTMLをよりクリーンにし、マルチカラム対応にしたものとのことです。 仕組みはシンプルで、下記が最小の構成になります。 HTML マルチカラムの場合は、「id="main"」のdivに配置します。 <textarea name="code" class="html" cols="60" rows="5"> <div id="wrap"> <div id="main" class="clearfix"> </d
WordPressのテンプレート作成時に欠かせない有用チートシート:phpspot開発日誌
My Wordpress Cheat Sheet WordPressのテンプレート作成時に欠かせない有用チートシート。 WordPressのテンプレートを作るのは、はじめての場合大変そうですが、このチートシートを使えば簡単に作れそうです。 テンプレートの構造 header.php - ヘッダー部分 index.php - メイン部分 sidebar.php - サイドバー部分 footer.php - フッター部分 single.php - 記事テンプレート page.php - ページテンプレート comments.php - コメントテンプレート search.php - 検索コンテンツ searchform.php - 検索フォーム archive.php - アーカイブ functions.php - 特別機能 404.php - 404エラーページ ループの仕方 < ?php i
法則79 サムネイルのある実績紹介ページを作成する｜サンプル紹介｜【公式サポートサイト】Movable Type 4.x 本格的CMSサイトを構築するためのMTスーパーテクニック クリエイターが身につけておくべき新・100の法則。
サムネイルを表示するテンプレートソース <MTEntries lastn="0"> <MTEntriesHeader><ul class="resultList"></MTEntriesHeader> <li> <a href="<$MTEntryLink$>"> <$MTEntryTitle$> <img src="<MTIfNonEmpty tag="EntryDataResultImage"><MTEntryDataResultImageAsset><$MTAssetURL$></MTEntryDataResultImageAsset>/img/result/no_image.jpg</MTIfNonEmpty>" alt="<$MTEntryTitle$> のイメージ" width="67" height="67" /> </a> <br /> <$MTEntryExcerpt c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://gerenuk.crazyphoto.org/2009/06/30/1021/
IDEA * IDEA
ウェブデザインのクオリティをアップする7つのポイント | コリス
フッターを画面の下に表示〜CSSテクニック〜
_notesフォルダとは
Google Groups