ユーザー操作の一括無効化で役立つ！ HTMLのinert属性の紹介 - ICS MEDIA

2023/04/06 119 users ICS MEDIA HTML ユーザーインタラクション 紹介

HTMLやCSSには、ユーザーインタラクション（ユーザー操作）を無効化するための方法がいくつか存在します。たとえば、マウスやタッチ操作を無効化したいときはCSSでpointer-events: noneを要素に指定するなど、制御したいユーザー操作によってさまざまです。 カルーセルやモーダルなユーザーインターフェイス（UI）では、... 続きを読む

label で input[type="file"] を装飾するな

2022/02/28 50 users input Label File display type

何が問題か 上記の方法は input 要素を display: none で非表示にし、label 要素を使ってヒット領域を拡大させて「ファイルを選択」ボタンを表現するという方法ですが、この方法ではフォーカスが当たりません。また、tabindex 属性に非負の値を設定しフォーカスを当てられるようにしても label は clickable な要素では... 続きを読む

「同人誌は男女で"里の掟"が違うから買った女性向け本の表紙をSNSに上げると大問題になる」未知の文化交流で互いに驚き - Togetter

2021/03/30 193 users Togetter 未知 表紙 同人誌 男女

?none(ノネ) @shinsyuku_none 「今日はこれを買いました！」みたいな意味で同人誌に表紙をずらりと並べた写真を撮ってSNSに上げる行為も男性向けなら「お〜沢山買ったなぁ」としか思われないけど、女性向けで同じ事やると「信じられない非常識。早く消せ」って言われるらしいので里の掟が全然違う 2021-03-29 19:45:17 ... 続きを読む

入門 入門 監視 / reading-practical-monitoring - Speaker Deck

2021/02/21 252 users Transcript Speaker Deck 監視 入門

Transcript ⼊⾨ ⼊⾨ 監視 しゃないのえるてぃー⽤ => 外部公開⽤に編集したもの ࣗݾ঺հ • ίωώτגࣜձࣾ • αʔόʔαΠυΤϯδχΞ • ओʹCakePHPͳͲ ─室長！
 我々は、老害だったのかもし れませんよ！ (金城 2019.01@CTO 1on1) Part 0 ΧϯγϜζΧγΫωʁ • ʮ࠷ॳʹर͏ਓʯͱ͔
 ʮຊରԠ͢Δਓʯͱ͔ͷภΓ • ΋͠ʮࣗ෼͕શ͘஌Βͳ͍ػೳʯͰ
 ίέΒΕͨΒɺ٧Ή͔΋͠Εͳ͍ • શһ͕΋ͬͱΰϦΰϦʹ
 Ξϥʔτरͬͯ͘ΕͨΒ޾ͤͩΑͳʙʂ None ʮೖ໳ ؂ࢹʯ... 続きを読む

【画像】競泳水着でライブする地下アイドル(鶯籠)がメジャーデビュー : 芸能ちゃんねる

2020/02/11 195 users メジャーデビュー 競泳水着 地下アイドル 武蔵國 芸能ちゃん

1: 47の素敵な(武蔵國) (８段) 2020/02/09(日) 10:04:49.38 「お前らもさらけ出せるよな！」鶯籠、リキッドワンマン「修羅場」で競泳水着に ▶ドラマの見逃し動画が見放題！？ https://natalie.mu/music/news/366500 VIPQ2_EXTDAT: none:none:1000:512:: EXT was configured 引用元: ・【画像】　競泳水着でライブする地... 続きを読む

【画像あり】売れない地下アイドルの営業の様子、ヤバイと話題に : 美まとめ

2019/08/24 225 users ヤバイ 地下アイドル 様子 話題 美まとめ

1: 47の素敵な(江戸・武蔵國) (４段) 2019/08/17(土) 14:48:18.23 画像 VIPQ2_EXTDAT: none:none:1000:512:: EXT was configured 【人気記事】 ▶神待ち掲示板に集まる人妻達とは？ ▶ママ活サイトの現状がやばい 引用元: ・【画像】　売れない地下アイドルの営業の様子、ヤバイと話題にｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ... 続きを読む

【画像】Googleの女子社員をご覧ください

2019/07/26 216 users Google 女子社員 configured 武蔵國 引用元

