「セレクトボックスで〇〇を選んだら▲▲を入力させたいんだよね」そんなご要望がよくありますのでメモ。

複数人でコーディングする時、みんなが個々のルールに基づいてコーディングしてしまうと、品質の低下や修正コストの増大等、いろんなデメリットがある。 そんな状況を防ぐために作る、「こういう風にコーディングしてね」という指標が「…

近頃はタブメニューもHTMLとCSSだけで再現する風潮になってきましたが、ちょっと気の利いたことをやろうとするとまだJSで対応する場面もあります。 そんなわけで、ページを読み込んだ時に、URLパラメーターによって初期表示…

ページ数が多いサイト制作、地味に面倒なのがヘッダーやフッター等共通パーツの編集作業。 WordPressやPHPを使えれば共通パーツのファイルを別に用意できるので問題ないけど、「HTMLファイルで制作」っていう案件、割と…

ページ内の現在地を教えてくれる、ワンページナビゲーション。 プラグイン無しで使いまわせるシンプルなものを作ってみた。

サクッとサイトにスライダーを導入できて便利なslick。 ただ、少し改善してほしいなーと感じることもままあり、「autoplayを使うとスマホスクロール時に停止する」という現象も、よく遭遇する問題だ。

「レスポンシブ 縦横 維持」で検索すると、ブロック要素の中にpadding-top: xx%を指定して、、、みたいな記事が多すぎる！！その方法はもういいんだよ！！それだとウインドウ高さが狭まった時に高さはみ出ちゃうでしょ…

リッチなサイト制作をする時度々必要になってくるスプラッシュ画面。 主な用途はサイトコンテンツを表示する前に表示されるローディング画面ですね。 他にもサイトのイメージ訴求に使ったりすることもあるのですが、毎回スプラッシュ画…

最近Google Chromeの画面幅を変えると、なぜか画面幅が変わらずに表示されてる内容だけが縮んで比率がおかしくなる時がある。デュアルディスプレイでサブモニタで使ってる時によく起こる。という現象の対処メモ。

最近でもないけど、スマホでGoogleの検索結果を見てると雷マーク（AMP対応している記事）をよく見るようになってきた。 そういう案件も来るかもだし、AMP対応くらいできるようになっとこうと思って、まあ、失敗してもいいの…