アイコンフォントでページの重さを解消!ソーシャルバー作成

気軽に始めたソーシャルボタンアイコンフォント化ですが、思いのほかあっちこっち脱線しつつの実装になってしまい、1日がかりだったのでそのアレコレ。当サイトのページの読み込みがとても遅いのは気付いていて、色々対策はしてみたものの、万策尽きたという感じだった。このページの重さを解消するのが第一目的。頑張る!

Continue Reading

vertical-align:画像(絵文字とか)を文字の位置と合わせるスタイルシート

過去記事を編集してて、文字と文字の間に画像を入れた時に、画像を綺麗におさめるために書いたCSS。
もしかしたら、需要があるかと思い書き残しとこうと思います。画像周りのCSSについては沢山の解説があります。
ご自分の環境に合わせて色々試して見ることがいちばんですよね、勉強のためにも。

Continue Reading

投稿の追記をちょっとだけ目立たせてみた。

過去記事やら関連記事やらモロモロをサイドバーや記事下に表示するようになってやたらと前の投稿を編集することが多くなった。だけど、そういうのに限って、いまだに結構なアクセスがあったりして恐縮。なので、昔の記事に追記したときその箇所をわかりやすくしたほうがいいなと思ってやったことを残しておこうと思います。

Continue Reading

サイト内の昔の記事にリンクを簡単にかつカッコよくアイキャッチ付きで表示するショートコード

投稿作成時に、過去の自分の記事にリンクをはることってよくあると思います。今までは、文字だけのリンクでしたが、このリンクをもっとカッコよくスマートに表示したいと模索して試行錯誤した経緯です。エラーや挫折を繰り返し乗り越えた栄光と歓喜の物語(* ̄m ̄)プッ

Continue Reading