CSSでボタンを実装するときに記述しておくと便利なスタイルのまとめ

2024/04/09 107 users CSS ズーム 実装 誤動作 テキスト

Webサイトやスマホアプリの実装に、ボタンは欠かせない要素の一つです。そんなボタンの実装に設定しておくと便利なCSSのスタイルを紹介します。 スマホでボタンをタップした際にズームなどの誤動作が起きないようにするCSS、ボタンのテキストが選択されてハイライトにならないようにするCSS、フォーカス時のアウトライン... 続きを読む

猫に算数を教えてる

2024/03/01 125 users 算数 定年 音声 数字 材料

定年退職して暇になったので最近は専ら猫に算数を教えてる。 といっても猫は喋れないのでまずはそこから取り掛かることにした。 ホームセンターに行って適当に材料を揃えて数字スイッチを作り、これはボタンを押すと数字を読み上げるだけの単純な装置だ。 例えばボタン1を押すと「1」という音声が流れ、ボタン2を押すと... 続きを読む

コマンドRPGは舐められがちだが、お年寄りや子どもでもゆっくり考えてボタンを押せばちゃんと戦いになるのは凄いという話｢歳を取れば取るほど痛感する｣

2024/01/24 133 users 戦い 子ども お年寄り 2024-01-23

長門改ニ @88_nagato コマンドRPG、舐められがちだが、どんなおじいちゃんおばあちゃんや子どもでもゆっくり考えてボタンを押せばちゃんと戦いになる、ということがどれだけ物凄いことかを知っている人は少ない 2024-01-23 16:05:09 続きを読む

コンビニコーヒーって間違ったボタン押してしまうことあるよね？

2023/12/15 214 users コンビニコーヒー 差額 コーヒー カップ 店員さん

さっきコーヒーSなのにMのボタン押してしまって、カップにまけまけいっぱい入ってしまった 店員さんに差額を払うって言ったら、いいですよ〜少しコーヒーを流してもらったら、と言われた もったいないが、飲み残し用の穴にコーヒーを捨ててSの量にした この間逮捕された女性がいたからドキドキしたが、ことなきを得た で... 続きを読む

画面によってボタンの意味を変えるUIを作るやつは何をやらせてもダメ。(温度を上げようと思って+を押したら次の画面では-だった。何を言っているのかわからねーと思うが以下略)

2023/11/14 169 users pic.twitter.com 温度 以下略 ヤツ 画面

フ兄さん@技術士の勉強開始 @fcneet 画面によってボタンの意味を変えるUIを作るやつは何をやらせてもダメ。 (温度を上げようと思って+を押したら次の画面では-だった。何を言っているのかわからねーと思うが以下略) pic.twitter.com/K4NwCf4KK7 2023-11-14 09:39:02 続きを読む

少しだけ時間があったので興味本位でパチンコしてみたらアニメキャラが爆音で光りだしボタンが痙攣するし後ろのおじさんからアドバイスされるしで怖かった

2023/10/16 109 users 爆音 アニメキャラ おじさん 七色 マスタード

マスタード😼🍌 @rituakaPAKOPAKO 今日病院帰り少しだけ時間があったので興味本位でパチンコしてみたんですが、突然アニメキャラが爆音で七色に光りだすし、ボタンがAV女優並に痙攣するし後ろのおじさんから「おい‼️今レバー”絶対”離したらアカンで‼️」ってアドバイスされるし店からでたら右手の親指だけ痙攣止まらなくな... 続きを読む

一人暮らしをすることで色々な気づきを得られるからした方がいい「洗濯が大変」「埃がやばい」「炊飯器って意外と簡単」

2023/10/13 236 users 炊飯器 fukusanity 洗濯 オペレーション 工程

ふくさん @fukusanity たしかに、一人暮らしを始めて「炊飯器ってわりとボタン押すだけなんだな。もっと複雑なオペレーションあると思ってた」とか「洗濯って洗ってすぐ干さないと大変なことになるんだな。もっとおおらかな工程だと思ってた」とか「埃すごい勢いで溜まるな」とか色々気付いた気がする 2023-10-13 08:30:... 続きを読む

「押したら余命3日になるけど1000万円もらえるボタンがあったらどうする？」「毎日押す」→毎日同じタスクがあるの辛いから不安…

2023/10/10 254 users 筒井.xls@エクセル関数擬人化本著者 タスク ルール ネタ

