タグ フォーム
人気順 5 users 10 users 50 users 100 users 1000 usersワークフロービルダーが新登場 : Slack で簡単にタスクを合理化 | The Official Slack Blog
ワークフロービルダーが新登場 : Slack で簡単にタスクを合理化 フォームやメッセージなどの自動化で面倒な雑務にさよなら Slack の調べでは、オフィスワーカーの 70% が業務の遂行に他のチームや同僚の助けを必要としていることが分かっています。協力してプロジェクトを進めるには、リアルタイムで適切な担当者に適切... 続きを読む
エラーメッセージはフォームのどこに表示するべきか | UX MILK
UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか? ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できな... 続きを読む
React基礎 · GitBook
React基礎 レッスン Lesson 01 : 環境構築 Lesson 02 : ES2015について Lesson 03 : 関数型の書き方 Lesson 04 : 初めてのコンポーネント Lesson 05 : 初めてのinline style Lesson 06 : 初めてのprops Lesson 07 : 配列からの展開 Lesson 08 : フォームの定義 Lesson 09 : ... 続きを読む
優れたフォームをデザインする – Medium Japan – Medium
Never miss a story from Medium Japan , when you sign up for Medium. Learn more 続きを読む
シリコンバレーのIT企業が利用しているA/Bテスト手法まとめ - データ分析エンジニアのブログ
いま注目すべき シリコンバレー の有名なIT企業は新規のデザインや機能が有効かどうかを検証するためにA/Bテストを行っています。 その一方で、日本の企業も含め、A/Bテストを本番環境で導入している企業は非常に少ないです。 加えて、日本で言われているA/Bテストと海外で言われているA/Bテストは少々異なるものだと感じています。 日本のA/Bテストはフォームの最適化やデザインの修正にとどまっている一方... 続きを読む
ランニングにおすすめの体幹トレーニング 「フォーム崩れと疲労」の悪循環を改善 - スポーツナビDo
三河賢文 中学生の頃から陸上競技を始め、大学では十種競技選手として活動。引退後、約7年のブランクを経て2011年6月よりランニングを開始。同年にハーフマラソン、フルマラソン、翌年には100kmのウルトラマラソン... 三河賢文の記事をもっと見る 続きを読む
そのツイート、どう広まった? Twitterの拡散経路を可視化、“インフルエンサー”分かるツール無料公開 - ITmedia ニュース
各ユーザーのフォロワーとリツイート(RT)した時刻をもとに、どのユーザーの投稿をきっかけにしてツイートやURLが拡散したかを推定し、経路を特定。拡散のハブとなった「インフルエンサー」が分かる。 自分の投稿がどう広まったか調べるには、Twitterアカウントを認証した上で、調べたいツイートを選べばOK。URLの拡散を調べる場合は、フォームに入力するだけで経路を確認できる。 続きを読む
分かりやすいWeb入力フォームのための十戒 | デザイン | POSTD
Web入力フォームを、読みやすく、入力しやすく、ユーザフレンドリーにデザインするために注意すべきことはなんでしょう?本記事は、その問いの答えとなる十戒(+1)について、実際の適用のグラフィカルな例を示しつつ詳しく紹介していきます。1. 各々の入力欄に、常に見えて分かりやすいラベルを付けよ 記入する前の入力欄にだけ、フォームのラベルを表示するのがWebデザインの主流になっています。これはユーザネーム... 続きを読む
Googleフォームで自動返信(スクリプト不要) | toyoshiの日記
Google Driveのフォーム機能で、管理者への通知以外にメールを送りたい場合があります。 これを実現するには以前はスクリプトを書く必要があったのですが今はアドオンだけで実現できるようになっているのでその方法を紹介します。 できるようになること 管理者以外の指定したメールアドレスに任意の内容のメールを送信 自動返信(フォームで入力されたメールアドレスに送信) 短いやり方の説明(結論) Form... 続きを読む
そこそこユーザビリティの高いフォームを作った - Liner Note
去年末実家に帰省していた時に、jQueryの練習&業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ご覧になれない方はこちらのフォームサンプルリンクからご確認ください ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリテ... 続きを読む
WordPressで会員に更新してもらうサイトを作る方法
知り合いの会員制サイトの作成を手伝っています。 お得意さんのお店専用のページをつくって、各々のお店側が自由に更新できるようにしたいとのこと。 WordPressを導入して個別に更新できるようにしました。条件は 投稿画面をわかりやすく。フォームを埋めていくとページが出来上がるようにする 文章だけでなく、画像もアップロードできる ほかの会員がアップした記事や画像を見たり、修正できない です。備忘録とし... 続きを読む
完璧な腕立て伏せのコツとやり方 : ライフハッカー[日本版]
オフにやること , スポーツ・運動 , 健康 , 生活術 , 豆知識 , 身だしなみ 完璧な腕立て伏せのコツとやり方 2013.04.06 22:30 腕立て伏せは誰にもおなじみの運動ですが、フォームがあまりきれいでない場合も見受けられます。そこで、「正しい腕立て伏せ」のやり方を紹介しましょう。 腕立て伏せは、体全体を使う機能的運動で、ベンチプレスと同じように筋力をつけるのに適しています。さらに、... 続きを読む
インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | Web担当者Forum
Web担当者ForumサイトのCMSをアップデートしました。万が一、サイトに不具合があった場合は、こちらのフォームまたはメールからお知らせください。 Web担トップ « 編集記事一覧 « [コラム] Web担のなかの人――編集部ブログ « 編集長ブログ―安田英久 « インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった ««オンライン動画、スタートま... 続きを読む
jQueryでフォームの値を取得する方法をまとめておくので、コピペでご利用ください。 | Ginpen.com
必要ならどうぞ。 デモ jQueryでフォームの値を取得する方法をまとめ – jsdo.it – Share JavaScript, HTML5 and CSS jQueryでフォームの値を取得する方法をまとめ – jsdo.it – share JavaScript, HTML5 and CSS 共通:要素の探し方 input要素なんかにid振っちゃうのが一番なんだけど、属性セレクターを使うと楽... 続きを読む
はてなブックマーク公式iPhoneアプリ タグ検索であなたに合った楽しみ方を!
公式iPhone ®アプリケーション「はてなブックマーク」に新たな機能として「タグ検索」が加わりました。 フォームに気になるキーワードを入力して検索すると、そのキーワードのタグがつけられている新着エントリーが表示されます。自分に合った話題をもっと読みたいという方にはぴったりの機能です。 最新の「はてなブックマーク」公式iPhoneアプリケーションをダウンロードして、ぜひお使いください。 続きを読む
[JS]jQuery Mobileでスマフォ対応ページをはじめて作成する際に役立つコード集とつまづきやすいポイント | コリス
jQuery Mobileを使って、スマートフォン対応ページをはじめて作成する際に役立つコード、つまづきやすいポイントを紹介します。 下記は各ポイントを意訳したものです。 スマフォ対応ページの基本HTML jQuery Mobileの利用方法 AJAXナビゲーションの停止 リストアイテムの省略を阻止 Media Queriesの利用 プラットフォームの特定 フォームを使用する際の注意点 ポップアッ... 続きを読む
9search | 必要なときに、必要なフリー素材を。
商用利用可、クレジット表記・バックリンク不要のフリー素材を紹介するサイト。webエレメント (27)アコーディオン (2)カレンダー (2)スライダー (1)ツールチップ (2)ナビゲーション (6)フォーム (5)ボタン (13)アイコン (15)テクスチャ (4)パターン (3)フォント (3)サンセリフ (2)セリフ (1)ブラシ (6)ベクター素材 (1)リボン (5) 続きを読む
フォームで離脱させないためのjQueryプラグイン50選|designaholic -Creative Column-
最近では、エントリーフォーム最適化(EFO)という施策も広まってきましたが、特に購入やサンプル請求、お問合せ等がコンバージョンとなっているサイトではフォームで離脱されてしまってはせっかくの広告や施策が水の泡になってしまいます。 ここではユーザーを離脱させないために気をつけたいポイントとそれを実現するために便利なjQueryのプラグインを紹介します。 まず、入力フォームを作成する際のポイントは、... 続きを読む
Chrome全体の機能を色々とパワーアップできる拡張機能「Chrome Toolbox」*二十歳街道まっしぐら
Chrome Toolbox Chrome全体を大幅にカスタマイズできる 「Chrome Toolbox」はChromeの全般機能をカスタマイズできる拡張機能です。 この拡張機能をいれると、Chromeがさらに便利に。 たとえば、次のような機能が付け加わります。 ・画像のプレビュー ・画像の拡大 ・画像をその場でデスクトップ背景に ・動画を常に前面に表示 ・全タブで音声OFF ・フォームの保存/入... 続きを読む
CSS3とjQueryでフォームを美しく装飾する方法 | Webクリエイターボックス
どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです!そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 フォームの仕様 今回チャレンジするフォームの主な仕様です! グラデーション・ボックスシャドウを使って... 続きを読む
どんなフォームにも使えるjQueryのフォームバリデーション exValidation :: 5509(+1.1)
jquery.validation.jsというフォームバリデーションプラグインを公開していますが、使える場面が割と限定されてしまうような作りだったので、より幅広く使えるようにexValidationという名前で新しいjQueryプラグインとして作り直しました。伴って仕様や使い方が異なる部分も多いので、ドキュメントとして書いておきます。ただし前半のバリデーションルール周りは同じエンジン使ってるので、... 続きを読む
フォームの見栄え・使い勝手を強化するjQueryプラグインいっぱい | DesignWalker
お問い合わせやユーザー登録、ログインから商品の注文まで、ウェブでとっても重要なフォーム要素。 このフォームの使い勝手や見栄えはそのサイトの売上や登録に大きく影響するといっても過言ではありません。 フォームの入力項目が多すぎたり、わかりづらかったりすると、せっかく購入やユーザー登録する気になってくれているユーザーの方々も逃げてしまいますよね…。 今回は、フォームのデザインや使い勝手を強化してくれるj... 続きを読む
これでできる! クロスブラウザJavaScript入門:第1回 ウェブブラウザとJavaScriptの未来|gihyo.jp … 技術評論社
これでできる! クロスブラウザJavaScript入門 第1回 ウェブブラウザとJavaScriptの未来 2010年3月15日 太田昌吾 JavaScript, クロスブラウザ, ブラウザ, フォーム サポート, Safari, バージョン, JavaScript 1 2 3 4 5 こんにちは,id:os0xこと太田昌吾です。今回から,クロスブラウザ対策を中心としたJavaScriptの初級か... 続きを読む
実用的なユーザビリティの10のポイント:ガイドライン編 | コリス
ユーザーにあなたのウェブページを容易で、そして楽しくアクセスできるようにする実用的なユーザビリティの10のポイント(ガイドライン編)をSmashing Magazineから紹介します。 Tumblr 多くのフォームは2カラムのレイアウトを採用し、ラベルはフィールドの左に配置されています。一見よさそうに思えますが、これは採用すべきではありません。 なぜなら、フォームは一般に垂直に方向付けがされている... 続きを読む
スタイリッシュなフォームを作るときに見るべきエントリまとめ*ホームページを作る人のネタ帳
Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは... 続きを読む