魔ッドアングラー

AddQuicktagでHTMLエディタに増やしたタグに色を付ける

HTMLエディタに増やしたタグの中身が何だったのかを忘れる

WordPressで記事を書く際に、タグをボタン1発で表示してくれる大変便利なAddQuicktagですが、月日が経つと「あれ？これってどんな色だったっけ？」なんてことがあります。

不穏な大量検索攻撃の対策

WordPressプラグイン「Search Meter」はサイト内検索窓でどんな単語が調べられているかを知ることのできるプラグインです。記事数の少ない当ブログですので、たいした意味もなく設置してあるだけだったのですが、ある日ふと統計を見てみると……

ttc形式のフォントを分解する

コマンドラインから実行して下さい

初心者殺しのこの言葉。調べて学習したので記録しておきます。

発端はWindowsの中に入っている游ゴシックの「.ttc」形式のフォントファイルを「.ttf」形式へ変換したいと思ったところから始まります。Web上でアップロードして変換できるサイトは色々とあるのですが、基本的に日本語のファイルは容量が大きいので非対応やエラーが出るんです。

Webアイコン「IcoMoon」の使い方とアイコンの追加方法

「IcoMoon」や「Font Awesome」はWebアイコン

Webアイコンとは、見た目は画像のようですが実はフォントという代物です。
これを使う利点は2つあります。

画像を用意しなくてもいい事と、大きさや色を自由に変えることが出来るという事です。

GoogleWebフォントの「はんなり明朝」や「Quicksand」を試してみる

この記事は、数種類のフォントを読み込むため表示が遅いかもしれません。
また、「はんなり明朝」が目的で訪れた方はこちらから一気に該当箇所へ移動できます。

Google Web Fonts

従来、フォントは読み手のデバイスにインストールされているものに依存します。
それに対抗するために、サーバ上にフォント本体を置いて読み手にそれを読み込ませて使うのがWebフォントです。

自分のサーバにアップロードしておいて使うのが一般的なやり方でしたが、いつの頃からかGoogleがフォントの収集を始め、Googleのサーバから直接読み込んで使えるという楽な仕組みを作ってくれました。

それがGoogleWebフォントです。

BootstrapからボタンのCSSだけ拝借する

Bootstrapって何だ

Bootstrapが何なのかはあちこちで説明されているので詳しいことは割愛しますが、ざっくり言うとCSSとJSを作り込んだセットみたいなもので、Bootstrapさえ導入しておけば用意されているclassを与えるだけで簡単に綺麗な装飾や動きの施されたレスポンシブサイトができてしまうというようなシステムです。