HTMLのエスケープ
エスケープしたい文字列を入力 リセット 文字列をエスケープ 変換が完了しました。 変換後の文字列 選択 エスケープのオプション 文字列を<code></code>で囲む 文字列を<pre&g …
文字列から空白・タブ・改行を全て削除
変換したい文字列を入力 クリア ここに文字を入力してください。 あ い う え お か き 空白・改行・タブを削除 変換が完了しました。 変換後の文字列
クリックしてツールチップを表示・非表示を切り替えるjQueryのスニペット
ツールチップは、最初表示されていない状態で、対象にカーソルを合わせると周辺に小さな領域が出現し、注釈などが表示されるものです。 このカーソルを載せた場合の表示・非表示はCSSだけで簡単にできますが、クリックトリガーの場合 …
プラグインなしでSANGOの前の記事・次の記事を同じカテゴリで出力するカスタマイズ
当サイトでも使用している、WordPressテーマSANGOの記事の下部には、「前の記事・次の記事」として、前後の記事のリンクをデフォルトで出力してくれます。 なかなか便利ですが、カテゴライズがしっかりしてくると、その記 …
jQueryライブラリYouTube Inview AutoplayでYouTube動画がウィンドウ内に表示されたら自動で再生を開始
YouTube Inview Autoplayは、ページ内に埋め込んだYouTubeの動画がウィンドウ内に表示されると、自動的に再生・停止するjQueryプラグインです。 ウィンドウ内に動画が入ると再生されるので、ユーザ …
SANGOのテーマをさらに最適化するnoindexとcanonicalの追加カスタマイズ
当サイトでも利用しているWordPressテーマSANGOは、見やすいデザインで内部最適化もされているイケてるテーマです。 普通に使っていて何も不都合はありませんが、この記事のちょっとしたカスタマイズを加えてあげると、さ …
変換後の画像を見ながら圧縮できる画像変換ツール「Squoosh」の特徴と使い方
画像圧縮はサイトやブログのスピード向上のための大きなカギ。 うっかりそのまま画像をWordPressにアップロードして使うと、記事が激重になり、ページの表示速度に影響をあたえるので、画像圧縮をしたりリサイズをしてから使う …
月額200円〜700円の低価格レンタルサーバー4社の価格や仕様の比較一覧
レンタルサーバーの選ぶ際に重要なポイントは、「運営するサイトやブログで何を重視するか」とも言え、人によって重視する点はさまざまです。 その中でも、「安く利用できて費用がかからない」という点も重要な一つとも言えます。 そん …
月額1,000円前後のレンタルサーバー 価格や仕様の比較一覧
2017年と2018年のGoogleの調査によれば、ページ表示速度が1秒から3秒になると直帰率が32%増加、6秒になると106%増加、10秒まで遅くなると123%増加するそうです。 このように、ホームページやブログで、サ …
jQuery無しでスクロールアニメーションを実装できるJavaScriptライブラリAOS
スクロールアニメーションを行う場合、jQueryを絡めて使うことが個人的に多いのですが、LPのシングルページにわざわざjQueryを読み込ませるのはサイト自体のサイズも多少増えてしまうので、その場合はAOSという超便利な …
