JavaScriptで一定期間だけnewアイコンを表示する
一定期間だけnewアイコンを表示したいということがたまにあるので、JavaScriptでの実装方法をメモ。...
chromeで画面幅によって背景画像が見切れる現象
chromeでブラウザ幅を変更した際、幅によって背景画像が見切れたり見切れなかったりする現象に遭遇したので、その際の対応...
selectで初期値を選択できないようにする
フォームでselectを選択する際、「選択してください」のような初期値を選択できないようにする実装をしているサイトを見か...
iOSでフォーム入力時に画面がズームされる
iOSでフォーム入力時時に、画面がズームされてしまう問題を対応する機会があったので、調べた内容をメモ。...
Googleタグマネージャのタグに優先度を設定する
Googleタグマネージャで読み込むコードの順番を制御したいことがあったので、タグの優先度を設定してみました。...
HTMLメールのテンプレート「Cerberus」を使ってみる
HTMLメールを作る機会があったのですが、HTMLメールはWebサイトと比べて実装方法が少し特殊で、メールクライアントや...
HTMLメールでメイリオを指定するとOutlookで行間がおかしくなる
HTMLメールでフォントにメイリオを指定した際、Outlookで行間がおかしくなることがあったので、そのときの対応方法を...
JavaScriptで自動再生のvideoを埋め込む時の注意点
自動再生するvideoをJavaScriptで埋め込む機会があったのですが、iOS系の端末だけ再生されないということがあ...
Googleタグマネージャのワークスペースを使ってみる
Googleタグマネージャで複数人で作業するときなどに便利な、「ワークスペース」という機能を使ってみます。...
Googleタグマネージャでスクロール量を計測する
コンテンツがどの辺りまで読まれたかを計測する機会があったので、Googleタグマネージャを使ってページのどの辺りまでスク...
Safariとmail.appでHTMLメールを送信する
HTMLメールをテスト送信したいことがあったので、Macに標準で入っているメールアプリとSafariを使って送信する方法...
Macでスクロールバーを表示する
Macではパソコンの設定によってはスクロールバーが表示されないので、サイト側の設定で表示できるか試してみました。...
モーダルの処理を自作する
汎用的に流用できるような、簡易なモーダルを作成してみます。...
VSCodeのインストールと日本語化を試してみる
Microsoftが開発するオープンソースのコードエディタ「VSCode(Visual Studio Code)」を使っ...
PugをHTMLで記述する
基本的にはHTMLタグで記述して、一部だけPugのインクルードの機能などを使いたいということがあったので、可能かどうか試...
CSS Gridを使ってみる
CSS Gridを少し触ってみたので使い方をメモ。...
はてなブックマークのシェアボタンを設置する
はてなブックマークのシェアボタンを設置する機会があったので、設置方法をメモ。...
タブの処理を自作する
タブを作成する機会が度々あるので、汎用的に使いまわせるようなタブの処理を作成してみます。...
Movable Typeで文字列を配列に分割する
Movable Typeでカンマ区切りの文字列を配列に分割したいということがあったので、その際の実装方法をメモ。 プラグ...
游ゴシックを使用時、IEでテキスト下部に余白ができる
フォントに游ゴシックを指定した際、IEでテキスト下部に微妙に余白ができてしまうようだったので、対応した方法をメモ。...