Vue.jsを使ったクレジットカード情報入力フォーム・「vue-interactive-paycard」vue-interactive-paycardはVue.jsを使ったクレジットカード情報入力フォームです。上は動作サンプルです クレカのカード会社自動認識も可能で、スムーズでインタラクティブに動作します。カード情報は一部伏せられる親切設計です よく見るUIですが、動きが好みでユーザーにも分かりやすい印象だったので備忘録。MITライセンスの元、ソースコードが公開されています vue-interactive-paycard
mailtoリンクを使いやすいUIに変換するスクリプト・「MailtoUI」
MailtoUIはmailtoリンクを使いやすいUIに変換してくれるスクリプトです。href="mailto:tony.stark@example.com"といったコードでもOutlook等のメーラーを立ち上げず、使いやすいUIで選択肢をユーザーに提供します。以下動作サンプルです。 動作サンプル ※クリックで動作確認できます コードは以下のように普通のmailtoリンクとなっています。 <a class="mailtoui" href="mailto:hogehoge@example.com">動作サンプル ※クリックで動作確認できます</a>特にclassを与える必要もなく、スクリプトを読み込むだけでこのようなUIを提供できるようになります。 勿論、日本向けに諸々変更する必要がありますが、個人的にはいいアイデアだなぁと思いました。メールフォームよりも普段慣れたメーラーの方がいいかも、とは
CSSで作る！押したくなるボタンデザイン100（Web用）
.btn-square { display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #668ad8;/*ボタン色*/ color: #FFF; border-bottom: solid 4px #627295; border-radius: 3px; } .btn-square:active { /*ボタンを押したとき*/ -webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ border-bottom: none;/*線を消す*/ }
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