筒井.xls@エクセル関数擬人化本著者 @Tsutsui0524 「押したら余命3日になるけど1000万円もらえるボタンがあったらどうする？」「毎日押す」 っていうネタをみました 私は欠かさず3日に一度ボタンを押すルールを課されるのきついと感じるし、それはどれだけお金を積まれても治らない気がしてる 2023-10-09 10:41:00 続きを読む

500万もらえる代わりにはてながイーロン・マスクに買収されるボタン

2023/10/08 203 users イーロン マスク

押す？ 続きを読む

タスク指向のデザインはなぜ生まれるのか？

2023/09/23 115 users オブジェクト指向 オブジェクト デザイナー 手順 デザイン

『タスク偏重のデザインはなぜ生まれるのか？』の続きです。 簡単だから 画面を見て悩むデザイナーが「全体はよくわからないから別にしてこの中だけ作るか」と言いながらボタンの先に画面を連ねようとしている オブジェクト指向のUIにするには手順を解体し、オブジェクトを中心に構造化する必要があります。重複している... 続きを読む

JSでブラウザの戻るボタンを止める方法。 - Qiita

2023/09/13 105 users Qiita ウェブアプリケーション インタラクティブ 要件

ウェブ開発の世界では、JavaScriptは開発者がインタラクティブでダイナミックなウェブアプリケーションを作成できる強力なツールです。ウェブ開発における一般的な要件の1つに、ブラウザの戻るボタンの動作を制御することがあります。 このブログ記事では、ブラウザの戻るボタンを無効にするJavaScriptのコード・スニペ... 続きを読む

「警戒」というセクハラ【追記】

2023/09/16 479 users セクハラ 警戒 論調 エレベーター 全階

「自宅マンションのエレベーターに乗ったら、乗り合わせた女性が傘で全階のボタンを押して自分の降りる階を分からなくしていた」 というXのツイートが一部で話題になっていた。 論調としては「女性が警戒をするのは仕方ないだろう」「どうせ男が怖い顔してたんだろ」「何故女性の警戒を男が嫌がるのか分からない」 とい... 続きを読む

はてなブックマークが消えるけど100億円もらえるボタン

2023/09/11 209 users はてなブックマーク

押す？ 続きを読む

横並びになったボタンを同じ幅で配置するCSS

2023/09/05 117 users CSS width ラベル 縦方向 複数

複数のボタンを横並びにしつつ、それぞれのボタンが同じ幅になるように合わせたいということがある。ボタンに同じwidthを指定すれば合わせられるが、するとラベルの長さに応じた幅にできなくなる。 縦方向に並んだボタンであれば、いずれか幅の広い方に合わせることは難しくない。次のようにすれば、最も幅の広いボタン... 続きを読む

女性宅の暗証番号ボタンに透明塗料、特殊な光あて４桁を特定…３６歳が侵入

2023/08/23 401 users 侵入 手口 住居侵入容疑 住居侵入罪 読売新聞

【読売新聞】　一人暮らしの女性宅に侵入したなどとして今年５月に住居侵入容疑などで逮捕された男（３６）（住居侵入罪などで公判中）が、暗証番号錠のボタンに塗っておいた蛍光塗料のはがれ具合から番号を推定する手口で被害者宅に侵入していたこと 続きを読む

コントローラーの“右側4ボタンややこしい”問題について議論白熱。「東西南北にすればいい」説に注目集まる - AUTOMATON

2023/08/17 255 users 議論 形状 支持 配置 指摘

コントローラーの形状はメーカーやゲーム機によって異なり、中でも「右側にあるボタン」はゲーム機ごとにボタンの種類や配置が異なっている。そうした仕様についてややこしいとの指摘が投じられ、議論を巻き起こしている。そうした中で “東西南北”基準のボタン配置のアイデアが投じられ、分かりやすさからか大きな支持を... 続きを読む

Microsoft公式の削除ファイル復旧コマンド「winfr」を誰でも使えるようにGUI化する／パーティションなどを選んでボタンを押すだけ【レビュー】

2023/08/08 275 users WinFR パーティション GUI化 Microsoft公式

続きを読む

【CSS】まだホバー時のスタイルを :hover だけで指定してるの？

2023/08/07 267 users hover enabled Summary Button 結論

