スマホ用サイト向け：タップしやすくおしゃれなチェックボックス・ラジオボタンをCSSで実現する方法｜CSS｜Webサイト構築｜十字架ラビアンローズ
チェックボックス・ラジオボタンを、CSSだけで、さながらスマホのUIのようなタップしやすくおしゃれなデザインにする方法を、詳細に解説します。 野球 サッカー バスケ テニス 水泳 普段のチェックボックスはこのような感じです。 野球 サッカー バスケ テニス 水泳 それを、このような見栄えで表現する方法を紹介します。 必要最低限のHTML・CSS 以下はチェックボックスを例に解説しますが、ラジオボタンでもやり方は同様になります。 <ul> <li> <input type="checkbox" name="sports" value="野球" id="sports_baseball"> <label for="sports_baseball">野球</label> </li> <li> <input type="checkbox" name="sports" value="サッカー" id=
GASでGoogleフォームを作成する最も簡単なスクリプト
みなさん、こんにちは！ タカハシ(@ntakahashi0505)です。 イベントの申し込み受付や、アンケートなどを行いたいときに、Googleフォームは大変便利ですよね。 簡単な編集できちんとしたフォームが作れますし、なにせ無料でずっと使い続けることができます。 Google Apps Scriptでは、そのGoogleフォームも操作をすることもできます！ 毎月のように似たようなイベントを開催している会社さん、定期的に似たようなアンケートを行っている会社さん、いらっしゃいますよね…？ 毎回… GoogleドライブからGoogleフォームを新規作成して フォームのタイトルを変更して フォームの説明加えて 質問追加して …って面倒ですよね。 コピーして作ればいいですが、もっとスマートなやり方があります。 GASを使えば、ちょちょっとスプレッドシートに必要事項入力して、実行一発でフォームを作れ
GoogleAppsScriptを使ってGoogleフォームの画面を自由にカスタマイズする！
今回の目的 Googleフォームを使って大人数のイベントの企画や、会社等で管理台帳を作成するときに、関係者に必要事項を入力してもらうことがあると思います。しかし、Googleフォームで作成した画面は作りやすくシンプルな分少し物足りなさを感じるかもしれません。そういったときに、自作のオシャレな画面をGoogleフォームの入力画面の代わりに使用できるといいと思いませんか？ 今回はGASとGoogleフォームを使って簡単にお問い合わせフォームの作成をします。 簡単といってもHTMLとCSSの知識は必要ですが・・・(汗) またGoogleフォームに入力した内容はGoogleスプレッドシートでまとめるためその方法や、Googleドライブに配置した画像を画面の背景に使用する方法など、G Suiteをフル活用して進めていきます。 実際に作ったフォーム画面 実際に私が日常で使えるモノを作ってみようと思い、
使いやすいサイトを目指して！入力フォームの使いやすさを劇的にアップさせるjs厳選4点ご紹介！【DEMO付】 - ウェブ企画ラボ
使いやすいサイトを目指して！入力フォームの使いやすさを劇的にアップさせるjs厳選4点ご紹介！【DEMO付】 「使いやすいサイト」に必要不可欠なのがお問い合わせフォームの使いやすさじゃないかと思います。そこで今回は、お問い合わせフォームを使いやすくする為のカスタマイズを色々試してみました。 お問い合わせフォーム関連のjsは色々あるのですが、今回は導入してみて個人的に使いやすいなと思ったものを厳選して4つご紹介いたします。全てDEMO付きですので是非チェックしてみてくださいね。それではどうぞ！ 1.間違いがあったらアラートを出してくれる！：validetta.js わりと基本的な機能ですが、外せないのがこれ。入力フォームに間違いがあった場合、送信時にアラートを出してどこがどう間違ってくれるかを教えてくれます。 この「validetta.js」は、必須項目や数字、○文字以上、○文字以下など設定で
Wordpress + MW WP Form：選択内容でフォームからの通知メール先を変える | PRESSMAN*Tech
企業サイト作成の際にありがちな、Wordpressのテーマやプラグインのカスタマイズ例を挙げていくシリーズの第一弾。 今回は、PRESSMANがフォームを作る際に愛用しているフォーム作成plugin『MW WP Form』を使った『選択内容でフォームからの通知メール先を変える』カスタマイズです。 フォームの内容によって、各部署に通知メールを飛ばし分けたいというニーズによく遭遇します。でも、この自動振り分け機能がデフォルトで最初からついているフォーム生成pluginは、現時点で存在していないのではないかと思います。(あったら知りたい！) この機能が無い為に、各部署用に別フォームを作ったり、受信するメーラーの方で条件分けして別のメールアドレスに転送したり、と、ユーザーに優しくなかったり、運営側に優しくなかったりする状況に甘んじてしまう事があったりなかったり...（スクラッチで作るのは別の話）
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
