Jimmy Lin's Presence on the Web
JimmyLin.info, Jimmy Lin, Jimmy, Lin, JLin, JL, Free Templates, CSS Templates, Portfolio, About, Contact, Resources, Pixel, Perfection, Perfectionist Free Templates These templates are 100% valid CSS/XHTML and compatible with IE5.0+, FireFox 1.5, Opera 8.5, and Safari 2. They do not use any hacks of any kind, and can easily be modified. There are no copyright restrictions on these templates, but i
onsubmit で disable にするやつ
■ onsubmit で disable にするやつ onsubmit で submit ボタンを disable にしてユーザビリティを良くする フォームを送信した時に、submit ボタンを disabled にして二重送信を防ぎましょう、というのがナウなヤングにバカウケ？ そんでもって、ここに書いてあるやつ なら、そこの JavaScript を読み込ませるだけで、自動的に全てのフォームに対して設定が行なわれるので便利。中止ボタン対策もしてあってグッド。 ただ、Deer Park な Firefox で試した所、戻るボタンで戻った場合は disabled が解除されないし、中止ボタンでの復活も効かない様子。 なので、書き直してみました。 var DisableSubmit = { init: function() { this.addEvent(window, 'load', thi
テキストフィールドのフォーカス時に背景色を変更する JavaScript
■ テキストフィールドのフォーカス時に背景色を変更する JavaScript 以下の JavaScript を読み込ませれば、フォームのテキストフィールドにフォーカスした時に、背景に色がつくようになります。今どのフィールドを選択しているのかが視覚的にわかるので便利。 mixi にこの機能がついていたんだけど、onfocus なんてのをいっぱい書いていて非効率的だと思ったので、読み込ませるだけで勝手に全部のフィールドに設定されるようなものを書いてみました。 window.onload = function() { var colorful = new ColorfulInput; colorful.set(); } function ColorfulInput() { this.skip = []; this.color = { 'blur': '', 'focus': '#EEEEEE'
フォームに入力を促すメッセージを出力する JavaScript
■ フォームに入力を促すメッセージを出力する JavaScript input type="text" なフォームに最初から「ここに入力して下さい」みたいなメッセージを薄い色で表示させておいて入力を促すようなのありますよね。なんか、あれを、現実逃避気味に書いたので。 function inputDefault(elm, msg) { this.elm = elm; this.msg = msg; this.color = '#999999'; this.bgColor = '#F9FFF9'; } inputDefault.prototype.set = function() { this._cleared = false; this._defColor = this.elm.style.color; this._defBGColor = this.elm.style.background
テキストエリアとかリサイズ可能にする JavaScript
■ テキストエリアとかリサイズ可能にする JavaScript 好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状がかわるので、そのままドラッグするとサイズも変わります。 自分はグリモンスクリプトで快適なんですが、サービス提供側でこういう機能を提供してくれたら幸せな人が増えるんじゃね？とか思ったので作ってみました。 実際のリサイズ方法に関しては、愛用している Changing <textarea> Size のコードが大変参考になりました。ありがとうございます。 コードは次の通りです。 メイン部分。 var ElementResizer = {
phpFormGenerator:phpspot開発日誌
phpFormGenerator phpFormGenerator is an easy-to-use tool to create reliable and efficient web forms in a snap. No programming of any sort is required. Just follow along the phpFormGenerator wizard and at the end, you will have a fully functional web form!またまたsourceジェネレーター系。ブラウザ上でフォームを生成できる。 これとは関係ないですが自分用に良く使う形のコードはジェネレート方式にすべきだと最近思っています。
Ajaxなフォームビルダー集:phpspot開発日誌
Ajaxian Attack of the Ajax form builders Ajax form builders are all the rage lately, so here’s a quick roundup of three of the players in this space. Ajaxなフォームビルダー集。 WEB上で簡単にフォームを作成できるフォームビルダーがいくつか紹介されています。 フォーム作成は結構面倒だったりしますがこういったものを使えば専用ソフト起動なしにクイックにフォーム作成が可能で開発効率が向上するでしょう。 -FormBuilder -JotForm -Wufoo
テーブルをJavascriptで自動的に見やすくする:phpspot開発日誌
Automatic colored rows - Example for BiteSize Standards テーブルの背景って次のイメージのように行ごとに交互に色分けされていると見やすいですね。 かといって、サーバサイドでアイテムを回して、１個１個設定するのも結構面倒だったりします。 リンク先のサンプルでは、JavaScriptを使って、trエレメントを探索し、交互にクラスを割り当てていくことで、自動でテーブルに色をつけてるようです。 これで、テーブルはシンプルにHTMLでコーディングでき、サーバサイドの技術なしで見やすいテーブルが作成できますね。
CSSだけで画像をプリロードするテクニック:phpspot開発日誌
Specere Blogs Blog Archive A Simple CSS Image preloading technique So you need to pre-load images, but don’t want to deal with javascript or complicated workarounds. What do you do? The solution is simple. All we need to do is designate a CSS style with multiple background-images. As your browser reads the style, it will load each image you designate in succession, thus pre-loading your images. Be
リンク位置を視覚的に表示するライブラリ:phpspot開発日誌
Link Indicator Link Indicator displays visually links within a page and links which have target attribute. Link Indicatorを使えば、 href="#name" のようにアンカーでリンクした先を視覚的に次のように表示できます。 クリックするとどこに飛ぶか、というのが予め分かるとちょっと安心できますね。 実装もHTMLとJavascriptのロジックは分離できるようなので、簡単でHTMLソースも見づらくならなくていいですね。
外部FLVファイルを再生できるオープンソースのFlashプレイヤー:phpspot開発日誌
Flash Video Player The Flash Video (FLV) Player can be used standalone, without the need for Flash MX 2004. The player allows you to show your videos more controlled and to a broader audience as with Quicktime, Windows Media or Real Media. if you do work with Flash MX 2004, this player is also smaller and easier to adjust than the components that accompany Flash. 外部FLVファイルを再生できるオープンソースのFlashプレイヤー、
How to Create a Standardized Web Site Development Workflow | Smiley Cat
As far as possible, we try to use a standard process for our web projects. Although it can seem like overkill for smaller projects, one thing I’ve discovered is that when it comes to building web sites for large organizations, there really are no shortcuts. If you cut corners, it will always come back to bite you in the end, whether it is in the form of last minute design or content changes or a s
em要素とstrong要素 - 徒書
HTMLにはemとstrongという要素型があり、それぞれ強調《emphasis》とより強い強調《stronger emphasis》を示すものとされています。これらの要素については、強調の強弱を示すためなら要素を多重に入れ子にすればよい（例えば、<strong><strong>強調</strong></strong> のように）との考えから、強調を表す要素は2つも必要無いという意見があります。 野望の王国の強調に一言物申す < Blog < Black Box XHTML 2.0草案（2003年5月6日版）の9.11. The strong elementには、"Leave in, deprecate or remove? No consensus."という記述がある。尚、2004年7月22日版草案の9.11. The strong elementの項には記載されていない。 しかし、自分
CSS layouts: liquid, fluid, elastic, flexible, jello...
You Can Hire Freelancer Here It is a long established fact that a reader will be distracted by the readable content of a page John Hissona passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If youThere are many variations of passages of Lorem Ipsum available, but the majority
evolt.org - Browser Archive
Pardon our dust! This iteration of browsers.evolt.org is under test, containing content which has not yet been finalized. evolt.org Browser Archive Who archived all these? One of the founding members of evolt.org, Adrian Roselli (or aardvark for those of you who visit the site or are on the mailing list), has provided the archive as well as its support through his company, Algonquin Studios. You c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.dbfnetwork.info/tinderbox/index.html
リゾレーヌ サプリを口コミだけで判断してはダメ？バストアップ効果が口コミ通りなのか試してわかったことを包み隠さず公開します！
PHPでフォームの内容を即座に検証（Validate）するサンプル:phpspot開発日誌
Rivalists™ Blog | Performance Physical Therapy & Sports Medicine Resources
Download details: Windows Server 2003 Resource Kit Tools