はじめに結論から ホバースタイルは、 :hover だけで指定するのではなく、次のように指定しましょう！ @media (hover: hover) { /* リンクの場合 */ a:any-link:hover { } /* ボタンの場合 */ button:enabled:hover { } /* 特定できない場合 */ .button:where(:any-link, :enabled, summary):hover { } } ポイント 1 マ... 続きを読む

「好きなアングルで撮影するために…」“撮り鉄”高校生を書類送検　踏切の非常ボタン押したか（テレビ静岡NEWS） - Yahoo!ニュース

2023/06/12 58 users 踏切 アングル 書類送検 列車 威力業務妨害

静岡県沼津市の6カ所の踏切で非常ボタンを押したとして、男子高校生が威力業務妨害の疑いで書類送検されました。高校生はいわゆる“撮り鉄”で、「列車を好きなアングルで撮影しようと、ボタンを押した」と話しているということです。 書類送検された神奈川県横須賀市に住む17歳の男子高校生は、2023年1月 沼津市のJR東海... 続きを読む

Googleを起動できず、+ボタンでタブを増やせない、今の人にPCは難しいのか？

2023/05/13 117 users タブ Google Siri おれ Chrome

Siriは支離滅裂 @suugakuzukidao さっき起きたこと おれ「まず、Googleを起動してください」 中１「どうやって起動するんですか」 おれ「Google Chromeっていうやつをクリックしてください」 Chromeをカスタマイズ的なのがでてくる 中１「これどうすればいいんですか」 おれ「左上の＋を押してタブを増やしましょう」 今... 続きを読む

自慢話にも嫌な顔せず耳を傾け続けるテレビ会議（風）サービス、森永が提供

2023/05/08 114 users 森永 森永乳業 武勇伝 自慢 テレビ会議

「昔の俺は……」「俺の自慢は……」──誰も聞いてくれない自慢話を嫌な顔一つせず、頷きながら聞いてくれるテレビ会議風サービス「武勇伝聞いてくれる会議」を森永乳業が始めた。「思う存分、武勇伝を語れる日本初のオンライン会議サービス」という。 参加者リストから3人を選び「入室する」ボタンを押すと会議スタート。何... 続きを読む

パソコンの操作をボタンに割り当てられるキーボード、仕事環境を劇的に改善

2023/04/23 161 users キーボード 操作 パソコン 改善 STREAM DECK

USBでつながる周辺機器の中には、パソコンの操作性を劇的に向上してくれる便利な製品がある。 マクロ機能付きの小型キーボード「Stream Deck ＋」は、入力作業の効率化に役立つ優れもの。事前に専用アプリをインストールし、本体に並ぶ個々のボタンやダイヤルなどに、ショートカットキーやファイル、テキストなどを登録... 続きを読む

ブラウザ版はてなブックマークで「マイナス評価」ボタンを試験導入します - はてなブックマーク開発ブログ

2023/04/06 1138 users 試験 マイナス評価 ブックマーク ブラウザ版 ディレクター

いつもはてなブックマークをご利用いただき誠にありがとうございます。はてなブックマーク開発チーム、ディレクターのid:yone-yamaです。 本日よりブラウザ版はてなブックマークで、「マイナス評価」ボタンの試験導入を行います。 この変更は、以下の告知内でも触れている通り、ブックマークコメントの健全化を目的とし... 続きを読む

ネットメディアのはてブ離れが進んでない？

2023/02/25 132 users フェイスブック ツイッター はてブ 共有ボタン ネットメディア

ちょっと前はネットメディアの記事にツイッターやフェイスブックの共有ボタンと一緒に はてなブックマークで共有するボタンもいっぱいあったよね。 最近ははてブだけなくてツイッターやフェイスブックの共有ボタンしかないサイトが増えてる。 続きを読む

Transformerに自分の好みのDLsite音声作品を学習させて、癖に刺さる新作を毎日通知するシステムを作った話 - Qiita

2023/02/18 163 users Transformer クローリング Qiita 推論 好み

Transformerに自分の好みのDLsite音声作品を学習させて、癖に刺さる新作を毎日通知するシステムを作った話 作ったもの DLsiteの新作音声作品をクローリング -> 好みかどうか推論 -> 好みならSlack通知をするシステムを完全サーバーレス（AWS SAM）で構築しました。さらなる精度向上のため、Slackメッセージのボタンをも... 続きを読む