-
SVGとは？ツール毎のSVG書き出し方法、SVGコードの基本的な使い方を解説
SVGはベクター形式の画像データです。 ベクター形式は、点や線、色、カーブを数値データで記録するため、軽量で拡大しても画像が荒れない点が大きな特徴です。 今回は、SVGとJPG・PNGとの違いやメリット・デメリット、SV…
-
【clip-pathの使い方】CSSで画像をクリッピングする方法
今回は、画像を様々な形でクリッピングしたい場合に便利なCSSプロパティclip-pathの使い方を解説します。 clip-pathが使えるようになると、指定した要素の一部のみをくり抜いて表示させることができるようになりま…
-
$(function() {})の意味は？$(window).on(‘load’,function(){})との違い
jQueryの初学者には、$(function() {})を意味も分からず「おまじない」のように記載している方も多いのではないでしょうか？ しかし、実際には、JavaScriptやjQueryを実行するタイミングを決める…
-
PHPのusort関数を使って配列の中身を並び替える方法
PHPで取得した配列の中身を、何らかの規則に則って並び替えたくなる場合があります。 そういった際に便利なのがusort() 関数です。 今回はusort()関数を使って配列の中身を並び替える方法を解説します。 usort…
-
【JavaScript】debounce（デバウンス）とは？実装方法を解説
Webサイトやアプリの開発中に、ウィンドウのリサイズやinputの入力時に何らかの処理を行いたい場面がよくあります。 しかし、これらのイベントが発生するたびに処理が連続して呼び出されると、ブラウザに大きな負担がかかり、パ…
