タグ

2020年8月5日のブックマーク (4件)

  • コロナ急増の先進国は米国と日本くらい? グラフが拡散→「ミスリード」と指摘相次ぐ、専門家の見解は

    新型コロナウイルスの感染者が急増している先進国は「トランプを支持する米国の一部と日くらい」としてシェアされたグラフがTwitterで拡散している。 このグラフは一見すると、各国に比べて日の感染者数が突出しているように見えるが、「ミスリード」であるとの指摘が相次いでいる。グラフの縦軸の値が、日とそのほかの国で10倍以上も異なるからだ。 シェアした医師は「実数ではなく推移を比較したもの」としているが、別の医師や専門家からは「科学者として絶対にやってはいけないこと」との批判もあがっている。 グラフをシェアしたのは、内科医でNPO法人「医療ガバナンス研究所」理事長の上昌広医師。野党の推薦で、新型コロナウイルスに関する参議院の公聴会に出席した経験もある。グラフは8月3日、以下のような文言とともにツイートされた。 「真夏の北半球でコロナが急増している先進国は、トランプを支持する米国の一部と日

    コロナ急増の先進国は米国と日本くらい? グラフが拡散→「ミスリード」と指摘相次ぐ、専門家の見解は
    sakimoridotnet
    sakimoridotnet 2020/08/05
    “「データの見せ方に対して誠実な物言いではありません。疑義に対してこのような答え方をする人を私は信用することはできません」”
  • [CSS] display プロパティを変更できない要素 - Qiita

    テキストボックス (input 要素) やボタン (button 要素)は、 display を inline-block 以外に変更することができません。display: none にはできます。 <button>の中にテキストとアイコンを表示して、上下中央に揃えたいときなど、ボタンに display: flex や display: inline-flex を指定したくなることはありますが、残念ながらできません。 嘘のように思うかもしれませんが、残念ながら当です。次のサンプルコードで確認することができます。 サンプルコード <!-- とりあえず span で試してみます --> <span>Span</span> <!-- input --> <input type="text" value="Input"> <!-- button も確認 --> <button type="but

    [CSS] display プロパティを変更できない要素 - Qiita
  • ホバー時にbackground画像をズームさせるcss3アニメーション | Puzzle(パズル)

    ホバー時にバックグラウンドはズームさせ、バナー画像は透過させるエフェクトを作成しましたので、備忘録も兼ねて掲載させて頂きます。バナーはただブランドのロゴ画像にリンクを貼っているだけでは、クリックされる可能性が低いと思い、バックグラウンドにブランドの商品画像などを差し込んで、ひと手間かけたバナーリンクを制作しました。 HTMLは下記 <div class="contaner"> <div class="banner_1"> <div class="inner"> <a href="#"><img src="images/banner.png" alt=""></a> </div> </div> </div> CSSは下記 .banner_1 { position: relative; overflow: hidden; text-align: center; width: 350px; te

    ホバー時にbackground画像をズームさせるcss3アニメーション | Puzzle(パズル)
  • 【CSS Tips】coverの罠:ズームインアニメーション編|Chappy Tabby

    年末だからといって、特に毎日が変わるわけではないChappy Tabbyです。 敢えて言えば、開業届をオンラインで提出しようとしたら、提出先の国税庁が完全年末年始休暇に入っていてオンラインでも受け付けず、ちゃぶ台返しをしたくなったくらいです。 カーソルを乗せたら画像が拡大するアニメーションの実装。 昨今のサイトでよく見かけるので、自力で実装しようとしました。 (注意)この記事に記載されているコードをコーディングの参考にする際、画像のURL・クラス名等は適宜書き換えてください。【悪い例】hover疑似要素にbackground-sizeを使う(背景画像使用のHTMLマークアップ) <div class="content"> <div class="image-block"></div> </div>(imgタグ使用のHTMLマークアップ) <div class="content"> <img

    【CSS Tips】coverの罠:ズームインアニメーション編|Chappy Tabby