Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
Webデザインには一般のデザインスキルのほかに、HTML・Javascript・CSSなど多様なスキルが求められます。Webデザイナーが、さらに複雑化するWebデザインを把握する一助にでもなれば幸いです。
input type="text" なフォームに最初から「ここに入力して下さい」みたいなメッセージを薄い色で表示させておいて入力を促すようなのありますよね。なんか、あれを、現実逃避気味に書いたので。 function inputDefault(elm, msg) { this....
『 Webフォームを便利にするTips集。補助メッセージの表示、入力候補の表示、リアルタイムバリデーションなど。サンプルコード付き。 』
フォームをちょこっとだけ使いやすくする小技いろいろ July 18, 2008 3:16 PM written by Gen Taguchi自分へのメモも兼ねてエントリー。フォームのユーザビリティを向上させる小技いろいろです。こういう小技を積極的に実装して自分のものにしていきたいですな。どういうこ...
<script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&pid=877160106″></script><noscrip...
woork: Using CSS and Mootools to simulate Flash horizontal navigation effect カーソル位置によって自動スクロールする小窓実装ライブラリ。 枠の右端に移動すると、右にズイズイとスクロール、左に移動すると左へスクロールするよう...
このスクリプトに機能を追加した valueconvertor.js を公開しています。アーカイブとしてこの記事は残してありますが、この replaceascii.js 機能をご利用する場合は、より安定している valueconvertor.js のご利用をおすすめします。概要フォーム入力時に『半角...
と、いうわけで。 こないだ導入したばっかりのprototype.jsですが便利なファンクションやメソッドが盛りだくさんですっかり長いスクリプト書く必要が無くなり文法なんて忘れてしまいました。 今日prototype.jsのリファレンスを読んでいたら setStyle(element, cssPro...
リンク先のサムネイルをマウスオーバーでポップアップ表示してくれるJavaScriptとCSSのセットです。 サムネイルもドロップ&シャドウ付でちょっといい感じなのです。 リンク先に飛ぶ前になんとなくどんなサイトかわかるのはちょっと安心でちょっと楽しいかも? 導入はとっても簡単。 <...
JavaScriptは、ホームページに様々な機能、効果を加えることができるプログラムです。 サンプル・プログラムはご自由にカスタマイズなどをしてお使いください。
css» javascript» webdesign» 入力欄についての注意点をツールチップで表示 コメントやメールフォーム等の入力欄についての注意点をツールチップで表示してくれる便利なライブラリをみつけたので懲りずにいつものごとく導入してみました。 Toolt...
サイトのナビゲーションをユーザーがどのように利用しているか？クリックしてほしいリンクをクリックしてくれない理由はあるのか？色々と気になることが多いと思います。ユーザークリックの統計を可視化（clicks heatmap）してくれるPHP＋JavaScriptのツールがClickHeat。...
昨日のonsubmit で submit ボタンを disable にしてユーザビリティを良くするにはちょっとした罠があって、それに気付かずに使うとはまってしまうかもしれないので、それもちょっと書いておく、というか今日僕自身がはまったわけだが。 罠というのは、type="submit" な inp...
フォームを送信した時に、ボタンを disabled にして二重送信を防ぎましょう、というのがナウなヤングにバカウケ？ onsubmit で submit ボタンを disable にしてユーザビリティを良くする そんでもって、ここに書いてあるやつ なら、そこの JavaScript を読み込ませれ...
テーブルのユーザビリティを上げたい。そんなあなたにおすすめなのが、『Tablecloth』。マウスオーバでテーブルのセルをアクティブ状態にするjavascriptだ。シンプルなコードを2行追加するだけで、ユーザを魅了するテーブルを作ることができる。↑の画像のように、マウスオーバでセルの行と列の背景...
