CSSで吹き出しを作る方法 最近、吹き出しで会話形式で説明をするページがあります。Wordpressを使用していたらプラグインで簡単に作れますが、CSSで簡単に作ることもできます。 今回は、以下のような吹き出しを作る方法です。 上向きの吹き出し サンプル See the Pen speech-bubble(top)-c...
CSSだけでプルダウンをカスタマイズする方法 ブラウザやOSが違うとデザインが違うため統一したい場合など、カスタマイズをしたい場合があると思います。そのサンプルです。 プルダウンのデザインの変更は意外と難しいので、各ブラウザやOSでしっかり確認を行うことをお勧めします。 サンプル See the Pen Untitle...
CSSだけでラジオボタンをカスタマイズする方法 デフォルトのラジオボタンでも良いのですが、ブラウザやOSが違うとデザインが違うため統一したいことがあると思います。その時にCSSだけでラジオボタンをカスタマイズする方法です。 サンプル See the Pen radio-css by take it easy (@tak...
チェックボックスを使ってCSSだけでトグルボタンを作る方法 チェックボックスを使って、CSSだけでトグルボタン(トグルスイッチ)を作る方法です。Javascriptを実装せずに作成することが可能です。 サンプル See the Pen toggle by take it easy (@take-it-easy) on ...
jQueryでメールアドレスの入力チェックを行う jQueryでメールアドレスの入力チェックをする方法です。 テキスト入力欄よりフォーカスが外れた時に、入力チェックをします。 See the Pen form-email by take it easy (@take-it-easy) on CodePen. HTML ...
jQueryで氏名の入力チェックを行う jQueryで氏名の入力チェックをする方法です。 テキスト入力欄よりフォーカスが外れた時に、入力チェックをします。 氏名(入力欄が1つ)の場合 See the Pen form-name1 by take it easy (@take-it-easy) on CodePen. H...