IT the Best

はてなブログのカスタマイズ情報を中心に、WEBデザインからJavaScriptまでWEB系の開発情報を発信します。便利ツールや暇つぶしのゲームなど開発物も公開します。

【コピペok】はてなブログ 記事デザインサンプル集 スマホも簡単にカスタマイズ可能! | はてなブログデザインカスタマイズ

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

【JS】Webサイト開発・HTMLコーディング・Webページ閲覧時のJavaScript便利機能まとめ

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

【CSS】背景色 グラデーション --サンプル集-- | background:linear-gradient 【WEBデザイン】

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

【JavaScript】JSで日付の範囲チェックを行う 範囲内かどうか/大小比較のサンプルコードあります。

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

【JavaScript】JSで日付が有効かどうかチェックする 範囲/正規表現/フォーマットチェックのサンプルコードあり

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

【JavaScript】JavaScriptでの日付の加算方法 サンプルコードあり

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

【JS】window.matchMediaで画面横幅に対応した処理をする。resizeイベント、observerと比較 | JavaScriptでのレスポンシブデザイン

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

【見本あり】JavaScriptでリストをドラッグスクロールする「jQueryプラグイン」 - オプションでエンドレススクロール,慣性スクロールも可能 | listmousedragscroll.js

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