1: 47の素敵な(武蔵國) (６級) 2019/07/26(金) 18:34:35.36 画像 VIPQ2_EXTDAT: none:none:1000:512:: EXT was configured 引用元: ・【画像】　Googleの女子社員をご覧くださいｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ 18: 47の素敵な(茸) 2019/07/26(金) 18:50:52.03 >>1 早瀬ドストライクーー！！ (๑´ڡ`๑) 23: 47の... 続きを読む

【画像】レンタル彼女さん「6時間デート（体へのタッチ一切無し）で33000円になります」 : 美まとめ

2019/05/03 121 users 美まとめ 画像 configured 33000円 引用元

1: 47の素敵な(pc?) (３級) 2019/05/01(水) 21:19:53.52 画像 VIPQ2_EXTDAT: none:none:1000:512:----: EXT was configured 引用元: ・【画像】　レンタル彼女さん　「6時間デート（体へのタッチ一切無し）で33000円になります」 続きを読む 続きを読む

バカにC言語は難しい~プログラミングの機会損失~

2018/10/22 444 users 機会損失 C言語 おいおい 挫折 プログラミング

といった感じです。2012~2017年がNoneになっているのには原因が「C言語に挫折し、とにかくプログラミングがしたくなかった」からです。そう思ってしまった原因と、そこから立ち直ったことがこの記事を書いた理由です。 「おいおい、C言語ごときで挫折とは情けないな」と思った方は素晴らしいと思います。この記事を読ん... 続きを読む

「出会えたことに感謝したいCSSベスト3」まとめ - Togetter

2018/04/08 540 users Togetter Flex border-box block

box-sizing: border-box; →出会えた時の感動 content: “”; →::before ::afterとの組み合わせ display: none; →blockとのコンビネーションが好き flexは殿堂入りぽいからそれ以外にしてみました #出会えたことに感謝したいCSSベスト3 続きを読む

クリック・タッチを無効化するCSS「pointer-events: none;」がお手軽で便利 - Yahoo! JAPAN Tech Blog

2016/12/12 178 users pointer-events Electron SVG 岡部

Yahoo! JAPAN Tech Advent Calendar 2016の8日目の記事です。一覧は こちら こんにちは、お久しぶりです。ウェブデベロップメント黒帯を務めております、HTMLやCSSやJavaScriptが大好きな岡部 和昌（ @kzms2 ）と申します。 最近はCSSやSVGのアニメーション、ElectronやCordovaなどを用いたハイブリッドアプリなどがお気に入りです。 ... 続きを読む

あなたはCSSプロパティ”display”をどのぐらい知っているだろうか？ | デザイン | POSTD

2016/08/05 579 users POSTD display プロパ inline Flex

CSSプロパティの1つであるdisplayはCSSレイアウトに用いるプロパティの中でも極めて重要なものです。block、inline、none、さらにtableやinline-blockは今ではかなり一般的になってきました。一方新たに登場したflexやgridはレイアウト用に作られたものです。これらについて紹介します。CSSプロパティの1つである display は、CSSレイアウトに用いるプロパ... 続きを読む

【画像】J２怖すぎワロタｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ

2015/07/13 53 users 画像 large Alt image archives

7月13 【画像】J２怖すぎワロタｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗｗ　<img src="http://b.hatena.ne.jp/entry/image/large/http://samuraigoal.doorblog.jp/archives/45533840.html" style="border: none; alt="はてなブックマーク - 【画像】J２怖すぎワロタｗｗｗｗｗｗｗ... 続きを読む

レオ・シルバ級の選手がJにしかも新潟に留まっている理由ｗｗｗｗｗｗｗｗ

2014/12/10 77 users 新潟 選手 large Alt image

12月10 レオ・シルバ級の選手がJにしかも新潟に留まっている理由ｗｗｗｗｗｗｗｗ　<img src="http://b.hatena.ne.jp/entry/image/large/http://samuraigoal.doorblog.jp/archives/42324111.html" style="border: none; alt="はてなブックマーク - レオ・シルバ級の選手がJにしか... 続きを読む

誰に承認されたがってるかを見抜けないと世代論は見誤る - 言いたくないけど、僕が青二才です

2014/10/08 191 users 青二才 承認欲求 若者 2014-10-08 きっかけ

2014-10-08 誰に承認されたがってるかを見抜けないと世代論は見誤る ややこしい話なので、いつもよりも長いですが良かったらどうぞ。 きっかけはこの記事。 若者には欲がない？ | None. よくこの手の話が挙がるのだが、年配者の文化風俗を考察せずに今の「若者は承認欲求が強い」「SNSや表現活動など金のかからない表現で承認欲求を貰いたがる」だなんだと、ロスジェネっぽい主張を繰り広げている記事で... 続きを読む

若者には欲がない？ | None.

2014/10/04 250 users バブリー イラ オジサマ オジサマたち 出版社

いやね、なんでこんなこと言い出したかっていうと、最近ものすごくよく言われるんです。５０overのおじさまたちに。 「最近の若い人って欲が無いよね。車とか服とか欲しくないの？今、若い人って何が欲しいの？」って。 新聞社のおじさまとか出版社のおじさまとか、バブリーな時代を経験した人ね。 「まず“若い人”とかでくくんなよ」ってイラっとくるけどまあそれは置いといて、そういう人に私は良く答える。 「欲はある... 続きを読む

【画像】歴史的大敗から一夜、ブラジル国内紙の一面が切ない。。。[ブラジル紙一面まとめ]

2014/07/10 373 users 大敗 large Alt 一夜 一面

7月10 【画像】歴史的大敗から一夜、ブラジル国内紙の一面が切ない。。。[ブラジル紙一面まとめ]　<img src="http://b.hatena.ne.jp/entry/image/large/http://samuraigoal.doorblog.jp/archives/39785643.html" style="border: none; alt="はてなブックマーク - 【画像】歴史的大... 続きを読む

display: noneとレスポンシブ・ウェブ・デザイン - Weblog - Hail2u.net

2014/04/17 55 users display Weblog hail2u.net CSS

レスポンシブ・ウェブ・デザインとその設計を語る時にdisplay: noneが引き合いに出されることが多いなと感じる。その多用は設計ミスというような具合だ。そういうところは確かになくはないが、多用自体はCSSの貧弱さからくるHTMLの複雑さを意味するだけなのではないかと思う。 レスポンシブ・ウェブ・デザインはコンテンツを様々なデバイスで「収まる」ようにレイアウトを調整することではない。実装としては... 続きを読む

偽リアの憂鬱 | None.

2014/02/06 71 users 憂鬱

コラムニスト・小野美由紀のブログです。主に感情やコミュニケーション、性愛、そして旅について取り扱っています。 わたしが出版業界に入るきっかけになった、離島経済新聞社の鯨本編集長が、こんなことを言っていた。 「２５歳まで、誘われた飲み会は全部、断らないで行くようにしてたけん」 私は２０代前半はほぼ精神的ひきこもりで、怖くて飲み会に行けなかったし、行きたいと思っても、ぎりぎりになって急に嫌になってドタ... 続きを読む

【画像】死の組が決まった時のオーストラリア代表監督の反応ワロタｗｗｗｗｗｗｗｗｗｗ

2013/12/07 100 users large 画像 Alt image archives

12月7 【画像】死の組が決まった時のオーストラリア代表監督の反応ワロタｗｗｗｗｗｗｗｗｗｗ　<img src="http://b.hatena.ne.jp/entry/image/large/http://samuraigoal.doorblog.jp/archives/35450740.html" style="border: none; alt="はてなブックマーク - 【画像】死の組が決ま... 続きを読む

60fps scrolling using pointer-events: none | The CSS Ninja - All things CSS, JavaScript & HTML

2013/11/26 64 users CSS HTML All things JavaScript

Paul Lewis did an interesting article a while back about avoiding unnecessary paints through disabling hover effects as the user scrolls, which is a great approach. The down side being managing all yo... 続きを読む

風呂なし生活のスゝメ | None.

2013/07/19 398 users いごこち 起点 不自由 すゝめ 風呂

風呂のない家に住んで半年が経つ。 今のところ、不自由はしていない。 最初に風呂なしの家に住もう、と思ったのには理由がある。 銭湯通いをしたかったからだ。 生活の中に、自分だけのリズム、自分なりの、人生の起点を作りたかったからだ。月１万円かそこらで、だだっぴろい風呂（掃除つき、ガス・水道代含）をアウトソーシングしていると思えば、たいへんいごこちがよい。風呂のない家に住んで半年が経つ。 今のところ、不... 続きを読む

-webkit-text-size-adjust: none を絶対に設定してはいけない理由 - てっく煮ブログ

2013/02/13 594 users ユーザビリティー iPhone 横向き Safari 縦向き

PC 版の Google Chrome や Safari で見たときにユーザビリティーが落ちるから。 以上。 で終わってしまうと記事にならないので、ちゃんと説明しておく。 そもそも -webkit-text-size-adjust とは何か iPhone や Android のブラウザーは、縦向き (Portrate mode) と横向き (Landscape mode) の文字サイズを自動調整す... 続きを読む

「面白い人に会いたい」と言って会いに来る人には「死ね、クズ」と思っている | None.

2012/11/15 520 users 内面 余裕 タイトル 通り 相手

タイトルの通りです。 たまに、上記の理由（面白い人、変わった人の話を聞くのが好きだから、等）で会いたいと言ってくる人がいるのですが、そういう人には悪いけど心の中で「クズだな」と思っています。 なぜなら、そういう人の内面には、相手の話を引き出す「問い」がなんにもないから。 もしもその人が自分の中に切実な問いを持っている人間ならば、そんな「面白い人に会いたい」とか言っている余裕なんてない。 ちゃんと自... 続きを読む

[JS]画像を湖面にゆらゆらと映し出す癒し系スクリプト -lake.js | コリス

2012/04/22 51 users コリス 湖面 src display jquery.js

lake.jsの使い方 HTML 画像はimg要素で配置し、「display: none;」で一旦非表示にします。 <img id="lake-img" src="lake.png" style="display: none;"/> 画像は下記のように、上半分のみ用意します。 使用している画像：lake.png 外部ファイル 「jquery.js」と当スクリプトを外部ファイルとして記述します。 <... 続きを読む