ホームページ制作のディークラフト

DHTML＆AJAX アイデア見本帖

admin — Sat, 04 Feb 2012 14:54:39 +0000

001：タイプライター風テキストアニメーション
002：画面の上から振り落ちるリンクテキスト
003：重いページを表示させる際のプログレスバー演出
004：画像を使わない角丸デザイン
005：メニューにちょっとしたカラーグラデーション演出
006：HTMLベースのタブ式メニュー
007：クリックで展開する階層メニュー
008：スライド展開する階層メニュー
009：リストでつくるプルダウンメニュー
010：右に左にスライドする階層メニュー
011：ページ上部に固定されたドッキングバー
012：コンテクストメニュー風ナビゲーション
013：OS風のフォルダツリー型メニュー
014：リスト要素をベースにしたフォルダツリー
015：フォルダ名を変更できるフォルダツリー
016：ドラッグドロップできるフォルダツリー
017：ページ内の長いコンテンツをスクロール可能に
018：Ajaxで外部HTMLファイルを読み込む
019：ノンリフレッシュでコンテンツを切り替え
020：移動・リサイズ可能なフローティングウィンドウ
021：ドラッグ可能なコンテンツ
022：ドラッグで並び替えができるコンテンツ
023：ノンリフレッシュで切り替えるタブコンテンツ
024：タブ付きのフローティングウィンドウ
025：自動でスクロールするコンテンツ
026：長いコンテンツを目次付きスライドに変換
027：ドラッグ＆ドロップでコンテンツをグループ分け
028：列の並び替えができるテーブル
029：ハイライト機能付き、並び替えができるテーブル
030：ハイライト表示される入力フォーム
031：吹き出し風ツールチップが表示される入力フォーム
032：スライダーで数値を入力するフォーム
033：入力できるセレクトメニュー
034：連鎖するセレクトメニュー
035：DHTMLで行うフォームの簡易入力チェック
036：カラーピッカーで色を選択
037：ボックス型複数選択フォーム
038：マウスオーバーでポップアップするツールチップ
039：透過シャドウ付きのツールチップ
040：ダイナミックに読み込むツールチップ
041：クリックでドロップダウンするコンテンツ
042：クリックで解答が開くFAQ1
043：クリックで解答が開くFAQ2
044：スライドして登場するヘルプパネル
045：モーダルダイアログメッセージ
046：小さなインラインスライドショー
047：フィルムストリップ式フォトギャラリー
048：サムネイルストリップ式フォトギャラリー
049：ドラッグ可能なフローティングフォトギャラリー
050：流れるニュースティッカー
051：ダイナミックRSSティッカー 1
052：ダイナミックRSSティッカー 2
053：商品が飛ぶショッピングカート
054：ダイナミックに結果を表示するアンケート
055：ドラッグ操作が可能なRSSリーダー

jQueryではじめるAjax

admin — Thu, 02 Feb 2012 14:10:24 +0000

jQuery UIが提供する「Dialog」「Draggables」「Droppables」「Sortables」を使用したサンプルがありましたので、メモっておきます。
▶コチラ

テーブルの行全体をドラッグ＆ドロップして入れ替えられるインターフェース

admin — Thu, 02 Feb 2012 01:03:57 +0000

Table Drag and Drop JQuery plugin
▶こちらから

テーブルの行全体をドラッグ＆ドロップで入れ替え可能にするjQueryプラグイン。

ドラッグが開始された行、ドラッグ＆ドロップされた後の並び順などを取得することができます。またtr要素にnodropクラスを指定すると、そのtr要素上に他の行をドロップ不可にし、tr要素にnodragクラスを指定すると、その行全体をドラッグ不可にします。

他にもサンプルが紹介されています。▶コチラ

ソースをコピペ、「99Lime」で作るかっこいいサイト

admin — Wed, 01 Feb 2012 13:28:29 +0000

PHPで携帯の各キャリアとPCの判別し、振り分けをするコード

admin — Mon, 30 Jan 2012 11:01:14 +0000

";
   echo "ユーザーエージェント：$agent";
}else if(preg_match("/^(J\-PHONE|Vodafone|MOT\-[CV]|SoftBank)/i", $agent)){
   echo "あなたは、SoftBankからアクセスしています。
";
   echo "ユーザーエージェント：$agent";
}else if(preg_match("/^KDDI\-/i", $agent) || preg_match("/UP\.Browser/i", $agent)){
   echo "あなたは、auからアクセスしています。
";
   echo "ユーザーエージェント：$agent";
}else{
   echo "あなたは、PCからアクセスしています。
";
   echo "ユーザーエージェント：$agent";
}
?>

wp3とwp2.9について

admin — Fri, 27 Jan 2012 01:52:08 +0000

wordpress3.3.1をsqlite版にしてみたのですが、どうもうまくいかず、結局、データをバックアップしてwp-2.9.2のsqlite版に戻したところ、カテゴリー情報が取得できず、全て「未分類」となってしまった。
投稿関連、とくにカテゴリーあたりが整っていない様子。

マルチバイト文字列の位置を取得する関数mb_strpos()で注意すること

admin — Fri, 27 Jan 2012 00:58:54 +0000

マルチバイト文字列の位置を取得するにmb_strpos()という関数がありますが、処理する場合には、注意が必要です。

mb_strpos(文字列,検索文字,[開始位置],[エンコーディング])

と記述します。

・文字列の中に検索文字が最初に現れる位置を返します。
・「文字列」が見つからなかった場合は、FALSEを返す。
・「部分文字列」が存在するか否かを調べたい場合、この関数が返す値が「0」の場合もあるため、
以下のように処理する。

if(mb_strpos($str,$part) === FALSE) {
見つからなかった時の処理;
}

あるいは

if(is_numeric(mb_strpos($str,$part))) {
見つかった時の処理;
}

wordpress3.3.1をsqlite化してみた

admin — Thu, 26 Jan 2012 03:53:21 +0000

ワードプレスのバージョン3.3.1になったので、もうそろそろどうかな？と思って、sqlite化を試みたのですが、やはりうまくいきませんね。
wordpress-2.9.2から3.3.1に自動更新すると、動くには動くのですが、どうも動作が怪しいんです。
投稿した後、更新されたところまで完了しない、とか。
当面、「PDO (SQLite) For WordPress」が、現バージョン2.7.0から更新される気配もないし、wordpress-2.9.2のSQLite版で運用することにします。

HTML5開発支援のフレームワーク「Arctic.js」をオープンソースとしてDeNA（ディー・エヌ・エー）公開

admin — Thu, 26 Jan 2012 02:06:29 +0000

「Mobage」に提供されている「住み着き妖精セトルリン」「海賊トレジャー」「ガンダムロワイヤル」（運営元：株式会社バンダイナムコゲームス）などで使用されている「Arctic.js」。
スマートフォン向けブラウザゲームに特化したHTML5開発支援ツールはまだ少ないが、このオープンソース化により、「Arctic.js」を多くの開発者に活用してもらうことを目指す、という。

■「Arctic.js」概要
公開日：2012年1月24日（火）
利用料：無料
公開URL ：https://github.com/DeNADev/Arctic.js

これから、使い方などの記事も出てくることでしょう。

資格試験「Web検定 Webリテラシー」の公式練習問題に挑戦！！

admin — Wed, 11 Jan 2012 07:05:53 +0000

結果は….?