はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ None

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 74件)

CSSでdisplay:none;からアニメーションができる! @starting-styleがすべてのブラウザにサポートされました

2024/10/01 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip display Firefox CSS アニメーション 要素

CSSの@starting-styleが先日リリースされたFirefoxでもサポートされ、これでデスクトップ・スマホのすべてのブラウザでサポートされました。 @starting-styleはアニメーション化させる要素に対して開始時のスタイルを設定でき、display: none;からアニメーション化する要素に対して必須となります。 Now in Baseline: an... 続きを読む

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

2024/04/02 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip ICS MEDIA HTML ユーザーインタラクション 紹介

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

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

2022/02/28 このエントリーをはてなブックマークに追加 50 users Instapaper Pocket Tweet Facebook Share Evernote Clip input Label File display type

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

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

2021/05/07 このエントリーをはてなブックマークに追加 8 users Instapaper Pocket Tweet Facebook Share Evernote Clip Togetter 為政者 表紙 ポスター ヤバイ

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

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

2021/03/30 このエントリーをはてなブックマークに追加 193 users Instapaper Pocket Tweet Facebook Share Evernote Clip Togetter 未知 表紙 同人誌 男女

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

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

2021/03/04 このエントリーをはてなブックマークに追加 10 users Instapaper Pocket Tweet Facebook Share Evernote Clip オートモーティブ 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip CockroachDB スケーラビリティ アーキテクチャ

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

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

2020/02/11 このエントリーをはてなブックマークに追加 195 users Instapaper Pocket Tweet Facebook Share Evernote Clip メジャーデビュー 競泳水着 地下アイドル 武蔵國 芸能ちゃん

1: 47の素敵な(武蔵國) (8段) 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 Instapaper Pocket Tweet Facebook Share Evernote Clip おっぱい 面白動画 画像 wwwwwwwwwwwwww 武蔵國

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

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

2019/10/24 このエントリーをはてなブックマークに追加 19 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip ヤバイ 地下アイドル 様子 話題 美まとめ

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

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

2019/07/26 このエントリーをはてなブックマークに追加 216 users Instapaper Pocket Tweet Facebook Share Evernote Clip Google 女子社員 configured 武蔵國 引用元

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

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

2019/07/04 このエントリーをはてなブックマークに追加 27 users Instapaper Pocket Tweet Facebook Share Evernote Clip display omni7 https www t.co

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

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

2019/06/08 このエントリーをはてなブックマークに追加 17 users Instapaper Pocket Tweet Facebook Share Evernote Clip 違和感 5秒 画像 configured 3.5次元

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

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

2019/05/03 このエントリーをはてなブックマークに追加 121 users Instapaper Pocket Tweet Facebook Share Evernote Clip 美まとめ 画像 configured 33000円 引用元

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

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

2018/10/22 このエントリーをはてなブックマークに追加 444 users Instapaper Pocket Tweet Facebook Share Evernote Clip 機会損失 C言語 おいおい 挫折 プログラミング

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

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

2018/05/17 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 観客席 報道 乃木坂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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 名古屋グランパス新監督 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... 続きを読む

 
(1 - 25 / 74件)