クリエイティブな入力フォームサンプルまとめ「Creative Form & Input Field Design Examples」
TOP > Design > クリエイティブな入力フォームサンプルまとめ「Creative Form & Input Field Design Examples」 webサイトに文字や情報などを入力する際に使用する入力フォーム。一般的には文字を打ち込むとカーソルが右側に動いていくシンプルなものが主流ですが、今回紹介するのは、クリエイティブな入力フォームサンプルまとめ「Creative Form & Input Field Design Examples」です。 （Natural Language Form） 入力フォームに独自な動きや、フォーム自体にデザインが施された、他のサイトとちょっと差を付けたい時に活用できる例がまとめられています。 詳しくは以下 Minimal Form Interface | Codrops 文字を入力すると、入力を要求される数の分だけメーターが伸びていく
年間300億。Webユーザビリティ３つの間違い・落とし穴
「ユーザビリティを意識することが大切！」って言われても、何となく意味は分かるけど具体的にどうすれば良いの……と悩んでいる方も多いのではないでしょうか？ ユーザビリティとは、「単なる使いやすさ」のことではありません。特にWebにおいては売上や成果などビジネスを左右する重要な概念です。しかし、多くの人がユーザビリティについて間違った認識を持っているために、みすみす売上や成果を逃しているケースをよく目にします。 ユーザビリティを正しく理解するポイントは、特定のユーザの行動、心理、目的に焦点を当てることです。 本日は、よくある「間違い・落とし穴」を例に出しながら、売上改善に直結する「正しい」ユーザビリティの考え方をご紹介します。ぜひ皆さんもユーザビリティの理解を深め、Webサイトの改良に役立ててください！ 【事例】１つのボタンを変えただけで、年間300億の売上増！売上に直結するユーザビリティとは、
お問い合せフォームをコーディングするための9つのTips | 株式会社LIG
こんにちは。 LIGフィリピン支社代表のせいとです。 お問い合わせフォームといえば、どんなサイトにも大体備わっているものですよね。 どのフォームも見た目は大体同じのため、構築自体は簡単かと思います。 ただし、システムが絡んだり、ユーザーに操作してもらったりと、けっこう重要なページであったりもします。 そこで今回は、ユーザーにとってより快適なフォームを実現するためにオススメしたいクールな技をお伝えしたいと思います。 また、今回の記事を書くにあたり、デモページを作成しました。 こちらのソースも見ながら読んでいただくと、よりわかりやすいかと思います。 ユーザーフレンドリーで構築もしやすいクールなお問い合せフォームをコーディングする9つのTips 1. ボタン系の要素は全て<button type=”submit”></button>を使う 「送信する」「入力画面に戻る」などの要素を作る際、タグは
アダルトサイトのリスク、注意事項総まとめ （ITmedia エンタープライズ） - Yahoo!ニュース
情報セキュリティの仕事をもう30年近くしていると、様々な方から相談をいただく。その中で圧倒的に多いのが「アダルト」に関する相談であった。さすがに、最近ではその手の情報が充実し、自己完結できる方は多いものの、それでも悩みを抱える人は少なくない。 【拡大画像や他の画像】 トラブルに巻き込まれないためには？ まず非常に多い相談が、「安い（月1000円以下とか、9ドル99セント以下など）と思って有料サイトに加入したものの、画像や映像がほとんど更新されず、解約したいが、該当ページが見つからない」というものだ。 加入する際に、必ずそのWebサイトの評判を確認したり、サイト内に解約フォームがきちんと整備されたりしているかを確認することが必須だ。解約フォームがない業者に限って、連絡先のアドレスへ解約の申し入れをしてみても、ほとんど返答はない。 つまり、加入前なら慎重に「安心できるか？」「解約フォーム
HTML5 input type のブラウザ対応について検証してみた。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
search、tel、url、email以外は対応状況が微妙です。 week、colorのみiPhone・Androidに対応していませんでした。 numberはFirefoxは対応していませんが、iPhoneでキー配列が数字になるため、適宜使用したいところです。 フォームの見た目 各typeを対応ブラウザで見た時の見た目の参考です。 今回はMac Chromeのキャプチャですが、各ブラウザによって多少デザインや仕様が変わります。 対応していないブラウザはどうなる？ 各ブラウザで対応していないtypeはtype=”text”で生成されます。 rangeとcolor以外はなんとかなりますね。 バリデートの実用性は？ Safariはバリデートが機能していないようでしたし、仕様も不親切な点が見受けられました。 各ブラウザのバラバラな対応状況を考えると、実用出来るのはまだ先のように思います。 バリ
大リーグで主流の投球フォーム、日本人投手との違い : MLB投球、打撃分析
大リーグで１００マイル（時速１６１キロ）近くの球を投げるピッチャーはどういう投球フォームをしているのでしょうか。何か共通のフォーム、投球動作というのはあるのでしょうか。 まず、従来のオーソドックスな投球フォームから見てみましょう。 ①ノーラン・ライアンNolan Ryan ノーヒット・ノーランを７度達成し、大リーグの三振記録5,714を持っているノーラン・ライアン（現レンジャーズ社長）の投球フォームです。松坂大輔投手が手本にした投手です。球は１００マイルを記録しましたが、コントロールは良くなく、大リーグ通算の９イニングあたりの四球数B/9は4.7です。９イニングあたりの三振数K/9は9.5です。 三振王ノーラン・ライアン ②ロジャー・クレメンスRoger Clemens 大リーグ通算３５４勝、１８４敗、勝率.658、防御率3.12、三振率8.6/9回、四球率2.9/9回、サイヤング賞7回受
input要素の前と後にアイコンを添えたオシャレなフォームを実装するチュートリアル
Coloured 前後+カラーリングのパターン 実装 HTML HTMLはシンプルで、アイコンやカラーリングはclassで判別します。 <!-- 1st prefix with email icon and default color (grey) --> <input placeholder="Type here..." class="ppfix pre email" type="text"> <!-- 2nd postfix with google plus icon and default color (grey) --> <input placeholder="Type here..." class="ppfix post gplus" type="text"> <!-- 3rd prefix with home icon and blue color --> <input pla
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5のさまざまなform要素があなたのブラウザでどのように見えるかのまとめ -Native form elements