UI Pattern Factoryは、フォームやナビゲーションなどのユーザーインターフェイスを設計する際に役立つリソースをコレクションしたサイトです。 UI Pattern Factory 詳細な解説があるコンテン [...]
サイトのトップページに配置する、訴求効果が最も高い「打ち出しエリア」のレイアウトのパターン集の紹介です。 Carousels Design Showcase 「Carousels Design Showcase」は、 [...]
ネットショップや会員制サイトを利用する際にいつも面倒だなと感じていることがある。会員登録や配送先を指定するフォーム画面にある、都道府県名の入力欄だ。 よくあるのが、プルダウンで都道府県名を選ぶ形式だが、これはなかなかのストレスだ。5～6項目ならともかく、47もの選択項目、それも似たような漢字3文字の中から、注意深く狙いを定めなければならない。...
CSS Button Designerは、フォームのボタンのスタイルシートを確認しながら作成できるオンラインジェネレーターです。 CSS Button Designer ボタンのテキストは日本語表示も可能で、ボタンの [...]
以前「ウェブサービスのアラートメッセージなんかに使える小粋なCSSスタイルまとめ」を紹介しましたが、それに絡めて続編メモということで。 「CSS Message Boxes for different message types」なる記事です。ウェブサービスで必要そうな次の4つのメッセージボックスに関するCSSのマークアップを紹介しています。 情報メッセージ 成功メッセージ 警告メッセージ エラーメッセージ 実際の...
以前お伝えしたGoogleドキュメント スプレッドシートのフォーム（アンケート）機能がウェブサイトに埋め込めるようになりました。 試しに、さっそくアンケートを埋め込んでみました。これは使えそうです！ 読込中… 使い方は次の通りです。 (more…)
Six Revisionsのエントリー「30の卓越したCSSテクニック」から、CSSとHTMLだけで実装するエクセレントなテクニックをいくつか紹介します。 30 Exceptional CSS Techniques and Examples Hoverbox Image Gallery Sliding Photograph Galleries Supercharge your image borders Cross Browser Multi-Page Photograph Gallery CSS Photo Zoom The CSS-Only Accordion Effect Scrollable Table with Fixed Header Content Overlay with CSS A CSS styled table version 2 Showing Hyperlink Cues wit...
Timeframeドラッグ＆ドロップで範囲指定できる日付選択UI実装ライブラリ「Timeframe」次のようなＵＩで、日...
『 ブラウザのスクロールバーやフォームのパーツをPSDで配布。Mac、Win両対応。いや〜、これで地味な作業から解放されるわ〜。 』
コメントのデザインをチェックしておきたい。 そんなあなたにおすすめなのが、『30 Must See Comment Designs for Web Designers』。Webデザイナーなら見ておきたいコメントデザイン30選だ。 以下にいくつかご紹介。 ↑のキャプチャはThomas Finley。 Intype Bartelme Nimbupani Darkmotion その他のリストは以下から。 » 30 Must See Comment Designs for Web Designers Webデザイナーなら見ておきたいコメントデザイ...
ブラウザーでのテキストエリアに文章を書く場合に、外部エディターを起動することができる Firefox のAdd-ons があります。今までは、Hotkeyを利用してTextareaを外部エディターで開くFirefox用エクステンション Mozexを利用していたのですが、高機能なのはいいのですが、すべての機能を使うわけではありませんでした。 テキストエリアを外部エディタで開くだけという機能に絞って利...
『 prototype.jsベースで、次のように簡単に呼び出せ、導入は容易 』
『 GoogleDocsteamは6日（米国時間）、GoogleDocumentsで提供しているスプレッドシートアプリケーションに新しい機能を追加したと発表した。フォームと呼ばれる同機能を使うことで、Gmailアカウント 』
『 GTD::資料（いつか使う）ドロップダウンリストから入力補完できるインプレイスエディタ実装ライブラリ「Proto.IPS」:phpspot開発日誌 』
『 クロスブラウザでちゃんと動作するCSSボタン集サイト「CSSButtons」。 CSSButtonsを使えば、Win,Mac,Linux上の色々なブラウザでちゃんと動作するボタンが実装できるようです。 ブラウザのボタン 』
CDやDVDのジャケットを検索できるAllCDCoversには、随所におっとするようなインターフェースの工夫が見られます。100SHIKI PR Board参加ブログであるsta la staでも紹介されていましたが、その検索結果が複数ページにわたっている場合の表示が印象的だったので、エントリー。 » AllCDCovers 検索結果が複数ページにわたっている場合、自分が見たい結果があるページを探すためには、一...
フォームから送信された内容をデコードし、メール送信するCGIです。 CGIはすべて弊社サーバー上で実行されますのでご利用のプロバイダーがCGIを許可している必要はありません。 ホームページの、感想受付フォーム、アンケートの送信フォーム、注文受付フォームなどにご利用頂けます。 （フォームは別途ご制作下さい） 2005年現在、約12万人の方にご利用頂いております。また...
通常Webアプリでも、業務Webアプリでも、大概は検索機能が付いていたりします。 一見、何の変哲もないテキストボックスも、少し手を加えるだけで随分とカッコ良くなったりします。 今日は、そのちょっとした小細工をご紹介。 続きを読む...
『 ＊CSSと画像が配布されており、実装方法は次のように簡単かつクリーン。しかし、class名にbuttonはちょっと使い勝手が悪そうなので、別名に変更した方がよいかもしれませんね。 』
『 textareaの行数を増減したり、フォントサイズの変更、ワードカウント、最大文字数の機能をつけられる。 』
