『無料＋ブラウザ』で全部やってしまおう。webジェネレーターとサービス50個まとめ*ホームページを作る人のネタ帳

2008/04/03 2710 users ジェネレータ ネタ帳 全部 エントリ ホームページ

ネタ帳は、売れない、人が来ないホームページにならない為の、インターネットの知識とブログネタに使えるエントリを書いています。 web制作とかブログに使えるサービス 3枚の画像で3Dボックスを作れるジェネレータ。ボックスのほか、DVDパッケージのようなものとか、CDパッケージのようなものまで作れる優れたサービス。 フォームを作成するジェネレータ。 スタイルを選び、nextボタンをおし、右側のフォームパ... 続きを読む

9search | 必要なときに、必要なフリー素材を。

2011/04/02 1947 users フリー素材 サンセリフ アコーディオン スライダー テクスチャ

商用利用可、クレジット表記・バックリンク不要のフリー素材を紹介するサイト。webエレメント (27)アコーディオン (2)カレンダー (2)スライダー (1)ツールチップ (2)ナビゲーション (6)フォーム (5)ボタン (13)アイコン (15)テクスチャ (4)パターン (3)フォント (3)サンセリフ (2)セリフ (1)ブラシ (6)ベクター素材 (1)リボン (5) 続きを読む

フォームの見栄え・使い勝手を強化するjQueryプラグインいっぱい | DesignWalker

2010/06/02 1363 users 過言 ウェブ DesignWalker 方々 フォーム要素

お問い合わせやユーザー登録、ログインから商品の注文まで、ウェブでとっても重要なフォーム要素。 このフォームの使い勝手や見栄えはそのサイトの売上や登録に大きく影響するといっても過言ではありません。 フォームの入力項目が多すぎたり、わかりづらかったりすると、せっかく購入やユーザー登録する気になってくれているユーザーの方々も逃げてしまいますよね…。 今回は、フォームのデザインや使い勝手を強化してくれるj... 続きを読む

