sunsouthcityrockersさんのタグ「HTML」についてのクリップ一覧｜@nifty クリップ http://clip.nifty.com/users/sunsouthcityrockers sunsouthcityrockersさんのタグ「HTML」についてのクリップ一覧 CSSハック のカテゴリ 一覧｜CSS HappyLife http://clip.nifty.com/entry?url=http%3A%2F%2Fcss-happylife.com%2Flog%2Fcss-hack%2F&title=CSS%E3%83%8F%E3%83%83%E3%82%AF%20%E3%81%AE%E3%82%AB%E3%83%86%E3%82%B4%E3%83%AA%20%E4%B8%80%E8%A6%A7%EF%BD%9CCSS%20HappyLife 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://css-happylife.com/log/css-hack/ 40981 sunsouthcityrockers 2006-12-06T12:16:35Z CSS ハック まとめ HTML 参考 DIVを垂直方向に中央寄せするCSSサンプル:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F12%2Fdivcss.html&title=DIV%E3%82%92%E5%9E%82%E7%9B%B4%E6%96%B9%E5%90%91%E3%81%AB%E4%B8%AD%E5%A4%AE%E5%AF%84%E3%81%9B%E3%81%99%E3%82%8BCSS%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：Ajaxを使ったCAPTCHA認証をPHPで行うサンプル
DIVを垂直方向に中央寄せするCSSサンプル2006年12月05日スポンサード リンク
Blue Box Demo: Vertical Centering with a Shiv Div

DIVを垂直方向に中央寄せするCSSサンプル。
次のように、DIV要素をブラウザの縦方向に配置できます。



CSSは非常にシンプルで、まず、html と body 要素に height:100% プロパティを設定します。
次に、body内にdiv要素を配置し、そのdiv要素に対し、height:50% かつ、margin-top:-50px のようにプロパティをあて、
中央寄せしたい要素(上図中、青い部分)の半分のサイズ分のマージンをマイナスします。

最後に中央寄せしたいdiv要素( height:100px ) を配置することで、青い部... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/12/divcss.html 40713 sunsouthcityrockers 2006-12-06T12:03:27Z CSS テクニック サンプル HTML メモ Ajaxを使ったCAPTCHA認証をPHPで行うサンプル:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F12%2Fajaxcaptchaphp.html&title=Ajax%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9FCAPTCHA%E8%AA%8D%E8%A8%BC%E3%82%92PHP%E3%81%A7%E8%A1%8C%E3%81%86%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：PHPで使えるdate関数のJavaScript版
Ajaxを使ったCAPTCHA認証をPHPで行うサンプル2006年12月05日スポンサード リンク
How to Create CAPTCHA Protection using PHP and AJAX
CAPTCHA is a simple test to determine if a user is a computer or a human. It is used to prevent spam abuse on the websites. So if you use CAPTCHA on your web site forms, this can help in stopping some bots and making life harder for other bots in accessing or using yo... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/12/ajaxcaptchaphp.html 40971 sunsouthcityrockers 2006-12-06T12:02:21Z Ajax キャプチャ 認証 PHP セキュリティ サンプル 参考 HTML [N] カラーテーマを作成する「Adobe Kuler」 http://clip.nifty.com/entry?url=http%3A%2F%2Fnetafull.net%2Fweb%2F017203.html&title=%5BN%5D%20%E3%82%AB%E3%83%A9%E3%83%BC%E3%83%86%E3%83%BC%E3%83%9E%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B%E3%80%8CAdobe%20Kuler%E3%80%8D ホームアバウト求人サイトマップAD RSS
トップ> 04:インターネット> Webサイト> カラーテーマを作成する「Adobe Kuler」カラーテーマを作成する「Adobe Kuler」2006年12月05日 16:17 Create color themes with Adobe Kulerというエントリーより。Need a killer color theme for your web site, art project, or magazine pages? Head to Adobe Kuler, an interactive web-based app that whips up snazzy themes in a matter of seconds.あなたのウェブサイト、アートプロジェクト、雑誌のページなどにカラーテーマが欲しい人は「Adobe Kuler」を見てみると良いかも。「Adobe Kuler」を使うと、様々なカラーテーマをブラウズすることが可能です。もしくは自分自身のカラーテーマを作成することも... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://netafull.net/web/017203.html 40968 sunsouthcityrockers 2006-12-06T12:02:04Z カラー web 作成 サービス adobe HTML ウノウラボ Unoh Labs: Web2.0エンジニアのためのJavaScriptリファレンス集 http://clip.nifty.com/entry?url=http%3A%2F%2Flabs.unoh.net%2F2006%2F12%2Fjavascript-sites-for-web20-developers.html&title=%E3%82%A6%E3%83%8E%E3%82%A6%E3%83%A9%E3%83%9C%20Unoh%20Labs%3A%20Web2.0%E3%82%A8%E3%83%B3%E3%82%B8%E3%83%8B%E3%82%A2%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AEJavaScript%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9%E9%9B%86 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://labs.unoh.net/2006/12/javascript-sites-for-web20-developers.html 40922 sunsouthcityrockers 2006-12-06T12:00:57Z web2.0 javascript まとめ HTML サイトに使用するフォントのCSSを選ぶ際に役立つ「CSSTYPE」:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F12%2Fcsscsstype.html&title=%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AB%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%81%AECSS%E3%82%92%E9%81%B8%E3%81%B6%E9%9A%9B%E3%81%AB%E5%BD%B9%E7%AB%8B%E3%81%A4%E3%80%8CCSSTYPE%E3%80%8D%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：ブラウザ上で動作するJavaScript製のMSペイント「CanvasPaint」
サイトに使用するフォントのCSSを選ぶ際に役立つ「CSSTYPE」2006年12月06日スポンサード リンク
CSSTYPE - web safe typography on screen for pixel perfectionists

サイトに使用するフォントのCSSを選ぶ際に役立つ「CSSTYPE」。
次のようなＵＩが用意されていて、フォントやサイズを選択すればすぐさまプレビューされ、確認を簡単に行うことが出来ます。
このサイトを知っておくことで、サイト構築時のフォントの表示調整にかなり役立ちそう。



