Googleスプレッドシートのフォーム機能をご存知でしょうか？ アンケートやプレゼント応募用のフォームを作成すると、入力内容を自動的に集計できるのです。これがとっても便利！ ぼくは主に、 ・ネタフルのプレゼント応募 ・ネタフルのアンケート ・イベントの申し込み などに利用しています。 手軽に作成できて集計も自動で、シートを共有したりもできるので、かなり便利に利用しております。 簡単に使い方を説明しましょう。 Googleドキュメントから「新規作成」で新しい「スプレッドシート」を作ります。 メニュー「フォーム」から「フォームの作成」を選択します。 続いて、質問項目を追加します。 「無題フォーム」はフォームのタイトルです。必要に応じて説明文を入力します。 それぞれの項目は鉛筆アイコンをクリックして編集します。 鉛筆アイコンは項目の右上にあります。 質問の形式は、 ・テキスト ・段落テキスト ・
久しぶりにユーザビリティねたを続けて。 企業のサイト特有の事情として、「ビジネス制約の関係から（載せたくもないものを）画面に載せないといけない」ことが多くあります。 具体的には 事情を知らない誰か（※詳細はご想像ください）が、「これ入れないといけないだろう」と言う → そういう人に限って、最終決定の権限を持っていたりして、、、 利用規約などの説明を延々行わなければならない サービス紹介の過程で、どうしても自社が弱いスペックも見せざるを得ない といったところでしょうか。 そこを何とかうまくやりくりするのも画面設計のスキル。 見せたいものと見せたくないものを両立させている画面を今日は紹介したいと思います。 1. 右カラムを有効活用する Doda転職サポートお申し込みフォームの例です。 「利用規約などの説明を延々行わなければならない」を綺麗に回避したページ。 通常1カラムで組むフォーム部分の右側
WebKit のコントロール値キャッシュ対策 「日本野望の会－Yabooo.org > Safari/Webkitのおせっかいキャッシュとその対策。」にコメントしたはずなのですが、いつの間にかコメントが消えているようなので推敲の上再掲。 上記のページで問題にしているのは、Safari において bfcache を無効にしていても、動的に追加したフォームコントロールの値がキャッシュされた値に書き換えられてしまうことです。これに対し、文書中のコントロールをすべて記憶し、文書のアンロード時にそれらの名前 (name 属性の値) を変更することで解決を図っています。 しかし、書き換えられるのは一時的な値のみで、コントロールのデフォルト値 (フォームをリセットしたときに設定される値) まで変化するわけではありません。ならば、コントロールが文書中に挿入されたときに、その値をデフォルト値に設定してやれば
格差問題、働き口の無い人々、増え続ける自殺者などなど……このサイトでは現代の日本が抱えている様々な問題についてまとめました。 どうしてこうなった!?～不満だらけの日本の今～地域格差に所得格差、ホームレスやニートの増加、自殺者も増える一方…一体今の日本はどうなってるんでしょう？このサイトでは現代の日本が抱えている様々な問題についてまとめました。 格差社会（かくさしゃかい）とはある基準をもって人間社会の構成員を階層化した際に、階層間格差が大きく、階層間の遷移が不能もしくは困難である（つまり社会的地位の変化が困難、社会移動が少なく閉鎖性が強い）状態が存在する社会であり、社会問題の一つとして考えられている。 学問的には、社会学における社会階層研究や、教育社会学における不平等や地位達成研究（進学実績、教育志望、職業志望研究）、経済学における所得や資産の再分配研究と関連している。 「格差社会」というこ
A collection of interface design solutions from all over the web, where users can mark patterns they like, and learn from other's design solutionsPattern Tap is here to satisfy and encourage the inspiration needs of my interface design peers and peeps. We aspire to be the one stop pattern shop for your next inspiration need.
しかし、プルダウンでの項目選択を行う入力フォームにおいては、この便利さが逆効果になる場合があります。弊社のユーザビリティテスト（ユーザ行動観察調査）で観察された例をご紹介しましょう。 1ページの入力項目が多く、何度かスクロールしなければ「次へ」のボタンまでたどり着けない入力フォームを使うという作業で、ほとんどのユーザはホイールを使いながら入力を進めて行きました。 その中で、あるユーザがプルダウンの項目を選択し終え、ページをスクロールして次の項目へ入力を進めようとホイールを操作したところ、直前に入力したプルダウンにまだフォーカス（ハイライト）が当たった状態であったため、選択項目が別のものに変わりました。つまり、ホイール操作がページのスクロールではなく、プルダウン内の選択項目の移動に使われたということです。 ユーザはページがスクロールしないことにすぐ気づき、ページ内の空白部分をクリックしてプル
This article was first published in 2006, then updated in 2015. HTML email newsletters have come a long way since this article was first published back in 2006. HTML email is still a very successful communications medium for both publishers and readers. Publishers can track rates for email opens, forwards, and clickthroughs, and measure reader interest in products and topics; readers are presented
CRIR: Checkbox & Radio Input Replacement This combination of JavaScript and CSS will hide checkbox and radio inputs that have a class = "crirHiddenJS", an id, and a proper label tag. This will allow you to style the label however you wish using CSS, and the actual input control will be hidden. The form will still collect data as it normally would because the label itself will trigger the hidden in
IntroductionCreating a consistent interface for your users is a constant struggle for every application designer. Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. No where does this become more apparent than when you’re dealing with form elemen
ドットインストール代表のライフハックブログ
Now you can style both <a /> and <button /> in this super easy and light-weight solution Hedger Wang You may not get a Wii, but you can still get your own Wii Buttons with only 2 tags + 1 image + one CSS file . At least it's tested and compatible with IE6, IE5.5, IE7, Safari 2, Firefox 2, Opera 9. HTML For Anchor : <a class="button" href="?d=-1"><span>yout text</span></a> For Form Button : (yo
Realtime validation using Ajax Ajaxなどを駆使して、入力値を動的にチェックするライブラリ、realtime validation を公開しました。 >> http://masuidrive.jp/validation 正規表現とメッセージを指定するだけで、入力した瞬間にユーザに対してガイドメッセージを表示させる事ができ、今までの様に画面遷移後にエラーが出て、ユーザがエラー位置を把握しづらいと言う事がありません。 フォームの入力値をリアルタイムにバリデーション「Realtime validation」。 prototype.js と、配布している validate.js を読み込んだあと次のようなコードを書くだけ。 Validator.register({ "#mail" : { "/^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2
* form の内容がデフォルト値から変わったら色を変える JavaScript コード [mform] 103 users これが便利だといえる状況はだいぶ限られてはいるのだけど．文字を入力したり，チェックボックスを押したりしてデフォルトの状態から変化すると，そこの色を変えるような JavaScript のコードを書いてみた． といってもわかりにくいと思うのでまずデモ: http://www.kagami.org/mform/mform_demo.html 適用したいページで，こんな JavaScript コードをロードします． (function(){ var color_modified = '#ffff88'; var reset_when_reloaded = 1; init(); function init() { var fs = document.forms; for (v
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Why virtual private servers are worth considering for the new website owners? There are multiple steps and processes that people in Australia need to follow in order to set up their website. In fact, there is a range of possible services, solutions and helpful resources that are needed to help people get started with the online business setup. We cannot say that each and every person who gets read
The Man in Blue > Experiments > FormTextResizer FormTextResizer is a bookmarklet that allows you to resize any textarea or text input on any webpage. This way, you won't be confined to a teensy little comment box or e-mail field. Just activate the bookmarklet, then click-drag on the textarea or text field that you want to resize. Simple! フォームの入力ボックスを動的にリサイズできるブックマークレット。 サイトを巡回していると、フォームの入力ボックスが小さく
Responsive design is a default these days, but we are all still figuring out just the right process and techniques to better craft responsive websites. That’s why we created a new book — to gather practical techniques and strategies from people who have learned how to get things done right, in actual projects with actual real-world challenges. Neatly packed in a gorgeous hardcover, the book featur
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