アスタリスクで隠されたパスワードを確認する方法 [K'conf]

2007/11/23 1088 users アスタリスク K'conf アド バック 防止

ログインが必要なサイトの多くは、IDとパスワードを入力するフォームが設置されています。 通常、このようなフォーム内のパスワード部分に入力した文字は盗み見防止のため、「********」のようなアスタリスクになって文字が隠されるようになっていますが、しばしば、この入力したパスワードを確認したい状況になる場合も少なくありません。 このようなケースに役立つハックの紹介。 以下のJavaScriptをアド... 続きを読む

ZIPでくれ！

2007/12/29 1080 users zip 壁紙 上部 zipファイル 作者

そろそろ空を飛んでみようか。 ウェブサイトにある画像ファイルを収集し、ZIPにて圧縮しダウンロードする事が出来たらいいなー。複数の壁紙が置いてあるページや、気に入った作者のギャラリーなどから簡単に画像を取得する事が出来たらいいなー。 簡単使い方 １．欲しい画像があるアドレスを上部のフォームに入れ、画像収集ボタンを押します。 ２．「画像収集」ボタンを押す。 ３． ZIPファイルをダウンロード！できま... 続きを読む

jQueryでフォームの値を取得する方法をまとめておくので、コピペでご利用ください。 | Ginpen.com

2012/05/21 1011 users input要素 jsdo.it jQuery 共通 要素

必要ならどうぞ。 デモ jQueryでフォームの値を取得する方法をまとめ – jsdo.it – Share JavaScript, HTML5 and CSS jQueryでフォームの値を取得する方法をまとめ – jsdo.it – share JavaScript, HTML5 and CSS 共通：要素の探し方 input要素なんかにid振っちゃうのが一番なんだけど、属性セレクターを使うと楽... 続きを読む

インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | Web担当者Forum

2012/11/27 966 users Web担当者Forum 安田英久 CMS Web担 万が一

Web担当者ForumサイトのCMSをアップデートしました。万が一、サイトに不具合があった場合は、こちらのフォームまたはメールからお知らせください。 Web担トップ « 編集記事一覧 « [コラム] Web担のなかの人――編集部ブログ « 編集長ブログ―安田英久 « インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった ««オンライン動画、スタートま... 続きを読む

Googleフォームで自動返信（スクリプト不要） | toyoshiの日記

2015/01/24 963 users Form アドオン Tôyôshi 結論 スクリプト

Google Driveのフォーム機能で、管理者への通知以外にメールを送りたい場合があります。 これを実現するには以前はスクリプトを書く必要があったのですが今はアドオンだけで実現できるようになっているのでその方法を紹介します。 できるようになること 管理者以外の指定したメールアドレスに任意の内容のメールを送信 自動返信（フォームで入力されたメールアドレスに送信） 短いやり方の説明（結論） Form... 続きを読む

そこそこユーザビリティの高いフォームを作った - Liner Note

2014/01/19 942 users ユーザビリティ Liner Note jQuery 練習 業務

去年末実家に帰省していた時に、jQueryの練習＆業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ご覧になれない方はこちらのフォームサンプルリンクからご確認ください ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリテ... 続きを読む

フォームをデザインしよう | DesignWalker

2009/03/25 910 users DesignWalker checkbox ウェブデザイン

お問い合わせやログイン、アンケートなどなど、ウェブデザインには欠かせないフォーム。 今回は、そんなフォームをデザインする方法をいくつかまとめてご紹介します。 JavaScriptやCSSを使えば結構いろいろなことができそうです。 FancyForm mootoolを使ってチェックボックスとラジオボタンををクールなデザインに変えてしまうことができます。 CRIR: Checkbox & Radio ... 続きを読む

CSS3とjQueryでフォームを美しく装飾する方法 | Webクリエイターボックス

2010/10/27 862 users Webクリエイターボックス CSS3とjQuery 装飾

どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです！そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 フォームの仕様 今回チャレンジするフォームの主な仕様です！ グラデーション・ボックスシャドウを使って... 続きを読む

フォームの入力エラーを吹き出しで教えてくれる JavaScript

2007/02/04 843 users JavaScript Validation Ajax 随所

■ フォームの入力エラーを吹き出しで教えてくれる JavaScript フォームの validation 関連のライブラリはいくつかありますが、私は以下に紹介するやつをずっと使ってまして、これがかなり気に入ってます。ただ、オレナイズされたコードが随所に含まれていたから紹介する事が出来ないでいたのですが、今回やっと書き直したのでお目見えです。 AJAX を使ってサーバサイドと連携、とかそういう事も全... 続きを読む

ランニングにおすすめの体幹トレーニング 「フォーム崩れと疲労」の悪循環を改善 - スポーツナビDo

2015/08/25 813 users ウルトラマラソン ランニング 疲労 悪循環 ブランク

三河賢文 中学生の頃から陸上競技を始め、大学では十種競技選手として活動。引退後、約７年のブランクを経て２０１１年６月よりランニングを開始。同年にハーフマラソン、フルマラソン、翌年には１００ｋｍのウルトラマラソン... 三河賢文の記事をもっと見る 続きを読む

Web2.0ナビ: 会員登録フォームを構築するポイント

2008/08/26 722 users 会員登録フォーム ポイント Web2.0ナビ コマースサイト

ここ2・3日、ひたすら色々なサイトの会員登録フォームやコマースサイトの購入フローを見ていました。 また、フォームのユーザビリティについて語っているブログやサイトをみて研究していました。 こうすれば登録数が劇的に上がる！とか、売上が上がる！といった方法はありませんが、少しだけユーザーに安心感を与えたり、ストレスを取り除いたりする方法はたくさんありますし、見ていたサイトでも登録しやすいサイトには共通点... 続きを読む

シリコンバレーのIT企業が利用しているA/Bテスト手法まとめ - データ分析エンジニアのブログ

2016/04/18 719 users シリコンバレー 一方 有効 データ分析エンジニア Bテスト

いま注目すべき シリコンバレー の有名なIT企業は新規のデザインや機能が有効かどうかを検証するためにA/Bテストを行っています。 その一方で、日本の企業も含め、A/Bテストを本番環境で導入している企業は非常に少ないです。 加えて、日本で言われているA/Bテストと海外で言われているA/Bテストは少々異なるものだと感じています。 日本のA/Bテストはフォームの最適化やデザインの修正にとどまっている一方... 続きを読む

スタイリッシュなフォームを作るときに見るべきエントリまとめ*ホームページを作る人のネタ帳

2009/06/25 705 users エントリまとめ ネタ帳 インスピレーション ホームページ 焦点

Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは... 続きを読む

フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント

2008/07/01 679 users フリガナ ヒント ホームページ制作 運営

<script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&pid=877160106″></script><noscript><a href=”http://ck.jp.ap.valuecommerce.com/... 続きを読む

React基礎 · GitBook

2017/02/10 674 users 配列 関数型 GitBook ES2015 書き方

React基礎 レッスン Lesson 01 : 環境構築 Lesson 02 : ES2015について Lesson 03 : 関数型の書き方 Lesson 04 : 初めてのコンポーネント Lesson 05 : 初めてのinline style Lesson 06 : 初めてのprops Lesson 07 : 配列からの展開 Lesson 08 : フォームの定義 Lesson 09 : ... 続きを読む

ワークフロービルダーが新登場 : Slack で簡単にタスクを合理化 | The Official Slack Blog

2019/10/15 659 users Slack ワークフロービルダー オフィスワーカー タスク

ワークフロービルダーが新登場 : Slack で簡単にタスクを合理化 フォームやメッセージなどの自動化で面倒な雑務にさよなら Slack の調べでは、オフィスワーカーの 70% が業務の遂行に他のチームや同僚の助けを必要としていることが分かっています。協力してプロジェクトを進めるには、リアルタイムで適切な担当者に適切... 続きを読む

Chrome全体の機能を色々とパワーアップできる拡張機能「Chrome Toolbox」*二十歳街道まっしぐら

2010/11/05 654 users Chrome Toolbox プレビュー Chrome 前面

Chrome Toolbox Chrome全体を大幅にカスタマイズできる 「Chrome Toolbox」はChromeの全般機能をカスタマイズできる拡張機能です。 この拡張機能をいれると、Chromeがさらに便利に。 たとえば、次のような機能が付け加わります。 ・画像のプレビュー ・画像の拡大 ・画像をその場でデスクトップ背景に ・動画を常に前面に表示 ・全タブで音声OFF ・フォームの保存/入... 続きを読む

フォームで離脱させないためのjQueryプラグイン50選｜designaholic -Creative Column-

2011/01/05 636 users designaholic jQuery EFO 施策 ユーザー

最近では、エントリーフォーム最適化（EFO）という施策も広まってきましたが、特に購入やサンプル請求、お問合せ等がコンバージョンとなっているサイトではフォームで離脱されてしまってはせっかくの広告や施策が水の泡になってしまいます。 ここではユーザーを離脱させないために気をつけたいポイントとそれを実現するために便利なjQueryのプラグインを紹介します。   まず、入力フォームを作成する際のポイントは、... 続きを読む

[JS]jQuery Mobileでスマフォ対応ページをはじめて作成する際に役立つコード集とつまづきやすいポイント | コリス

2011/05/23 632 users コリス 省略 プラットフォーム jQuery Mobile

jQuery Mobileを使って、スマートフォン対応ページをはじめて作成する際に役立つコード、つまづきやすいポイントを紹介します。 下記は各ポイントを意訳したものです。 スマフォ対応ページの基本HTML jQuery Mobileの利用方法 AJAXナビゲーションの停止 リストアイテムの省略を阻止 Media Queriesの利用 プラットフォームの特定 フォームを使用する際の注意点 ポップアッ... 続きを読む

これでできる！ クロスブラウザJavaScript入門：第1回　ウェブブラウザとJavaScriptの未来｜gihyo.jp … 技術評論社

2010/03/15 629 users ウェブブラウザ クロスブラウザ gihyo.jp 技術評論社

これでできる！ クロスブラウザJavaScript入門 第1回　ウェブブラウザとJavaScriptの未来 2010年3月15日 太田昌吾 JavaScript, クロスブラウザ, ブラウザ, フォーム サポート, Safari, バージョン, JavaScript 1 2 3 4 5 こんにちは，id:os0xこと太田昌吾です。今回から，クロスブラウザ対策を中心としたJavaScriptの初級か... 続きを読む

そのツイート、どう広まった？　Twitterの拡散経路を可視化、“インフルエンサー”分かるツール無料公開 - ITmedia ニュース

2015/08/19 624 users Twitterアカウント ハブ 経路 フォロワー 拡散

各ユーザーのフォロワーとリツイート（RT）した時刻をもとに、どのユーザーの投稿をきっかけにしてツイートやURLが拡散したかを推定し、経路を特定。拡散のハブとなった「インフルエンサー」が分かる。 自分の投稿がどう広まったか調べるには、Twitterアカウントを認証した上で、調べたいツイートを選べばOK。URLの拡散を調べる場合は、フォームに入力するだけで経路を確認できる。 続きを読む

エラーメッセージはフォームのどこに表示するべきか | UX MILK

2018/08/28 599 users UX MILK UX Movement 著者 デザインスキル

UX Movementの著者および設立者です。ユーザー体験のデザインスキルの開発を手助けしてよりユーザーフレンドリーな世界のために、このブログを創設しました。 フォームのどこにエラーメッセージを配置していますか？　ユーザーの期待する場所にエラーメッセージが置かれていないと、ユーザーはフォーム入力を完了できな... 続きを読む