[JS]このアイデアは面白い！セレクトボックスの選択肢をすぐに選択できるようにするスクリプト -Quick[select]
フォームのセレクトボックスは多くの選択肢を配置できる便利な要素ですが、他のフォームと操作性が異なるため一連の流れで入力しにくいのが弱点です。 セレクトボックスの操作性を改善し、デザインも簡単に変更できるスクリプトを紹介します。Quickの名前の通り、すぐに選択できるようになります。 通常のセレクトボックスの挙動 セレクトボックスは、タップとクリックの2つのオペレーションがあります。これはフォームの他の要素と操作性が異なり、ユーザーをフォームの一連の流れから外してしまうものです。 そこで注目すべき点は、通常セレクトボックスの選択肢の中にはより多く選択されるものがあることです。上記の例だと、「はい」「いいえ」が多いでしょう。 Quick[select]は、セレクトボックスの選択肢の中から、いくつかを表示させておくことができます。
![[JS]このアイデアは面白い！セレクトボックスの選択肢をすぐに選択できるようにするスクリプト -Quick[select]](https://cdn-ak-scissors.b.st-hatena.com/image/square/5062373ec67701c8d65ca6ffdfe6e9cb4dc3565f/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201503%2F2015110901.png)
一人暮らしで飼うためのペットの知識
2023年4月14日2年半ぶりにSnow Manが金スマ（中居正広の金曜日のスマたちへ）に出演します。前回の出演から2年半の時を経て、活躍の幅を広げてきたメンバーが中居さんと共演します。 各々の活躍が目覚ましいSnow Man全員が揃...
Mediumが推奨するラジカルなブログの新スタイルは主流となるか？ - ICHIROYAのブログ
BloggerとTwitterを相次いで立ち上げた（共同創業者として）Evan Williams氏がブログの新しいプラットフォームMediumを立ち上げたのは去年の8月。 話題にはなったものの、何が新しいのか、そのサービスがどこへ向かって、Bloggerやtwitterのように爆発するのか、各メディアも半信半疑だったようだ。 久しぶりに、のんびりした時間がとれたので、ブログの新しいプラットフォームがどんなものか、ちょっと試してみた。 Mediumという命名は、Twitterほど短くはない、ほどほどの長さの内容をもった文章のことを意味もあるようで（サイトでは、’something meatier'と表現されている）、それをクオリティを重視して共有する仕組みを目指しているようだ。 ためしにつくってみたエントリーはこんな感じ。 ＊比較的短い文章が推奨されている すべてのエントリーには、おおよその
クリック率急上昇間違いなし！男性なら絶対にクリックしてしまうボタンを発明した
どうも。平成の発明王、おつぱ（ @OZPA ）です。 この間ネット巡回してたらすごくかっこいいボタンスタイルを発見したのですが、それを弄くっているうちにとんでもないボタンを発明してしまいました。 題して、「男性なら絶対にクリックしてしまうボタン」 その全貌を、とくとご覧下さい。 かっこいいボタンスタイル まずは、発明のきっかけとなりましたかっこいいボタンスタイルからご紹介。 それが↑こちら。 まるでゴムを押し込んでいるようなテクスチャで、非常に綺麗ですね！ コードは→Quite realistic buttons – CodePenをご覧下さい。 改造した さて。 これを見ていた私は思いました。 このスタイルをもっともっと魅力的にすることは出来ないだろうか？と。 なんかもう、クリックせざるを得ないようなボタンにすることは出来ないだろうか？と。 そして、構想1日・実作業4時間にも渡る大手術の
Top 50 Free Web UI Kits & Templates
Free Web Layout UI Kits Dark Mode Design System UI Kit Designed by Dee Aero in Figma Format. First Order Free UI Kit Designed by Craftwork in Photoshop PSD, Sketch App & Figma Formats. The Basics Web UI Kit in Photoshop PSD & Sketch App Formats. LoudMusic Podcast Free Web UI Kit Designed by Zulqurnain Haider in Figma & Adobe XD Formats. Sven Modern Free UI Kit Designed by GraphBerry in Photoshop P
TechCrunch | Startup and Technology News
Meta will soon officially permit users as young as 10 to use its Meta Quest 2 and 3 VR headsets — if their parents say it’s okay, anyway. In a blog post, the tech giant says that there’s Nikola Corp. is laying off 270 employees, or about 23% of its workforce, and restricting its electric truck efforts to North America as it seeks to preserve cash. The company said Friday it will lay o
ここ1年くらいで見られた素晴らしいインターフェイスデザイン 12選
Tweet 『fastcodesign.com』に見ているだけで楽しくなる記事が出ていたのでご紹介。 2010年に出てきたプロダクトのうち、インターフェイスのデザインが素晴らしかったものを12個ほどピックアップしてくれています。 以下、ちょっとづつ解説をば。 1. FLUD まず1番最初に紹介されていたのは、iPhoneアプリ、『FLUD』。素晴らしくデザインされたRSSリーダーアプリです。アイコンもイケてます。 2. Cortex 『Cortex』はChromeで機能するExtension。Facebook, Twitter, Tumblr, or Instapaperにマウスジェスチャーだけで瞬時に投稿できるスグレモノです。 3. IOBR 『IOBR』は幼児のためのソーシャルメディア。（というよりはコミュニケーションツールですが。）幼児は上のように、ボックスに三角や四角のブロックを入
遅延して入力を隠すパスワードフィールド·dpassword MOONGIFT
dpasswordはJavaScript/jQuery製のオープンソース・ソフトウェア。パスワードフィールドというのはいつも入力すると※や●といった記号で表示される。自分自身何と入力したか分からない代物だ。そのため忘れやすく、ストレスを感じることも多い。 最後の文字だけ表示されているのが分かる 背後から覗き見られた場合を想定しているらしいが、そのようなことがあった試しがない。iPhoneではその垣根を越え、入力した文字が少しの間表示された後に●に変化する仕組みを取り入れた。これをWebブラウザ上で実現するのがdpasswordだ。 dpasswordを入れるとパスワードフィールドに文字を入れた時に入れた文字がそのまま表示されるようになる。続いて文字を入力すると文字が●に変化する。あのiOSの入力方式そのままといった感じだ。さらにパスワードを取得するためのJavaScriptがあるのも便利だ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
About | Lateral
アイデアの宝庫！CSS3を使ったUI表現・テクニック集
独創的な「ズーム」ができる折り畳み式の地図「map²」
UIデザインに行き詰ったときに見るとインスピレーションが得られるサービス
IDEA * IDEA