IT the Best

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

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

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

【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です。一行でマウスドラッグによるスクロールが可能なリストが実現…

【Mac】やっぱりAppleはこういう所がいい。視覚を刺激する美しいダイナミックデスクトップの機能 | おすすめの無料ダウンロードサイトも紹介

Macのダイナミックデスクトップの設定方法と、おすすめのダウンロードサイトを紹介しています。無料でダウンロードできるサイトもあり、おすすめです。また、ダウンロードから適用までの説明もあります。

CSSでスクロール バーをカスタマイズして、カラフルなスクロールバーのデザインを作ってみました。svgを使用しているものもあり。

cssを使用していろいろなスクロール バーのデザインを作成してみました。「::-webkit-scrollbar」をいじって、スクロール バーをカスタマイズしています。種類ごとにスクロール バーを分けて、サンプルを表示しています。色、幅、透明度、素材をカスタマイズ…

node.jsプロジェクトでnode_modulesを除外してコピーの速度を大幅に速くさせる バッチファイル | Windows

node.jsプロジェクトを素早くコピーする方法です。node_modulesを除外してコピーするためにxcopyコマンドを使用します。当記事では、そのコマンドの説明、コピー(バックアップ)を素早くするための方法を紹介しています。

【Mac】Windowsのようにf2キーでリネーム(名前の変更)を行えるようにする。Mac-ショートカット設定

MacでWindowsのようにf2ボタンで、リネームをする方法です。Windowsでは、f2キーでリネームが行えましたがMacでは使えないので、ショートカットキーを追加して対応します。Macでショートカットキーを設定する場合の手順は以下です。1:システム環境設定を開…