確認できるのは、font, font-size, text-decoration, word-spacing, line-height, letter-spa... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/12/csscsstype.html 40943 sunsouthcityrockers 2006-12-06T11:07:10Z CSS オンライン web サービス HTML 我的春秋: sIFR でアンチエイリアス フォントの埋め込み http://clip.nifty.com/entry?url=http%3A%2F%2Fmy-chunqiu.cocolog-nifty.com%2Fblog%2F2006%2F12%2Fsifr__177b.html&title=%E6%88%91%E7%9A%84%E6%98%A5%E7%A7%8B%3A%20sIFR%20%E3%81%A7%E3%82%A2%E3%83%B3%E3%83%81%E3%82%A8%E3%82%A4%E3%83%AA%E3%82%A2%E3%82%B9%20%E3%83%95%E3%82%A9%E3%83%B3%E3%83%88%E3%81%AE%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://my-chunqiu.cocolog-nifty.com/blog/2006/12/sifr__177b.html 40932 sunsouthcityrockers 2006-12-06T11:03:23Z Flash フォント アンチエイリアス 埋め込み HTML design 参考 CSSによる段組（マルチカラム）レイアウト講座 http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.geocities.jp%2Fmulti_column%2F&title=CSS%E3%81%AB%E3%82%88%E3%82%8B%E6%AE%B5%E7%B5%84%EF%BC%88%E3%83%9E%E3%83%AB%E3%83%81%E3%82%AB%E3%83%A9%E3%83%A0%EF%BC%89%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E8%AC%9B%E5%BA%A7 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.geocities.jp/multi_column/ 12777 sunsouthcityrockers 2006-11-21T17:40:46Z CSS レイアウト 基礎 勉強 HTML デザイン 読み物 教科書 参考 RSS Post - 簡単な操作で RSS ファイルの自動作成とアップロードを行うソフト http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.towofu.net%2Fsoft%2Frsspost.php&title=RSS%20Post%20-%20%E7%B0%A1%E5%8D%98%E3%81%AA%E6%93%8D%E4%BD%9C%E3%81%A7%20RSS%20%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%AE%E8%87%AA%E5%8B%95%E4%BD%9C%E6%88%90%E3%81%A8%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89%E3%82%92%E8%A1%8C%E3%81%86%E3%82%BD%E3%83%95%E3%83%88 簡単な操作で RSS ファイルの自動作成とアップロードを行うソフトスクリーンショット特徴RSS Post は複数の RSS ファイルを管理でき、簡単な操作で RSS の作成とアップロードを行えるソフトです。現在、RSS 1.0 にのみ対応しています。従来型の WEB サイトで更新情報を配信するのに最適です。当サイトのトップページにある更新情報も、RSS Post で作成しています。あらかじめ設定をしておけば、ワンアクションで FTP によるアップロード・ローカルディスクへの RSS ファイルの保存が可能です。インターネット上・またはローカルファイルの RSS を取り込むことができます。UTF-8・EUC-JP いずれかの文字コードを選択できます。ご利用前の注意FTP 設定のパス... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.towofu.net/soft/rsspost.php 37200 sunsouthcityrockers 2006-11-21T17:40:32Z RSS 自動 作成 アップロード ソフト 使える web HTML ツール CSS drop shadow http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.webtoolkit.info%2Fcss-drop-shadow.html&title=CSS%20drop%20shadow View the demo page for this articleSource code for index.h... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.webtoolkit.info/css-drop-shadow.html 36625 sunsouthcityrockers 2006-11-21T17:36:33Z CSS オープンソース ドロップシャドウ HTML CSSの小技集、20個:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F09%2Fcss20.html&title=CSS%E3%81%AE%E5%B0%8F%E6%8A%80%E9%9B%86%E3%80%8120%E5%80%8B%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：O'Reillyのソースコード検索サービス
CSSの小技集、20個2006年09月25日スポンサード リンク
CSS Techniques Roundup - 20 CSS Tips and Tricks
I never cease to be amazed at what problems can be solved with pure CSS. CSSの小技集、20個。
どのテクニックも、誰もが使うであろうテクニックで便利なものばかりです。 角丸 画像なしの角丸 投票用スターの作成 テーブルなしのフォーム リストをＣＳＳでデザイン 2カラムレイアウト 3ラムレイアウト 3カラム固定幅、中央寄せ 印刷とＣＳＳ RSSフィードにスタイルシートを指定 固定フッター 要素にHove... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/09/css20.html 24745 sunsouthcityrockers 2006-11-21T17:33:38Z CSS 技術 参考 テンプレート design HTML CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F11%2Fcss_16.html&title=CSS%E3%82%92%E4%BD%BF%E3%81%84%E3%80%81%EF%BC%91%E6%9E%9A%E3%81%AE%E7%94%BB%E5%83%8F%E3%81%A0%E3%81%91%E3%81%A7%E3%82%AB%E3%83%A9%E3%83%95%E3%83%AB%E3%81%AA%E3%82%B0%E3%83%A9%E3%83%87%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E8%83%8C%E6%99%AF%E3%82%92%E4%BD%9C%E3%82%8B%E4%BE%8B%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：PHPで使えるCAPTCHA画像作成ライブラリまとめ
CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例2006年11月20日スポンサード リンク
A List Apart: Articles: Super-Easy Blendy Backgrounds

CSSを使い、１枚の画像だけでカラフルなグラデーション背景を作る例。
次のような透過PNGがあったとして、更にこの下に色を付けると・・・。



大体どうなるか分かると思いますが次のようなグラデーション背景が出来ます。



そんなCSSのテクニックが紹介されてます。 example one (FireFoxのみ) example two (FireFoxのみ) example three (FireFoxのみ) example four (FireFoxのみ) Example f... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/11/css_16.html 37154 sunsouthcityrockers 2006-11-21T17:33:32Z CSS グラデーション design HTML アイデア 参考 PHPで使えるCAPTCHA画像作成ライブラリまとめ http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F11%2Fphpcaptcha.html&title=PHP%E3%81%A7%E4%BD%BF%E3%81%88%E3%82%8BCAPTCHA%E7%94%BB%E5%83%8F%E4%BD%9C%E6%88%90%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%81%BE%E3%81%A8%E3%82%81 次の記事 »：チュートリアルに特化したソーシャルブックマーク「tutorialicious」
PHPで使えるCAPTCHA画像作成ライブラリまとめ2006年11月20日スポンサード リンク
PHPで使えるCAPTCHA画像作成ライブラリはいろいろあって分かりにくいので以下にまとめてみました。
最近ではスパムが多すぎて、掲示板等へのCAPTCHA実装は必須のように思えます^^;

