gulpとバージョン相性が合わなくて動かないよ！？のときの対処法。 この記事の続き。↓ gulp走らせてみたらこんなエラーが出ました。ReferenceError: primordials is not definedgulpとnodeのバージョンの相性が悪くて動かないよ！の合図だそうで。 共同作業…

フォーム要素があるページをスマホでみているとき、 入力しようとすると、何も指定していないにもかかわらず 勝手ににゅんっとズームする問題。 見て見ぬ振りをしてきましたが（とくに指摘されたこともなかったし・・・）、どうやらfont-sizeが影響している…

色々と使い勝手良く作られているiPhone。 その便利機能のおかげでtableの一部のセルだけ文字が大きくなり、 !importantすら無視されてしまう問題に出会ったので修正方法をメモ。html { -webkit-text-size-adjust: 100%; }結果から言うと、これで解決。事件詳…

同意画面とかでよく見る 「テキスト部分を最後まで読んだら次へすすめるよ！」 を実装するための覚書。すぐ忘れるので。残念なほどに。 次回はコピペで行きたい。HTML<div class="box_agreement"> <div class="textarea"> <div> テキストテキストテキストテキストテキストテキストテキストテキスト </div> </div> <a class="-disabled" href="#">同意するボタン</a> </div>…

同意画面の初期表示時はボタンを押せない状態にしたい！ とかで使えるCSSのご紹介。 昔はJSでonclickなんちゃらを設定したりが必要だったけど CSSで大丈夫だよ（わーいpointer-events:none;はい、これだけ。 hover時にポインターが変身することもなくなりま…

増えてきましたね、タスクランナー案件。 なんどやっても環境構築の手順を覚えられないので 自分用に記録。 ちなみにイチからgulp環境を作っていくのではなく、 一通り環境を作ってあるものをgit等で持ってきて その中に入っているであろうpackage.jsonに合…

Webサイトが完成して一段落、と思いきやお客さまから 「印刷でここがずれちゃうんですけど・・・」 という一言が入ることがちらほら。 作ってる方からすると当たり前過ぎて念押しし忘れてしまうことが多いのだけど 実はきれいに印刷するためには別途印刷用の…

<meta name="viewport" content="width=1024px">久しぶりにこの設定みたな、と思ったら この子のおかげでメディアクエリが使えなくなるアクシデントに遭遇。 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">最近はこんな設定ばっかり使ってたからすっかり忘れてたけど、 デバイスの幅を「1024px」と認識させちゃう状態だものね、あたりまえよね・・・この</meta></meta>…