はてなブログの記事用デザインのパーツを備忘録ついでにツール的な感じでまとめました。CSSを生成するツールになっているため、クラス名・スタイルの変更が可能です。スマホからでも簡単に、カスタマイズから実装までができるようにスタイルの編集、ボタンで…

Webサイト開発時のHTMLコーディング、デザイン制作、閲覧時などで、ブラウザ上で素早く使用できる便利機能のJavaScriptコードをまとめました。 ブラウザのコンソールで使用して活用できるかと思います。 ・ローカル画像の貼り付け・表示確認 ・日本語を含むU…

CSSの背景色に使用する虹色のカラーを集めました。テキストを虹色にするためのCSSサンプルコードもあります。

今回はJavaScriptでの日付の範囲チェックについて、紹介していきます。１つの日付が対象の日付の範囲内かどうか、２つの日付範囲が有効かどうかをサンプルコードを交えてご紹介します。Dateオブジェクトに変換して判定する方法です。

JavaScriptで日付が有効かどうかチェックする方法を、Dateオブジェクトへの変換・正規表現で紹介しています。また、日付の範囲チェックについてのサンプルコードも紹介しています。日付の形式を判定する正規表現もいくつか紹介しています。

JavaScriptでの日付の加算方法（年月日時分秒）、月またぎ、年またぎをサンプルコードを交えて紹介しています。日付の加算・減算の計算方法はこれを見れば把握できるといった記事になったと思います。ぜひご覧ください。

JavaScriptによるレスポンシブ対応の実現方法をresize/observer/matchMedia別にまとめました。サンプルコードもあるので参考になればと思います。主に画面幅/要素の横幅の変更時にスタイルを変更することを想定して作成しました。

JavaScript(js)でマウスドラッグスクロール(mouse drag scroll)が可能なリストを実現する【listmousedragscroll.js】スマートフォンのようになぞるようにしてスクロールができるjQueryPluginです。一行でマウスドラッグによるスクロールが可能なリストが実現…