タブやアコーディオンの非表示コンテンツにはhidden="until-found"を使うべし ｜ TAKLOG

2024/04/02 12 users Hidden TAKLOG display アコーディオン

タブやアコーディオンの非表示コンテンツにはdisplay:noneがよく用いられますが、hidden="until-found"を利用するほうがメリットがあります。 hidden=“until-found”で非表示にしたコンテンツはページ内検索でアクセスできるhidden="until-found"はhidden属性に新たに追加された属性値です。 hidden - HTML: ハイパーテキ... 続きを読む

ユーザー操作の一括無効化で役立つ！ 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 な要素では... 続きを読む

海外の『5G』の危険性を訴える雑誌の表紙が強すぎてヤバい「80年代メタルのアルバムジャケットかよ…」「うーんこの昭和味溢れる感じ」 - Togetter

2021/05/07 8 users Togetter 為政者 表紙 ポスター ヤバイ

すっとこ@VRChat @SUTTOKONG @BEROSUVRC1 きっとあの子は5Gに適応できるようプログラムされたデザイナーベイビー...今後の世界を統べるために作られたに違いない... 2021-05-06 11:49:49 none @last_alterego @BEROSUVRC1 こちら、ポスターではなくSheeple（=羊のように為政者に従順な人々）という陰謀論系雑誌の表紙で... 続きを読む

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

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

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

機械学習基盤 Hekatoncheir の取り組み【DeNA TechCon 2021】/techcon2021-12 - Speaker Deck

2021/03/04 10 users オートモーティブ Hekaton Speaker Deck

Transcript Shuhei Fujiwara DeNA が Google Cloud Platform 上に構築している 社内横断の機械学習基盤 Hekatoncheir (Hekaton) の話 • どんな課題を解決したかったのか • Hekaton を構成する技術要素 • 実際の使い方の簡単な紹介 • 活用事例 None • ゲーム • オートモーティブ • スポーツ ◦ 横浜 DeNA ベイスターズ • ... 続きを読む

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

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

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

CockroachDB から覗く形式手法の世界 #JTF2021w / July Tech Festa 2021 winter - Speaker Deck

2021/01/24 17 users CockroachDB スケーラビリティ アーキテクチャ

Transcript チェシャ猫 (@y_taka_23) July Tech Festa 2021 Winter (24th Jan. 2021) None 形式手法ツール TLA+ により「証明」済 • CockroachDB の概要 ◦ スケーラビリティを実現するアーキテクチャ ◦ 生じた課題と Parallel Commit による解決 • 形式手法ツール TLA+ の概要 ◦ 理論はともかく、ツールとしての雰囲気 ◦... 続きを読む

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

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 引用元: ・【画像】　競泳水着でライブする地... 続きを読む

【画像】巨乳JKさん、おっぱいが大きすぎてシャツがしまえない : 面白動画・画像まとめ

2020/01/11 13 users おっぱい 面白動画 画像 ｗｗｗｗｗｗｗｗｗｗｗｗｗｗ 武蔵國

1: 47の素敵な(武蔵國) (８段) 2020/01/11(土) 11:44:40.48 画像 VIPQ2_EXTDAT: none:none:1000:512:: EXT was configured 引用元: ・【画像】巨乳JKさん、おっぱいが大きすぎてシャツがしまえない ｗｗｗｗｗｗｗｗｗｗｗｗｗｗ 続きを読む 続きを読む

Chromium Blog: Developers: Get Ready for New SameSite=None; Secure Cookie Settings

2019/10/24 19 users developers Chromium Blog

$200K 1 10th birthday 4 abusive ads 1 accessibility 1 ad blockers 1 ad blocking 2 android 1 anti abuse 1 anti-deception 1 benchmarks 1 beta 19 billing 1 birthday 4 blink 1 browser 2 browser interoperability 1 capabilities 6 capable web 1 cds18 2 cds2018 1 chrome 21 chrome ads 1 chrome apps 3 chro... 続きを読む

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

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の... 続きを読む

ねこ吸い on Twitter: "omni7のパスワード再設定の送付先メールアドレス。やっと消えたっていうけど、どうせコメントアウトしてるとかだろう？って思ったらまさかのCSSでdisplay:none;にしてたｗ