CAPTCHA (GPLライセンス)サンプル利用方法
1. パッケージダウンロード
2. パッケージ解凍後、同じディレクトリにフォント(*.ttf)ファイルを設置
3. captcha.class.php を開く
(2)で配置したフォントのファイル名を変数に設定
$this->Font = './〜.ttf';
4. example.php にアクセスCAPTCHA 2 (GPLラ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/11/phpcaptcha.html 36743 sunsouthcityrockers 2006-11-21T17:32:28Z PHP キャプチャ 画像 認証 セキュリティ システム web HTML 参考 ライブラリ RSS フィード 自動作成 - goo フィードメーカー http://clip.nifty.com/entry?url=http%3A%2F%2Ffm.goo.ne.jp%2F&title=RSS%20%E3%83%95%E3%82%A3%E3%83%BC%E3%83%89%20%E8%87%AA%E5%8B%95%E4%BD%9C%E6%88%90%20-%20goo%20%E3%83%95%E3%82%A3%E3%83%BC%E3%83%89%E3%83%A1%E3%83%BC%E3%82%AB%E3%83%BC フィードメーカーとは？■フィードメーカー（β版）とは？サイト内のトピックスや更新情報などからRSSフィード（新着記事リスト）を作成することのできる無料サービスです。サイト内でよく読む記事枠だけを指定してRSSフィードにすることもできます。（作成方法を動画で説明）
作ったフィードをIE7やFireFox、RSSリーダーなどに登録すればそのサイトが更新されたかどうかをすぐにチェックできます。作ったRSSフィードを自分のサイトにリンクさせればサイトへの誘導ツールとしても使えます。
なお、ご利用には無料のgooIDが必要です。 →詳細■作ったRSSフィードでクチコミページも作れる！作成したRSSフィードに関連したブログ記事やQ&Aを追加したクチコミ情報ページ（リパックペー... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://fm.goo.ne.jp/ 36993 sunsouthcityrockers 2006-11-21T17:29:08Z RSS 自動 作成 新サービス 使える 便利 web HTML RSS Validator - feedAnalyzer RSSの構文チェック http://clip.nifty.com/entry?url=http%3A%2F%2Ffeedanalyzer.com%2F&title=RSS%20Validator%20-%20feedAnalyzer%20RSS%E3%81%AE%E6%A7%8B%E6%96%87%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF
RSS1.0 / RSS0.91 .. RSS2.0 BETA VERSION
RSSのURLを入力していただくと構文チェックできます top | about | help | history | im::memo
feedAnalyzer copyright(c) InfoMaker. 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://feedanalyzer.com/ 29070 sunsouthcityrockers 2006-11-21T17:29:01Z RSS 構文 検査 サービス 使える 便利 HTML 株式会社デジベリー　RSS DreamFeeder　RSS ドリームフィーダー http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.digiberry.com%2Frnsoft%2Findex.htm&title=%E6%A0%AA%E5%BC%8F%E4%BC%9A%E7%A4%BE%E3%83%87%E3%82%B8%E3%83%99%E3%83%AA%E3%83%BC%E3%80%80RSS%20DreamFeeder%E3%80%80RSS%20%E3%83%89%E3%83%AA%E3%83%BC%E3%83%A0%E3%83%95%E3%82%A3%E3%83%BC%E3%83%80%E3%83%BC ダ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.digiberry.com/rnsoft/index.htm 37129 sunsouthcityrockers 2006-11-21T17:28:48Z RSS dreamweaver プラグイン ソフト HTML HTTPのステータスコードの意味 http://clip.nifty.com/entry?url=http%3A%2F%2Frails.office.drecom.jp%2Ftakiuchi%2Farchive%2F131&title=HTTP%E3%81%AE%E3%82%B9%E3%83%86%E3%83%BC%E3%82%BF%E3%82%B9%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E6%84%8F%E5%91%B3 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://rails.office.drecom.jp/takiuchi/archive/131 37116 sunsouthcityrockers 2006-11-21T17:26:59Z HTML web エラー ステータス コード まとめ フォームメールの導入と、サイドメニューの開閉　（CROSSBREED クロスブリード！） http://clip.nifty.com/entry?url=http%3A%2F%2Fcross-breed.com%2Farchives%2F200404020146.php&title=%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%83%A1%E3%83%BC%E3%83%AB%E3%81%AE%E5%B0%8E%E5%85%A5%E3%81%A8%E3%80%81%E3%82%B5%E3%82%A4%E3%83%89%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AE%E9%96%8B%E9%96%89%E3%80%80%EF%BC%88CROSSBREED%20%E3%82%AF%E3%83%AD%E3%82%B9%E3%83%96%E3%83%AA%E3%83%BC%E3%83%89%EF%BC%81%EF%BC%89
homeaboutdiaryDJMIX音楽の歴史musicnetaBBSdogevent合コン物語monoMTmovie2chbookstorytool新婚旅行物語websnowgamelink我が子との会話嫁との会話« アナログレコードのメンテ方法 |TOPページ| 浮浪者一年生創刊 - 第二の人生スタート号 »
[MT]のカテゴリを全表示
コメント：[読む] / [書く] | [関連記事]2004年04月02日フォームメールの導入と、サイドメニューの開閉【bookmark】： 　【カテゴリ】：[ MT ]TOPページ左側、「オススメ」の下にフォームメールを設置した。
「メールはコチラ」という所をクリックするとメールのフォームがガシっと開くと思う。
ここから僕宛にメールが送信できる。ちなみに、メアドは書かなくても送信できます。名前とコメントだけは何か書いてメール送信してみて下さい。以前からフォームメールを設置したいと思っていた。
「コメントに書けないからメールを送ります」というメールが結構あったのが重い腰を上げた... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://cross-breed.com/archives/200404020146.php 36330 sunsouthcityrockers 2006-11-18T07:58:32Z メールフォーム サイド メニュー HTML javascript MovableType カスタム CSSベースのクールなフォーム、サンプル集:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F11%2Fcss_15.html&title=CSS%E3%83%99%E3%83%BC%E3%82%B9%E3%81%AE%E3%82%AF%E3%83%BC%E3%83%AB%E3%81%AA%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%80%81%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%E9%9B%86%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：AJAXを使ったオンラインフォトエディタ「pixer.us」
CSSベースのクールなフォーム、サンプル集2006年11月13日スポンサード リンク
Smashing Magazine | Blog Archive CSS-Based Forms: Modern Solutions
In Web 2.0 registration and feedback forms can be found everywhere. Every start-up tries to attract visitors’ attention,CSSベースのクールなフォーム、サンプル集。
デザインにしにくい部分だからこそ、凝っておくと玄人受けはよい筈。色々なデザインがあって感心するばかりです。 Prettier Accessible Forms


Badboy Niceforms


Fun... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/11/css_15.html 35306 sunsouthcityrockers 2006-11-18T07:58:11Z CSS メールフォーム フォーム サンプル 使える HTML 参考 10個のPHPフレームワーク比較記事:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F11%2F10php.html&title=10%E5%80%8B%E3%81%AEPHP%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF%E6%AF%94%E8%BC%83%E8%A8%98%E4%BA%8B%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：CSSベースのクールなフォーム、サンプル集
10個のPHPフレームワーク比較記事2006年11月13日スポンサード リンク
PHP Hacks - 10 PHP Frameworks compared
New frameworks are being released almost every other day in the PHP community. With over 40 frameworks available it's difficult to decide which framework works best for you, especially as each framework offers different functionality. In this article we will look at ten... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/11/10php.html 35422 sunsouthcityrockers 2006-11-18T07:58:05Z PHP フレーム 比較 参考 使える HTML cl.pocari.org - <input type="hidden" /> の値を見やすく表示するデバッグ用の JavaScript ライブラリ http://clip.nifty.com/entry?url=http%3A%2F%2Fcl.pocari.org%2F2006-11-14-4.html&title=cl.pocari.org%20-%20%3Cinput%20type%3D%22hidden%22%20%2F%3E%20%E3%81%AE%E5%80%A4%E3%82%92%E8%A6%8B%E3%82%84%E3%81%99%E3%81%8F%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B%E3%83%87%E3%83%90%E3%83%83%E3%82%B0%E7%94%A8%E3%81%AE%20JavaScript%20%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA 前の記事:セオリー・オブ・スタイルシート
次の記事:ユーザ中心ウェブサイト戦略 仮説検証アプローチによるユーザビリティサイエンスの実践<input type="hidden" /> の値を見やすく表示するデバッグ用の JavaScript ライブラリcomments(0) | trackback(0) フォームの <input type="hidden" /> の値をテーブルで見やすく表示するライブラリ HiddenView というのを作ってみました．
いちいちソースを確認して，値が入っているか確認するのが面倒な人用．他の JavaScript ライブラリは必要としません．

- 使い方
HiddenView.js を読み込んで，onload イベントで new HiddenView(); をしてください．これだけ．
<script type="text/javascript" src="HiddenView.js"></script>
<script type=&qu... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://cl.pocari.org/2006-11-14-4.html 36320 sunsouthcityrockers 2006-11-18T07:57:51Z フォーム javascript デバッグ CSS HTML UI カスタム JavaScriptアニメーションフレームワークライブラリ「Run」:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F11%2Fjavascriptrun.html&title=JavaScript%E3%82%A2%E3%83%8B%E3%83%A1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%80%8CRun%E3%80%8D%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：AjaxのレスポンスをキャッシュするJavaScriptライブラリ「JSOC」
JavaScriptアニメーションフレームワークライブラリ「Run」2006年11月15日スポンサード リンク
Run / Universal JavaScript Animation Framework / Start
Run is the easy and basic way to animate web content! You're right, this is YAAF - yet another animation framework.JavaScriptアニメーションフレームワークライブラリ「Run」。
script.aculo.usのようなエフェクト風アニメーション機能を実現したりすることが出来ます。



太陽の周りを地球が回るデモのような、Script.aculo.u... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/11/javascriptrun.html 36316 sunsouthcityrockers 2006-11-18T07:57:43Z javascript アニメーション フレームワーク ライブラリ HTML カスタム RSSフィードをJavaScriptに変換して表示 - Feed2JS http://clip.nifty.com/entry?url=http%3A%2F%2Foss.moongift.jp%2Fintro%2Fi-2731.html&title=RSS%E3%83%95%E3%82%A3%E3%83%BC%E3%83%89%E3%82%92JavaScript%E3%81%AB%E5%A4%89%E6%8F%9B%E3%81%97%E3%81%A6%E8%A1%A8%E7%A4%BA%20-%20Feed2JS 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://oss.moongift.jp/intro/i-2731.html 36314 sunsouthcityrockers 2006-11-18T07:57:39Z RSS javascript 変換 PHP カスタム HTML 5000枚以上の写真やイメージ画像が無料で利用できる「Stockvault.net」 - GIGAZINE http://clip.nifty.com/entry?url=http%3A%2F%2Fgigazine.net%2Findex.php%3F%2Fnews%2Fcomments%2F20061115_stockvault%2F&title=5000%E6%9E%9A%E4%BB%A5%E4%B8%8A%E3%81%AE%E5%86%99%E7%9C%9F%E3%82%84%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E7%94%BB%E5%83%8F%E3%81%8C%E7%84%A1%E6%96%99%E3%81%A7%E5%88%A9%E7%94%A8%E3%81%A7%E3%81%8D%E3%82%8B%E3%80%8CStockvault.net%E3%80%8D%20-%20GIGAZINE 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://gigazine.net/index.php?/news/comments/20061115_stockvault/ 35734 sunsouthcityrockers 2006-11-18T07:57:31Z 無料 写真 画像 著作権フリー web HTML 無駄に長い URL って困りませんか？ http://clip.nifty.com/entry?url=http%3A%2F%2Fsweetlovexx.seesaa.net%2Farticle%2F27473414.html&title=%E7%84%A1%E9%A7%84%E3%81%AB%E9%95%B7%E3%81%84%20URL%20%E3%81%A3%E3%81%A6%E5%9B%B0%E3%82%8A%E3%81%BE%E3%81%9B%E3%82%93%E3%81%8B%EF%BC%9F /* 無駄にエロいのは仕様です */ 01 About02 Love03 Heart04 Blog05 Design06 etc HOME >> 04 BLOG >> 無駄に長いURLって困りませんか？ 2006-11-14 Tue 無駄に長いURLって困りませんか？ 無駄に長くてわかりにくーい検索結果などの URL を、mixi の日記やブログのコメント欄に貼っているのをたまに見かけますが、ブラウザによっては画面から突き出したりレイアウトが崩れる原因になってしまいます。短縮URLは、アダルトサイト等へのスパムに悪用されることもあるため、なるべく使用は控えたほうがよいという意見もありますが、今日は簡単にURLを短縮できるサービスや便利なツール... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://sweetlovexx.seesaa.net/article/27473414.html 36309 sunsouthcityrockers 2006-11-18T07:57:20Z URL 圧縮 UI design HTML SBO(Social Bookmark Optimization)に関するほにゃらら http://clip.nifty.com/entry?url=http%3A%2F%2Flabs.unoh.net%2F2006%2F11%2Fsbosocial_bookmark_optimizatio.html&title=SBO%28Social%20Bookmark%20Optimization%29%E3%81%AB%E9%96%A2%E3%81%99%E3%82%8B%E3%81%BB%E3%81%AB%E3%82%83%E3%82%89%E3%82%89 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://labs.unoh.net/2006/11/sbosocial_bookmark_optimizatio.html 36306 sunsouthcityrockers 2006-11-18T07:57:12Z SBO SEO HTML アクセスアップ DHTML Site - Free 16x16 Icons http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.dhtmlsite.com%2Ficons.php&title=DHTML%20Site%20-%20Free%2016x16%20Icons
CategoriesAJAXNavigationCSSPage EffectsTool TipsDrag and DropCalendarsWindow EffectsImage Galleries and EffectsWebmaster ToolsFlash Applications

Search


StatisticsTutorials Indexed: 363
Tutorial Views: 17628
Total Comments: 32
About
Here at DHTMLSite, you will find a directory of useful AJAX/DHTML scripts and tutorials.

Articles
10 Useful Web Tools and Links - May 2007.

CSS + Javascript Calendars - 10 Free Css and Javascript Calendars.

Image Galleries - List of Image Galleries and ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.dhtmlsite.com/icons.php 36294 sunsouthcityrockers 2006-11-18T07:56:39Z アイコン 著作権フリー フリー 使える design HTML The Form Assembly - Create and Process State-of-the-Art Web Forms http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.formassembly.com%2F&title=The%20Form%20Assembly%20-%20Create%20and%20Process%20State-of-the-Art%20Web%20Forms and Collect Responses... and get email notifications, RSS feed, charts and statistics. Export to Excel and third-party services like Salesforce or integrate with PayPal to collect payments. ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.formassembly.com/ 36290 sunsouthcityrockers 2006-11-18T07:56:30Z フォーム メールフォーム 作成 サービス 使える 便利 HTML SectionSeven Inc. http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.sectionseven.com%2F&title=SectionSeven%20Inc. 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.sectionseven.com/ 36279 sunsouthcityrockers 2006-11-18T07:55:08Z design web 参考 Flash HTML 独自デザインのSelectボックスを作成するJavaScriptライブラリ「Custom SelectBox」:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F11%2Fselectjavascrip.html&title=%E7%8B%AC%E8%87%AA%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%AESelect%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8BJavaScript%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%80%8CCustom%20SelectBox%E3%80%8D%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：PHPとAjaxを使ったWEBベースのファイル管理ツール「PHP Navigator」
独自デザインのSelectボックスを作成するJavaScriptライブラリ「Custom SelectBox」2006年11月16日スポンサード リンク
Custom SelectBox (WebFX)
This sample creates a selectbox that works almost identically to the 独自デザインのSelectボックスを作成するJavaScriptライブラリ「Custom SelectBox」。
<option> の中身にHTMLタグを指定することが出来るようです。



次のようなコードでこれが実現できます。<html>
<head>
<link type="te... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/11/selectjavascrip.html 36265 sunsouthcityrockers 2006-11-18T07:54:27Z オリジナル design セレクトボックス javascript web HTML 参考 Flashプレイヤーの検出とHTML埋め込みを簡単に行えるJavaScriptライブラリ「SWFObject」:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F10%2Fflashhtmljavasc.html&title=Flash%E3%83%97%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%E3%81%AE%E6%A4%9C%E5%87%BA%E3%81%A8HTML%E5%9F%8B%E3%82%81%E8%BE%BC%E3%81%BF%E3%82%92%E7%B0%A1%E5%8D%98%E3%81%AB%E8%A1%8C%E3%81%88%E3%82%8BJavaScript%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%80%8CSWFObject%E3%80%8D%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：JavaScriptで使えるカラーピッカー作成ライブラリまとめ
Flashプレイヤーの検出とHTML埋め込みを簡単に行えるJavaScriptライブラリ「SWFObject」2006年10月23日スポンサード リンク
deconcept ? SWFObject: Javascript Flash Player detection and embed script
SWFObject is a small Javascript file used for embedding Macromedia Flash content. The script can detect the Flash plug-in in all major web browsers (on Mac and PC) and is designed ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/10/flashhtmljavasc.html 31010 sunsouthcityrockers 2006-11-11T11:57:39Z javascript Flash HTML Web オープンソース 使える プラグイン いろいろな用途で使えるミニアイコンあれこれ http://clip.nifty.com/entry?url=http%3A%2F%2Fgigazine.net%2Findex.php%3F%2Fnews%2Fcomments%2F20061023_mini_icon%2F&title=%E3%81%84%E3%82%8D%E3%81%84%E3%82%8D%E3%81%AA%E7%94%A8%E9%80%94%E3%81%A7%E4%BD%BF%E3%81%88%E3%82%8B%E3%83%9F%E3%83%8B%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E3%81%82%E3%82%8C%E3%81%93%E3%82%8C 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://gigazine.net/index.php?/news/comments/20061023_mini_icon/ 30384 sunsouthcityrockers 2006-11-11T11:56:33Z アイコン web HTML ユーザビリティ 使える IE7.0登場後のWeb修正は避けられない：ITpro:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F10%2Fie70webitpro.html&title=IE7.0%E7%99%BB%E5%A0%B4%E5%BE%8C%E3%81%AEWeb%E4%BF%AE%E6%AD%A3%E3%81%AF%E9%81%BF%E3%81%91%E3%82%89%E3%82%8C%E3%81%AA%E3%81%84%EF%BC%9AITpro%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：「PHP Extension」の作り方
IE7.0登場後のWeb修正は避けられない：ITpro2006年10月28日スポンサード リンク
【REMIX Tokyo】IE7.0登場後のWeb修正は避けられない：ITpro
10月26日に開催されたカンファレンス「REMIX Tokyo」で，マイクロソフト ディベロップメント Windows開発統括部の五寶匡郎氏は，IE 7.0の機能概要を説明した。1時間という短い時間内で五寶氏が優先的に語ったのは，IE 7.0利用時の注意点だった。先日IE7の正式版がリリースされましたが。IE7登場にあたり、web開発者が注意すべき点について。タブ機能を使っている場合，ウィンドウ・オブジェクトのほとんどはスクリプトで制御できないという制限がある。ということで、多くのサイトで修正が発生してしまいますね。
更に、次。タブ機能のサ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/10/ie70webitpro.html 34893 sunsouthcityrockers 2006-11-11T11:53:26Z IE Web design HTML 参考 Googlize! http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.hyuki.com%2Fnetserv%2Fgooglize.cgi&title=Googlize%21 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.hyuki.com/netserv/googlize.cgi 34876 sunsouthcityrockers 2006-11-11T11:52:15Z Google 検索 ドメイン HTML 使える web サービス 画像のロールオーバー効果をCSSで簡単実装する方法:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F11%2Fcss_14.html&title=%E7%94%BB%E5%83%8F%E3%81%AE%E3%83%AD%E3%83%BC%E3%83%AB%E3%82%AA%E3%83%BC%E3%83%90%E3%83%BC%E5%8A%B9%E6%9E%9C%E3%82%92CSS%E3%81%A7%E7%B0%A1%E5%8D%98%E5%AE%9F%E8%A3%85%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：PHP 5.2.0がリリース-200件を超えるバグを修正
画像のロールオーバー効果をCSSで簡単実装する方法2006年11月03日スポンサード リンク
Simple CSS Image Rollover - Find Motive
Back when I first started doing web development I used Javascript Image objects and onMouseOver and onMouseOut to make image rollovers for web pages. This worked well, but was kind of clunky and required 2 separate images.画像のロールオーバー効果をCSSで簡単実装する方法。
特に真新しいものではないと思いますが、知らない人も多いよ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/11/css_14.html 32626 sunsouthcityrockers 2006-11-11T11:43:48Z HTML CSS ロールオーバー 画像 design ページ作成実践講座［８］　引越先へ自動的に移動させたい！ - ［ホームページ作成］All About http://clip.nifty.com/entry?url=http%3A%2F%2Fallabout.co.jp%2Finternet%2Fhpcreate%2Fcloseup%2FCU20020315A%2Findex3.htm&title=%E3%83%9A%E3%83%BC%E3%82%B8%E4%BD%9C%E6%88%90%E5%AE%9F%E8%B7%B5%E8%AC%9B%E5%BA%A7%EF%BC%BB%EF%BC%98%EF%BC%BD%E3%80%80%E5%BC%95%E8%B6%8A%E5%85%88%E3%81%B8%E8%87%AA%E5%8B%95%E7%9A%84%E3%81%AB%E7%A7%BB%E5%8B%95%E3%81%95%E3%81%9B%E3%81%9F%E3%81%84%EF%BC%81%20-%20%EF%BC%BB%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E4%BD%9C%E6%88%90%EF%BC%BDAll%20About どちらもとっても簡単です。●JavaScriptで自動的に移動させるには？JavaScriptでページを移動するには、... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://allabout.co.jp/internet/hpcreate/closeup/CU20020315A/index3.htm 34829 sunsouthcityrockers 2006-11-11T11:42:49Z HTML htaccess web javascript 404 ホームページ作成の第一歩【エラーページのカスタマイズ】 http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.7key.jp%2Fhp%2Fsv%2Fhtacc07.html&title=%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E4%BD%9C%E6%88%90%E3%81%AE%E7%AC%AC%E4%B8%80%E6%AD%A9%E3%80%90%E3%82%A8%E3%83%A9%E3%83%BC%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E3%80%91 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.7key.jp/hp/sv/htacc07.html 34828 sunsouthcityrockers 2006-11-11T11:42:46Z HTML 404 参考 メモ PHPアクセラレータで一番高速なのはどれか？ - GIGAZINE http://clip.nifty.com/entry?url=http%3A%2F%2Fgigazine.net%2Findex.php%3F%2Fnews%2Fcomments%2F20061103_php_accelerator%2F&title=PHP%E3%82%A2%E3%82%AF%E3%82%BB%E3%83%A9%E3%83%AC%E3%83%BC%E3%82%BF%E3%81%A7%E4%B8%80%E7%95%AA%E9%AB%98%E9%80%9F%E3%81%AA%E3%81%AE%E3%81%AF%E3%81%A9%E3%82%8C%E3%81%8B%EF%BC%9F%20-%20GIGAZINE 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://gigazine.net/index.php?/news/comments/20061103_php_accelerator/ 34826 sunsouthcityrockers 2006-11-11T11:42:40Z PHP アクセラレータ レビュー 比較 web HTML サーバ Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめ:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F11%2Fajaxapachecsscv.html&title=Ajax%2CApache%2CCSS%2CCVS%2CHTML%2CJS%2CPerl%2CPHP%E7%AD%89%E3%81%AE%E3%83%81%E3%83%BC%E3%83%88%E3%82%B7%E3%83%BC%E3%83%88%E3%81%BE%E3%81%A8%E3%82%81%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：JavaScript用アニメーション作成ライブラリまとめ
Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめ2006年11月06日スポンサード リンク
Smashing Magazine Blog Archive Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…

Ajax,Apache,CSS,CVS,HTML,JS,Perl,PHP等のチートシートまとめが紹介されてます。
チートシートって印刷して貼っておくとほんとに便利でお世話になってます。

Ajax関連

What’s Ajax? Cheat Sheet - PDF Prototype Dissected - Cheat Sheet PNG scriptaculous Com... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/11/ajaxapachecsscv.html 33635 sunsouthcityrockers 2006-11-11T11:42:20Z Ajax Apache CSS CVS HTML Perl PHP javascript チートシート メモ HTMLのリスト要素を視覚的に階層表示する「StyleMap」 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F11%2Fhtmlstylemap.html&title=HTML%E3%81%AE%E3%83%AA%E3%82%B9%E3%83%88%E8%A6%81%E7%B4%A0%E3%82%92%E8%A6%96%E8%A6%9A%E7%9A%84%E3%81%AB%E9%9A%8E%E5%B1%A4%E8%A1%A8%E7%A4%BA%E3%81%99%E3%82%8B%E3%80%8CStyleMap%E3%80%8D 次の記事 »：選択中のINPUT要素をハイライトしてくれるJavascriptライブラリ「Highlight active input」
HTMLのリスト要素を視覚的に階層表示する「StyleMap」2006年11月08日スポンサード リンク
Scott Jehl, Designer/Developer, Boston, MA | Process: StyleMap: Visual Sitemap
If you've ever had to produce a sitemap for a client using tools like Visio or OmniGraffle, you know that it can be tedious to visual organize a complex hierarchy of pages. Having expe... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/11/htmlstylemap.html 34819 sunsouthcityrockers 2006-11-11T11:42:10Z HTML 階層表示 構造 テクニック 技術 【レポート】あのmoo.fxがバージョン2に - 滑らかで超軽量のエフェクトはこれ! http://clip.nifty.com/entry?url=http%3A%2F%2Fjournal.mycom.co.jp%2Farticles%2F2006%2F11%2F07%2Fmoo2%2F&title=%E3%80%90%E3%83%AC%E3%83%9D%E3%83%BC%E3%83%88%E3%80%91%E3%81%82%E3%81%AEmoo.fx%E3%81%8C%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B32%E3%81%AB%20-%20%E6%BB%91%E3%82%89%E3%81%8B%E3%81%A7%E8%B6%85%E8%BB%BD%E9%87%8F%E3%81%AE%E3%82%A8%E3%83%95%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AF%E3%81%93%E3%82%8C%21 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://journal.mycom.co.jp/articles/2006/11/07/moo2/ 34809 sunsouthcityrockers 2006-11-11T11:39:49Z javascript HTML web2.0 エフェクト 使える メモ ページの最下部に「トップへ」を表示させたい。,トップ,表示,下,が,に,ページ,。,を,の,livedoorブログ - livedoor ナレッジ 知識、知恵のカタマリ http://clip.nifty.com/entry?url=http%3A%2F%2Fknowledge.livedoor.com%2F6788&title=%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AE%E6%9C%80%E4%B8%8B%E9%83%A8%E3%81%AB%E3%80%8C%E3%83%88%E3%83%83%E3%83%97%E3%81%B8%E3%80%8D%E3%82%92%E8%A1%A8%E7%A4%BA%E3%81%95%E3%81%9B%E3%81%9F%E3%81%84%E3%80%82%2C%E3%83%88%E3%83%83%E3%83%97%2C%E8%A1%A8%E7%A4%BA%2C%E4%B8%8B%2C%E3%81%8C%2C%E3%81%AB%2C%E3%83%9A%E3%83%BC%E3%82%B8%2C%E3%80%82%2C%E3%82%92%2C%E3%81%AE%2Clivedoor%E3%83%96%E3%83%AD%E3%82%B0%20-%20livedoor%20%E3%83%8A%E3%83%AC%E3%83%83%E3%82%B8%20%E7%9F%A5%E8%AD%98%E3%80%81%E7%9F%A5%E6%81%B5%E3%81%AE%E3%82%AB%E3%82%BF%E3%83%9E%E3%83%AA 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://knowledge.livedoor.com/6788 34798 sunsouthcityrockers 2006-11-11T11:39:03Z ページ内リンク HTML livedoorブログ CSS design ブログ 選択中のINPUT要素をハイライトしてくれるJavascriptライブラリ「Highlight active input」 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F11%2Finputjavascript.html&title=%E9%81%B8%E6%8A%9E%E4%B8%AD%E3%81%AEINPUT%E8%A6%81%E7%B4%A0%E3%82%92%E3%83%8F%E3%82%A4%E3%83%A9%E3%82%A4%E3%83%88%E3%81%97%E3%81%A6%E3%81%8F%E3%82%8C%E3%82%8BJavascript%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%80%8CHighlight%20active%20input%E3%80%8D 次の記事 »：あなたのサイトにチャットを埋め込むサービス「Chatcreator.com」
選択中のINPUT要素をハイライトしてくれるJavascriptライブラリ「Highlight active input」2006年11月09日スポンサード リンク
Highlight active input
This script is easy to configure. All you have to do is to define how the active input should be highlighted. This is done by CSS. Then you have to call a function at the bottom of your page to initialize the script.選択中のINPUT要素をハイライトしてくれるJava... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/11/inputjavascript.html 34782 sunsouthcityrockers 2006-11-11T11:37:10Z javascript ハイライト UI HTML web RSS FeedをJavascriptでウェブページに表示 http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.moondakota.com%2Ffeed%2Findex_s.php&title=RSS%20Feed%E3%82%92Javascript%E3%81%A7%E3%82%A6%E3%82%A7%E3%83%96%E3%83%9A%E3%83%BC%E3%82%B8%E3%81%AB%E8%A1%A8%E7%A4%BA 以下の設定に従って、表示させたい情報と表示方法を選択してください。

「プレビュー」ボタンを押すと、表示内容と表示方法を確認できます。
問題なく表示されたら、「コードを取得」ボタンを押してください。そうすると、Javascriptのコードが表示されます。
あとはそれを表示させたい場所へコピペしてください。

レイアウトはCSSで行います。標準では、このCSS を使っています。URLRSS FeedのURLを入力してください。
文字コードスクリプトを表示するページの文字コードを入力してください。(UTF-8, EUC-JP, Shift_JIS)
参考) このページは、Shift_JISで書かれています。
他の文字コードでプレビューを確認する場合はこちら。 UTF-8 / EUC-JP
UTF-8
EUC-JP
Shift_JISサイト情報の表示サイトの情報を表示するか選択してください。
タイトルと概要を表示する
タイトルのみ表示する
表示しない表示する記事の数表示する記事の数を決定してください。
(0にすると、最高20件までの記事を表示します。)
表示... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.moondakota.com/feed/index_s.php 34779 sunsouthcityrockers 2006-11-11T11:35:39Z RSS javascript web HTML ブログ 一覧表示 *LOVE IS DESIGN* - ちょっとしたメモ風のCSSデザイン http://clip.nifty.com/entry?url=http%3A%2F%2Fsweetlovexx.seesaa.net%2Farticle%2F26999309.html&title=*LOVE%20IS%20DESIGN*%20-%20%E3%81%A1%E3%82%87%E3%81%A3%E3%81%A8%E3%81%97%E3%81%9F%E3%83%A1%E3%83%A2%E9%A2%A8%E3%81%AECSS%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3 /* 無駄にエロいのは仕様です */ 01 About02 Love03 Heart04 Blog05 Design06 etc HOME >> 05 DESIGN >> ちょっとしたメモ風のCSSデザイン 2006-11-10 Fri ちょっとしたメモ風のCSSデザイン 時々、引用以外に blockquote 要素で枠や色をつけているのを見かけますが、本来は引用箇所を示すものなので、自分の文章に使うのはおかしいですよね。
そこで、角丸ジェネレーターとメモ風CSSライブラリーのご紹介です。わたしはよくツールの紹介をするので、使い方の説明などをちょっと目立たせたいなということがあるのですが、そんなときに使ってみてはいかがでしょうか。 Corner... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://sweetlovexx.seesaa.net/article/26999309.html 34778 sunsouthcityrockers 2006-11-11T11:35:27Z CSS メモ風 design HTML UI グラフ描画機能が追加されたJavaScriptライブラリ「Dojo 0.4」:phpspot開発日誌 http://clip.nifty.com/entry?url=http%3A%2F%2Fphpspot.org%2Fblog%2Farchives%2F2006%2F11%2Fjavascriptdojo.html&title=%E3%82%B0%E3%83%A9%E3%83%95%E6%8F%8F%E7%94%BB%E6%A9%9F%E8%83%BD%E3%81%8C%E8%BF%BD%E5%8A%A0%E3%81%95%E3%82%8C%E3%81%9FJavaScript%E3%83%A9%E3%82%A4%E3%83%96%E3%83%A9%E3%83%AA%E3%80%8CDojo%200.4%E3%80%8D%3Aphpspot%E9%96%8B%E7%99%BA%E6%97%A5%E8%AA%8C 次の記事 »：Web2.0なノートパッドサービス「Helipad」
グラフ描画機能が追加されたJavaScriptライブラリ「Dojo 0.4」2006年11月10日スポンサード リンク
dojo, the Javascript Toolkit: brought to you by the Dojo Foundation

