とみよし

とみよし

マガジン

記事一覧

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

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

とみよし
2年前

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

ユーザーに直接ニーズを聞くのはナンセンスどうなってほしいか、と改善案を聞くのではなく、不満や憤りといった感情の引き金になっているのがどこなのかを聞く。怒りの感情…

とみよし
2年前
2

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="笑顔">…

とみよし
2年前

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

GIPHY Capture. The GIF Maker

とみよし
2年前

Gitのブランチ【VSCord】

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

100
とみよし
2年前

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

流入元を調べる

100
とみよし
2年前

覚えておくと便利なphp

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

100
とみよし
2年前

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

ハンバーガーメニュー jquery

100
とみよし
2年前

トップに戻るボタン

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

100
とみよし
2年前

参考にしているサイト

海外マガジン

100
とみよし
2年前
1

役立つプラグインTips

プラグイン関連のまとめ

100
とみよし
2年前

忘れがちなflex,gridのTips

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

100
とみよし
2年前

ヘッダーまわりのTips

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

100
とみよし
2年前
1

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

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

10,000
とみよし
2年前

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

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

とみよし
2年前

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

<?php$ua = $_SERVER['HTTP_USER_AGENT'];if ((strpos($ua, 'Android') !== false) && (strpos($ua, 'Mobile') !== false) || (strpos($ua, 'iPhone') !== false) || (strp…

とみよし
2年前

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

ユーザーに直接ニーズを聞くのはナンセンスどうなってほしいか、と改善案を聞くのではなく、不満や憤りといった感情の引き金になっているのがどこなのかを聞く。怒りの感情に焦点をあててもなにも出てこない場合は、よりポジティブな方向に感情を動かすためのとっかかりが、どこにありそうかを探る。

怒りの感情の裏にあるもの認めたくない事実があって、そこから目を背けたいときに、人は自分に都合の良い言い訳を作り出す認知

もっとみる

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

もっとみる

覚えておくと便利なphp

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

もっとみる

トップに戻るボタン

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

もっとみる

忘れがちなflex,gridのTips

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

もっとみる

ヘッダーまわりのTips

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

もっとみる

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

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

もっとみる

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

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

もっとみる

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)) { $

もっとみる