CSS Jagged Border Generatorは、ギザギザの線を実装するためのCSSを生成してくれるジェネレーターです。色とサイズを指定するだけで、簡単にギザギザ線のCSSコードを生成することができます。 CSS…
ギザギザの線を引くためのCSSを生成してくれるジェネレーター「CSS Jagged Border Generator」

CSSのFlexboxを古いIEにも対応させることができるスクリプト「flexibility」

要素を横並びにしたり、レイアウトを構築する時に便利なFlexboxですが、Internet Explorer8や9等の古いブラウザには対応していません。マイクロソフトのサポートも終了していますし、個人的には古いIEは無視…
ランサムウェア等のネットワークを経由したウイルスへの攻撃耐性が診断できるWEBサービス「自診(じしん)くん」

自診くんは、ランサムウェア「WannaCry」や「SKYSEA Client View」脆弱性への攻撃耐性などを診断することができるWEBサービスです。利用している端末が攻撃の時に使われる通信を許可していないかチェックで…
WordPressのカスタム投稿やカスタムタクソノミー等のコードが生成できるWEBサービス「Hasty」

Hastyは、WordPressのカスタムメニューやカスタム投稿、カスタムタクソノミー等のコードが生成できるWEBサービスです。各設定項目を埋めていくだけで、functions.phpに記述するためのコードを発行してくれ…
jQueryで$(this)の親要素・子要素・隣接要素を指定する方法

jQueryには、イベントが発生した要素を指定するための$(this)というものがあります。 例えば、以下のようなスクリプトがあったとします。 この場合、$(this)はp要素になりますので、p要素をクリックした時にp要…
クリックでサブメニューを切り替えるナビゲーションを実装する方法

メインメニューとそれぞれのメニューに対応したサブメニューがあって、メインメニューをクリックすると対応するサブメニューが表示されるナビゲーションを実装する方法をご紹介いたします。 実際の挙動については、以下デモページをご参…
サーバー移転に便利!サイトを簡単に複製することができるWordPressプラグイン「Duplicator」

Duplicatorは、サイトを丸ごと複製することができるWordPressプラグインです。検証環境→本番環境など、サーバーの移転を簡単に行うことができます。 Duplicatorのインストール インストール手順は以下の…
Windows10の高速スタートアップ機能を無効化する方法

Windows8以降ではPCを素早く起動するために、「高速スタートアップ」という機能が搭載されています。高速スタートアップが有効になっていると、起動が本当に早くてとてもうれしい機能です。 ですが、この高速スタートアップが…
オリジナルの曲を人工知能が作曲してくれるWEBサービス「Amper Music」

Amper Musicは、音楽のジャンルと曲の長さを指定するだけで、人工知能(AI)がオリジナル曲を作曲してくれるWEBサービスです。 Amper Musicで作成された曲は、個人・非営利目的の場合は著作権使用料無料で利…
ホバーエフェクト付きのグラデーションボタンのCSSを大量に公開している「Gradient Buttons」

Gradient Buttonsは、ホバーエフェクト付きのグラデーションボタンを大量に公開しているサイトです。ボタンを実装するためのCSSを取得することができます。 Gradient Buttonsの使い方 Gradie…