チェックボックスにチェックが入ると入力できるようになるinput要素をCSSだけで作る | かちびと.net
Result ちょっと今更感ありますけど、チェックボックスがチェックされるとinputが入力できるようになるやつです。上のUIは少し違いますけど、鍵の部分がチェックボックスになっています。 よくある「同意するにチェックを入れて～」的なやつに使えそうでしょうか。 ※この同意する云々のUIの意味に対する是非はここでは割愛します css div { --field-size: 50px; --field-border-color: #ccc; margin: auto; top:40px; font-size: 1rem; background: #ffffff; border-radius: 5px; position: relative; width: 400px; overflow: hidden; display: flex; background: white; } div input
神速！Googleカレンダーのショートカット操作術！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
表示切り替え 表示期間をキーボードのキーひとつで切り替えがサクサクできます。 今日 t Todayのtを押すと今日の日付、かつ今の時間帯に移動フォーカスしてくれます。 先の予定を見たあと、一気に戻る際に便利です。 1日 d or 1 Dayのdを押すと1日の表示に切り替わります。 1週間 w or 2 Weekのwを押すと1週間の表示に切り替わります。 私は基本的にこの1週間のビューでカレンダーを見ています。 1ヶ月 m or 3 Monthのmを押すと1ヶ月の表示に切り替わります。 次の期間 j 待っていました！ ご存知Vimのキーバインドでもあるjです。 ちなみにNextのnでも同じ挙動になります。 前の期間 k 続けて、同じくVimのキーバインドでもあるkです。 ちなみにPastのpでも同じ挙動になります。 フォーカス系 このショートカットを使用すると入力欄にフォーカスされ、クリック
フォームの内容を元に任意のUIに遷移 - かちびと.net
Result フォームの内容から別のUIに遷移する、みたいなの やってる事は割とシンプルで、作成ボタンをクリックするとレイアウト全体を包括する親ブロックのclassを別のclassと入れ替えてCSSで見た目を整えてるだけです サンプルはバッジっぽいUIですが他にも応用できますね 何かに使えそうかなぁと思ったので備忘録です 例えば非予約なイベント会場等で来場者カードを作る時に来場者にタブレットで入力してもらうと来場者カード発行の手続きプロセスを簡略できる、とか jQuery //ボタンクリックで全体のclassを入れ替えて、フォーム内容とカードUIをトグル $(".js-switch").click(function() { $(".main-content").toggleClass("as-card"); }); //画像を送信前にプレビューする var reader = new Fil
⌘英かな - 左右のコマンドキーでIMEを変更 MOONGIFT
Mac OSXで入力リソースを変更する際には英/かなキーを押したり、コマンド＋スペースで切り替えます。しかし元々JISキーボード版を使っていて、英字版キーボードに切り替えると入力リソースの切り替え方に手間取ることも多いでしょう。 そこで使ってみたいのが⌘英かなです。左右のコマンドキーを単独で押すと、それぞれ英/かなで切り替えられるようになります。 ⌘英かなの使い方 設定画面です。 利用する際にはアクセシビリティの設定が必要です。 ⌘英かなは有名なキーバインド変更ソフトウェア、Karabinerを使っているユーザがmacOS Sierraに対応していないために開発されたソフトウェアのようです。コマンドキーを単独で使う機会はないので、頻繁に使うキー操作に割り当てるのは良さそうです。 ⌘英かなははmacOS用のオープンソース・ソフトウェア（MIT License）です。 ⌘英かな iMasana
[JS]フォームの入力欄を次々にアニメーションで表示するスクリプト
フォームの項目を入力すると、次の入力欄がアニメーションで表示されるコンテンツを実装するチュートリアルを紹介します。 Gravity Registration Form with Jquery デモページ [ad#ad-2] フォームの出来ぐあいは、ウェブアプリケーションとしての成功率を左右する要因となります。 一つのアプローチとして、ユーザーに入力欄の数を少なく感じられるように、入力する項目を一つずつ表示するスクリプトを紹介します。 フォームの実装 フォームの各項目は、リスト要素で実装しています。 HTML <form method="post" > <ul> <li class="email"><label>Email: </label><br/> <input type="text" username="email" id="email" AUTOCOMPLETE=OFF/><span
Google日本語入力とMS-IMEの切り替え機能を完全にOFFにする方法 | ライフハッカー・ジャパン
Google日本語入力をメインで使ってる人は、是非ともやっておきたい設定です。Google日本語入力を使っていて、突然MS-IMEに切り替わったことはありませんか？ Google日本語入力を常に使っておきたい方には、この切り替え機能は邪魔です。言語設定でその機能をOFFにできるので、紹介します。 まず言語バーの上で右クリックし、設定を開きます。言語バーを非表示にしている方は「コントロールパネル」→「地域と言語」→「キーボードと言語」→「キーボードの変更」からアクセス可能です（Windows 7だとこの設定になります）。 「詳細なキーシーケンス」という項目があります。ここで何かしらのショートカットが割り当てられていると、IMEの切り替えがされるようです。なので、ショートカット割り当てをしなければ、IMEの切り替え機能をOFFにできます。 「キーシーケンスの変更」から「キーシーケンスを有効にす
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
