test

画像のファイルサイズを圧縮できるツール

Sat, 13 Dec 2014 20:00:00 +0900

一括で変更できる便利なアプリ見つけた。

画質を落とさずに最大90%画像のファイルサイズを圧縮できるツール『Caesium』
ライフハッカー［日本版］

日本語化済みだから操作に迷うこともないはず。

スクショ撮る際にWinShotなどを使って画質調整すれば圧縮する手間は省けたり。

WinShot

windows 8.1 でも使用可能で、設定すればpng形式にも対応。

Google ウェブマスターツール

Wed, 10 Dec 2014 20:00:00 +0900

2ヶ月ほど前にGoogleのウェブマスターツールに登録できるようになったらしい。

アメブロスタッフのブログ
ブログをGoogleウェブマスターツールに登録できるようになりました

CyberAgent SEO Information (サイバーエージェントSEO情報ブログ)
ホスティングサービスでのGoogleウェブマスターツールの使い方

登録は簡単。
Googleにログイン > ウェブマスターツールのサイトを追加 > URL入力 > 別の方法をクリック > HTMLタグ
あとはアメブロのヘルプを参考。

よくヘルプを読んで使ってみよう。
ウェブマスターツールヘルプ

エディタが使いづらい

Tue, 09 Dec 2014 20:00:00 +0900

"パワーアップした新エディタ"と書いてあるが、余計なタグや属性などが勝手に挿入されて非常に使いづらい。

変更できるようなので"タグ編集エディタ"にしてみた。

管理画面 > 設定・管理 > 記事投稿画面 > タグ編集エディタ

これでも編集画面で改行するとそこに勝手に
が挿入されてしまうのはどうにかならないのだろうか。

とりあえずローカルのエディタで編集して改行を削除した後、コピペすることにしよう。

背景画像を画面いっぱいに表示

Mon, 08 Dec 2014 20:00:00 +0900

デザインの変更 > CSSの編集
以下を一番下にでも記述しておけば良さそうだ。

.skinBody {
  background-image: url("画像のURL");
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}

このように表示される。
ブログ全体に背景画像を敷きたい｜CSS勉強中スタッフのブログ

画像遅延読み込みのデモ

Sun, 07 Dec 2014 20:00:00 +0900

遅延読込み、スマホ用のページでは標準で機能するようだ。
ChromeやFirefoxで Ctrl と Shift を押しながら i と押下するとデベロッパーツールが表示されるのでnetworkタブをクリックし、ページを再読み込みした後にスクロールしていくと画像が読み込まれていくのが確認できる。

記事の編集に一手間かかるようになるが、通信量や速度が制限されている環境に優しいはず。

No. 1

No. 2

No. 3

No. 4

No. 5

image via http://windows.microsoft.com/ja-jp/windows/wallpaper

続きを読むのデモ

Sat, 06 Dec 2014 20:00:00 +0900

ここをクリックして続きを読む

スマホ用のページではプラグインが読み込まれないため、PC用のページでしか機能しないようだ。
これは使えないな。