入力フォームの上にあらかじめ入力例や注意書きを表示する「プレースホルダ(placeholder)」。 入力する際の注意書きや入力例などを予め表示しておくことで、ユーザーに優しいUIにすることができます。 HTML5ではplaceholder属性という、新たな属性として簡単にプレースホルダを表示できるようになっていますが HTML5に対応していないブラウザではJSなどを使って実装しなくてはいけません。 このプレースホルダを表示するjQueryプラグインも多々ありますが シンプルなスクリプト構成で実装できないか、試しにやってみたので紹介してみます。 まずは実装サンプルから。 下記の入力フォーム(INPUTテキスト、パスワード、テキストエリア)にフォーカスすると 表示されているテキストが消えます。 入力フォームからフォーカスが外れた際に、 フォーム内に何か任意のテキストが入力されていると プレー
tags: Tips and Tricks date: 2010-09-07 19:21:11.000000000Z ##This days… I was wondering if there’s a way to put the Rails documentation inside the Mac Os dictionary until i find the amazing job from Priit Haamer and Mika Tuupola. They just make it flawless and very easy. /lost image/ ##Files to download Rails 3 documentation Ruby documentation JQuery documentation ##Installation instructions: Unzi
I'm Aaron and I make stuff that goes on the internets. We can be Twitter buds, and my feed is here. Stuff I've posted about lately Twitter film branding Facebook IE beer summit visualization cinematography Popular Tags IE howto jQuery Facebook cinematography beer summit visualization Helvetica marketing freebie Tropicana Wordpress packaging design branding film Twitter Learn how you can send me to
(function(){ jQuery.fn.isinwindow = function(){ var top = $(window).scrollTop(); var bottom = $(window).height() + $(window).scrollTop(); var left = $(window).scrollLeft(); var right = $(window).width() + $(window).scrollLeft(); return this.offset().top >= top && this.offset().top + this.height() <= bottom && this.offset().left >= left && this.offset().left + this.width() <= right; }; jQuery.fn.in
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く