Creating an Apple-Style Input Field With Display Labels | Design Shack appleスタイルのクールなインプットフィールド実装チュートリアルが公開されています。 次のようにグラデーションがかかっており、カーソルをあわせると青くハイライトされます。 普通のインプットフィールドと比べてなかなかかっこ良くなってます。サンプルのダウンロードも可能 デモページ border-radius、text-shadowなどCSS3を駆使してるようです。 関連エントリ textareaやinputでタブの入力を可能にするjQueryプラグイン「Enable tab key」 クールで高機能な次世代検索ボックスを作成できる「VisualSearch.js」

AndroidではThemeというデザインを統一する仕組みがあります。 Themeを使用すると背景や文字色、各UIコンポーネントをアプリケーションやActivty単位で統一できます。 これは非常に便利な機能ですが、アプリを作っているとこの部分だけは違うデザインにしたいと思う箇所が出てくると思います。 そういう場合はstyle.xmlを使用して変更したい部分のデザインのみを変更するという方法が存在します。 詳細は以下から。 style.xmlファイルを用意する はじめにファイルの用意をしましょう。 stlye.xmlというファイルを用意し、valuesフォルダに格納します。 ここではファイルの内容はタグのみを記述しておきます。 style.xml <?xml version="1.0" encoding="utf-8"?> <resources> </resources> カスタマイズ内容を

EditTextにテキストを入力しようとするとソフトキーボードが表示されますが、 EditTextのフォーカスが外れてもソフトキーボードが非表示にならずに、次の操作の邪魔になってしまう場合があります。 今回はEditTextのフォーカスが外れたときにソフトキーボードを非表示にする方法についてご紹介したいと思います。 詳細は続きからどうぞ。 フォーカスの状態変化を検知する まず、EditTextのフォーカスが外れたことを検知するための仕組みが必要になります。 これにはonFocusChangedコールバックメソッドを利用します。 onFocusChangedコールバックメソッドはEditTextなどのビューがフォーカスされた、 あるいはフォーカスが外れたのをトリガーに呼び出されるメソッドです。 void onFocusChange(View v, boolean hasFocus) 引数のv

全体のプレビューをページサイトに出してドキュメントのどこにいるかを分かりやすくできる「jQuery.fracs」 2011年08月05日- jQuery.fracs larsjung.de 全体のプレビューをページサイトに出してドキュメントのどこにいるかを分かりやすくできる「jQuery.fracs」 縦に長ーいサイトだと今どこ読んでいるのか？わからなくなってしまうことがありますね. このライブラリを使えばページのサムネイルが動的に生成され、とってもわかりやすいだけでなく、サムネイル上をドラッグ＆ドロップでページ移動できちゃいます 右横にページ全体像のサムネイル 拡大するとこんな感じです ドラッグ＆ドロップでページ内を瞬間移動可能。 これはナイスですね 関連エントリ ページ内ハイライト検索が実装できるjQueryプラグイン「Plain Text Keyword Search」 今までなかっ

FancySelector Demo カッコいいselectボックスを作成できるjQueryプラグイン「FancySelector」 次のようなページ全体に広がるselectボックスみたいなものを作成することができます。 ページ全体に広げてインパクトをあたえたいような場合に使えそうです ページ内のselectの代替としても使うことができます。これはこれでなかなかいいかもしれません。 関連エントリ デザインがよくて複数連動可能なselectボックス作成jQueryプラグイン アイコン付きで自由にデザインできるselectボックス実装jQueryプラグイン「jQuery.superselect」 selectボックス利用時に選択肢を複数選べるUIを提供してくれるjQueryプラグイン「selectList」