2019/07/04 27 users display ｏｍｎｉ７ https ｗｗｗ t.co

omni7のパスワード再設定の送付先メールアドレス。やっと消えたっていうけど、どうせコメントアウトしてるとかだろう？って思ったらまさかのCSSでdisplay:none;にしてたｗｗｗ こ　れ　は　大　草　原　が　広　が　るｗｗｗ… https://t.co/Cj4QSOjvz6 続きを読む

3.5次元 : 【画像】この画像開いて5秒で違和感に気付けたらIQ120

2019/06/08 17 users 違和感 5秒 画像 configured 3.5次元

2019年06月08日12:58 【画像】この画像開いて5秒で違和感に気付けたらIQ120 カテゴリVIP hjhnjhnjhgf Comment(0) 1: 47の素敵な(pc?) (４段) 2019/06/07(金) 18:40:09.42 画像 VIPQ2_EXTDAT: none:none:1000:512:----: EXT was configured 引用元: ・【画像】　この画像開いて5秒で違和感に気付けたらIQ120ｗｗｗｗｗｗ... 続きを読む

【画像】レンタル彼女さん「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言語ごときで挫折とは情けないな」と思った方は素晴らしいと思います。この記事を読ん... 続きを読む

img 要素に pointer-events:none; を指定すると、その画像を囲むリンクが効かなくなる件の回避方法 - Corredor

2018/05/17 13 users pointer-events 経緯 CSS プロパティ 画像

2017 - 03 - 31 img 要素に pointer-events:none; を指定すると、その画像を囲むリンクが効かなくなる件の回避方法 CSS3 CSS CodePen 経緯 画像をむやみに右クリックで保存されないようにするため、 img 要素に pointer-events:none; を指定した。 この CSS プロパティは、クリックや右クリックによるイベントを発火させなくするプ... 続きを読む

「出会えたことに感謝したい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】見出しデザインのCSSサンプル集 | なるほど。

2018/02/16 41 users CSS 見出しデザイン border WordPress

色々な見出しデザインのCSSサンプル集です WordPressの子テーマなど上書きが必要な場合はHタグのborder等を初期化しておくと良いです h2.sample{ border:none; } が...色々な見出しデザインのCSSサンプル集です WordPressの子テーマなど上書きが必要な場合はHタグのborder等を初期化しておくと良いです h2.sample{ border:none; ... 続きを読む

【乃木坂46】東京ドームライブで空中カメラが落下し観客席を直撃！大事故寸前も報道なし…その後、運営は…？

2017/11/09 12 users 観客席 報道 乃木坂46 東京ドームライブ 運営

2017年11月08日 2 コメント 芸能 【乃木坂46】東京ドームライブで空中カメラが落下し観客席を直撃！大事故寸前も報道なし…その後、運営は…？ ツイート シェア B! はてブ プラス ポケット 1 : 芸能マターリ 2017/11/07(火) 22:32:11 あーあ VIPQ2_EXTDAT: none:none:1000:512:----: EXT was configured 2 : ... 続きを読む

クリック・タッチを無効化する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レイアウトに用いるプロパ... 続きを読む

名古屋グランパス新監督に小倉隆史氏　GM兼任

2015/10/15 7 users 名古屋グランパス新監督 large Alt titl http

10月15 名古屋グランパス新監督に小倉隆史氏　GM兼任　<img src="http://b.hatena.ne.jp/entry/image/large/http://samuraigoal.doorblog.jp/archives/46587369.html" style="border: none; alt="はてなブックマーク - 名古屋グランパス新監督に小倉隆史氏　GM兼任" titl... 続きを読む

【衝撃】シュバインシュタイガーがセレッソ大阪に電撃移籍ｗｗｗｗｗｗｗ

2015/08/15 15 users large Alt image archives Style

8月15 【衝撃】シュバインシュタイガーがセレッソ大阪に電撃移籍ｗｗｗｗｗｗｗ　<img src="http://b.hatena.ne.jp/entry/image/large/http://samuraigoal.doorblog.jp/archives/45930391.html" style="border: none; alt="はてなブックマーク - 【衝撃】シュバインシュタイガーがセ... 続きを読む