とみよし

とみよし

CSSでのダークモードの切り替え

@media (prefers-color-scheme: dark) {}

とみよし

    • ユーザーの心の声を聴く技術

      ユーザーに直接ニーズを聞くのはナンセンスどうなってほしいか、と改善案を聞くのではなく、不満や憤りといった感情の引き金になっているのがどこなのかを聞く。怒りの感情に焦点をあててもなにも出てこない場合は、よりポジティブな方向に感情を動かすためのとっかかりが、どこにありそうかを探る。 怒りの感情の裏にあるもの認めたくない事実があって、そこから目を背けたいときに、人は自分に都合の良い言い訳を作り出す認知の癖がある。なので、責任の所在をよそにむけて逃げ道をわかりやすくしてあげる。双方

      とみよし

      • SVGの色変え

        読み込み <script src="//cdn.jsdelivr.net/npm/desvg@1.0.2/desvg.min.js"></script> HTML <img class="desvg" src="smile.svg" width="200" height="200" alt="笑顔"> JavaScript <script> window.addEventListener('load', function(){ deSVG('.desvg', tr

        とみよし

        • 画面キャプチャに使えるソフト

          GIPHY Capture. The GIF Maker

          とみよし

        CSSでのダークモードの切り替え

        とみよし

        マガジン

        • UXフロー
          1本

        記事

          Gitのブランチ【VSCord】

          左下のマークをクリックする。

          100
          とみよし

          Gitのブランチ【VSCord】

          とみよし

          Googleアナリティクスのいろは

          流入元を調べる

          100
          とみよし

          Googleアナリティクスのいろは

          とみよし

          覚えておくと便利なphp

          重複するデータの非表示tmpフォルダにモジュール化するデータは収納しておく。

          100
          とみよし

          覚えておくと便利なphp

          とみよし

          スマホサイズのナビゲーション

          ハンバーガーメニュー jquery

          100
          とみよし

          スマホサイズのナビゲーション

          とみよし

          トップに戻るボタン

          スクロールしたら下から現れるパターンjquery

          100
          とみよし

          トップに戻るボタン

          とみよし

          参考にしているサイト

          海外マガジン

          100
          とみよし

          参考にしているサイト

          とみよし

          役立つプラグインTips

          プラグイン関連のまとめ

          100
          とみよし

          役立つプラグインTips

          とみよし

          忘れがちなflex,gridのTips

          親要素の直接の子要素の高さは強制的に統一される。中に別のボックスを入れた場合、そのボックス自体の高さが反映される。

          100
          とみよし

          忘れがちなflex,gridのTips

          とみよし

          ヘッダーまわりのTips

          ナビ表示パターン1※javascriptを使わないhoverした時に、cssでvisibilityを可視化する。

          100
          とみよし

          ヘッダーまわりのTips

          とみよし

          大型サイトのモジュール設定

          各パーツはモジュールで読み込まれてる。

          10,000
          とみよし

          大型サイトのモジュール設定

          とみよし

          親要素、子要素に影響されないクラスのつけはずしjavaScript

          window.onload = function(){ const targetBox = document.querySelector('#js-search'); const inputArea = document.querySelector('#js-search-text'); const openArea = document.querySelector('#js-open'); const closeArea = document.querySelector('

          とみよし

          親要素、子要素に影響されないクラスのつけはずしjavaScript

          とみよし

          phpでデバイスごとにクラスを生成する

          <?php$ua = $_SERVER['HTTP_USER_AGENT'];if ((strpos($ua, 'Android') !== false) && (strpos($ua, 'Mobile') !== false) || (strpos($ua, 'iPhone') !== false) || (strpos($ua, 'Windows Phone') !== false)) { $input_class = "allow";} elseif ((strpos(

          とみよし

          phpでデバイスごとにクラスを生成する

          とみよし