Seesaaブログ マカロン両サイドバーテンプレート

これまでSeesaaブログのレスポンシブデザインカスタマイズについていろいろと書いているのですが、左サイドバーと両サイドバーは左サイドバーの扱いが面倒くさいから触れていませんでした。

色々と勉強していくうちに左サイドバーの扱いは別段面倒では無いことをつい最近知りました。

このブログでもスーパー超シンプルテンプレートでも条件..

続きを読む

2つのアドセンス広告を1画面に配置したポリシー違反例

記事下や記事中でGoogleアドセンスレクタングル広告を横に並べて表示するのがダブルレクタングル。

スマートフォンで表示されたとき CSS などで何も定義していなければ、ダブルレクタングルは縦並びになるのでアドセンスのポリー違反。

そこでダブルレクタングルの片側を非表示にして対処しますが、別のやり方として片側を jQuer..

続きを読む

ロスレス圧縮 TinyPNG

Seesaa ブログのような無料ブログで記事を作成したり、テンプレートをカスタマイズしたりするときに、ボクが使っていて「これは便利」というオンラインツールをまとめてみました。

スマートフォンやファブレット、タブレットの普及に伴い、スマホからのアクセスを考慮してブログを書く必要がありますよね。

光回線でパフォーマンスの高いパ..

続きを読む

Bootstrap

レスポンシブ対応のメニューをいくつか試した結果、Bootstrap に落ち着きました。

実装するには Bootstrap.min.js と Bootstrap.min.css を追加しますが、Bootstrap の各種機能の中で今回使うのは nabvar だけ。

HTML に css を追加すればレンダリングブロックがぁー..

続きを読む

Linkwithin を折り返して表示する

320px で Linkwithin 関連記事を1つ余分にもらって来て4記事を2行2列表示のスマホ対応にする方法です。

Linkwithin は 320px の iPhone だと関連記事サムネイルは3つだけしか取れません。この3つをレスポンシブでは overflow: hidden にして表示幅をオーバーしないようにし..

続きを読む

スタイルシートで文字列を綺麗に整列

Twitter, Facebook, Google+ などのソーシャルボタンのオリジナル JavaScriptを HTML5 仕様の非同期に書き換えて設置する方法です。

併せてサイドバーなどに追加するウィジェットから重複しているスクリプトを削除して、さらにサイト表示速度の高速化も実現します。

先日 GTmetrix で T..

続きを読む

Sponsored Link
Sponsored Link