2023年6月20日のブックマーク (3件)

  • 子供の喚き声を全国のスピーカーから流そう

    幼稚園や保育園の建設に地域住民が反対するという問題がよく聞かれるが、その一因は子供がいない場所で喚き声が聞こえないことにある。 どこでも子供の元気な喚き声が聞こえれば幼稚園があってもなくても同じになる。 だとすれば日中の防災スピーカーから無邪気なお子さん方の喚き声を流し続ければ良い。 そうすれば幼稚園の有無によって差がなくなり、反対運動も起こらなくなるだろう。 喚き声が騒音だという者もいるかもしれないが、我が国の未来を担う純真無垢な子供の喚き声は騒音でないと法律で定めれば問題ない。 我々は素敵な喚き声を聞き続けることで少子化対策に貢献しようではないか。

    子供の喚き声を全国のスピーカーから流そう
    xxxxxxxxlarge
    xxxxxxxxlarge 2023/06/20
    子供の声を許容しようって話なのに騒音かどうか問題になってて草
  • これは便利すぎる! Webページを1クリックで編集可能なFigma用に変換できるプラグイン「html.to.design」が神アップデートされました

    WebページのURLを入力し、1クリックするだけで、そのページの編集可能なFigmaファイルに変換できる無料プラグインを紹介します。 去年紹介しましたが、先日ver.2にアップデートされました! 一括インポート、マルチビューポート、マルチテーマ、テキストとカラーのスタイル生成ができるようになり、さらに便利になりました。 AppleなどのWebページを1クリックで変換するのはもちろん、日語のWebページでも問題なく動作しました。Webデザインの勉強用に、既存サイトをリニュアールする用にも便利ですね。 html.to.design -Figma デスクトップとスマホも同時に! 1クリックでWebページをFigmaに変換 html.to.designの利用方法 html.to.designの使い方 1クリックでWebページをFigmaに変換 html.to.designは、URLを入力して1ク

    これは便利すぎる! Webページを1クリックで編集可能なFigma用に変換できるプラグイン「html.to.design」が神アップデートされました
    xxxxxxxxlarge
    xxxxxxxxlarge 2023/06/20
    Figmaに移行したいときとか便利そう
  • なぜ <div> に onClick がダメなのか?

    ■ はじめに <div>要素にonClickを渡すべきではない、ということ聞いたことはないでしょうか? ただ、なぜ渡すべきでないのか? 理解してなかったので今回調べてみました。 サンプルコード 今回動作確認に利用したサンプルリポジトリのコードはReactで書いています。 ■ 結論:<div>にonClickを定義するのがなぜダメなのか? ユーザーにとって操作性の低いボタンになってしまうから、です! 要するに UX が悪くなってしまうから! その理由を解説していきます! ■ 操作性の低いボタンになってしまう理由 大きく3つあると考えています。 div要素は focus を持たないから returnキー, spaceキーをonClickに変換しないから スクリーンリーダーが認識しない要素だから ◎ focus を持たないから <div>要素はfocusを持ちません。 なので、tabキーで要素に

    なぜ <div> に onClick がダメなのか?
    xxxxxxxxlarge
    xxxxxxxxlarge 2023/06/20
    じゃあ、インタラクティブなインターフェースを自作したいときはどうすんねんとは思う