グラフ描画機能が機能追加されたJavaScriptライブラリ「Dojo 0.4」。
次のようなグラフがJavaScriptで描画することが可能です。曲線も美しいですね。一見Flashを使っているようにも見えます。



グラフ描画するためには、dojo.jsを読み込んで、次のようなコードを書きます。dojo.require("dojo.collections.Store");
dojo.require("dojo.ch... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://phpspot.org/blog/archives/2006/11/javascriptdojo.html 34535 sunsouthcityrockers 2006-11-11T11:35:03Z javascript グラフ HTML CSSやJavaScriptを使ったオシャレな技やサンプルが解説＆配布しているサイトのまとめ http://clip.nifty.com/entry?url=http%3A%2F%2Fwww.hereticanthem.com%2Fwebdesign%2F295%2F&title=CSS%E3%82%84JavaScript%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%AA%E3%82%B7%E3%83%A3%E3%83%AC%E3%81%AA%E6%8A%80%E3%82%84%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%E3%81%8C%E8%A7%A3%E8%AA%AC%EF%BC%86%E9%85%8D%E5%B8%83%E3%81%97%E3%81%A6%E3%81%84%E3%82%8B%E3%82%B5%E3%82%A4%E3%83%88%E3%81%AE%E3%81%BE%E3%81%A8%E3%82%81
早速、ズラズラとまとめたいと思います。主にCSSに関連したものdynamicdrive.com様々なCSSテクニック、小物デザインが集まってます。ちょっとしたときに使えるのではないでしょうか？findmotive.com画像二枚を使ったロールオーバーをcssでやってしまう、最近ではスタンダード?blog.html.itcssレイアウトのテンプレートを配布しています。数多くのテンプレートがあり、大半のサイトに適応できそうです。必見。hyper-text.org外部リンクだけにアイコンを表示させることができるcssを解... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://www.hereticanthem.com/webdesign/295/ 34419 sunsouthcityrockers 2006-11-11T11:34:51Z CSS javascript サンプル アイデア 参考 UI HTML web まとめ *LOVE IS DESIGN* - 誰でも簡単にCSSカスタマイズができちゃうサイト http://clip.nifty.com/entry?url=http%3A%2F%2Fsweetlovexx.seesaa.net%2Farticle%2F17688627.html&title=*LOVE%20IS%20DESIGN*%20-%20%E8%AA%B0%E3%81%A7%E3%82%82%E7%B0%A1%E5%8D%98%E3%81%ABCSS%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%82%A4%E3%82%BA%E3%81%8C%E3%81%A7%E3%81%8D%E3%81%A1%E3%82%83%E3%81%86%E3%82%B5%E3%82%A4%E3%83%88 /* 無駄にエロいのは仕様です */ 01 About02 Love03 Heart04 Blog05 Design06 etc HOME >> 05 DESIGN >> 誰でも簡単にCSSカスタマイズができちゃうサイト 2006-05-11 Thu 誰でも簡単にCSSカスタマイズができちゃうサイト
カスタマイズに便利なサイトを、またまたはてブで見つけました。
やっぱりはてブサマ様！ありがとうブックマーカーたち！





■Dynamic Drive CSS Library


　…というわけで、さっそく　Sliding Doors Tabs MenuというMac風味のタブメニューを設置してみました。
サイドバーに使えるたて型もあります。

　このサイトなら誰でもプ... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://sweetlovexx.seesaa.net/article/17688627.html 34772 sunsouthcityrockers 2006-11-11T11:34:48Z メニューバー タブ CSS カスタム HTML web 参考 ページ内リンクをわかりやすくするJavaScript http://clip.nifty.com/entry?url=http%3A%2F%2Fcaramel-tea.com%2F2006%2F10%2Flink_javascript%2F&title=%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E3%83%AA%E3%83%B3%E3%82%AF%E3%82%92%E3%82%8F%E3%81%8B%E3%82%8A%E3%82%84%E3%81%99%E3%81%8F%E3%81%99%E3%82%8BJavaScript リンク先を視覚的にわかりやすくするdel.icio.us経由で面白そうなJavaScriptをみつけました。ブログでもサイトでもよく見る「このページの先頭へ」のリンク。長～いページだとそのリンクで一瞬に先... 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://caramel-tea.com/2006/10/link_javascript/ 30278 sunsouthcityrockers 2006-10-22T05:44:47Z ページ内リンク javascript HTML 便利 使える メモ [ajax] ページ内リンクでスムーススクロール @ ZEROBASE BLOG http://clip.nifty.com/entry?url=http%3A%2F%2Fzerobase.jp%2Fblog%2Fentry-268.html%23demoLink&title=%5Bajax%5D%20%E3%83%9A%E3%83%BC%E3%82%B8%E5%86%85%E3%83%AA%E3%83%B3%E3%82%AF%E3%81%A7%E3%82%B9%E3%83%A0%E3%83%BC%E3%82%B9%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB%20%40%20ZEROBASE%20BLOG 続きを読む続きを読む

クリップへ追加するクリップへ追加する

]]> http://zerobase.jp/blog/entry-268.html#demoLink 30277 sunsouthcityrockers 2006-10-22T05:44:41Z ページ内リンク javascript HTML 便利 使える メモ