刺身の上にタンポポ

モバイルとgZip

出来る限りユーザーのWEBに対する閲覧速度を速めたいわけだけど。

パフォーマンス向上の為にjsを下部に置いてみたり色々するわけですが、マークアップでのハイパフォーマンスは一通りやったので次はサーバーだと思いgZip圧縮の設定をサーバー管理者にやってもらおうとお願いしに言ったら駄目だった。

つづきはこちら

SyntaxHighlighter入れてみました

下記のようにコードを表示することが可能です。

こんな感じで表示が可能です

他にもPHPやjsや、その他プログラミング言語も表示できます。

便利なんでソース表示させたい方は使用してみてはいかがでしょうか。
wordpressにもプラグインとしてあるようですし派生品も結構あります。

グーグルコードにも置いてあります。

■GoogleCode
http://code.google.com/p/syntaxhighlighter/

googleanalyticsが非同期に

結構前の話ですがgoogleanalyticsが非同期通信対応になりました

つづきはこちら

テキスト（タイポグラフィについて）のまとめ

ネット検索してたらタイポグラフィについて、非常にわかりやすくまとめているサイト様がありました。

■WEBタイポグラフィまとめ
http://archiva.jp/web/html-css/web-typography.html

んで一通り読んで自分の確認用に簡易的にまとめました。

つづきはこちら

はじめてのSEO

SEOってなんですか。
UFOの親戚かよ。って思ってるオイラが気になった記事。
コーダーでもできる基本SEO

つづきはこちら

ブラウザの初期化について（追記）

ブラウザの初期化について追記。
ユニバーサルセレクタ（全体に対するセレクタ）を使用してCSSを初期化するって
昔のエントリで書いた話についてです。

つづきはこちら

DREAMWEAVERの代わりになるソフト

最近javascriptの勉強を始めたので、javascriptエディタはないかと探していました。
javascriptエディタとしても階層管理もできるツールとしても便利な某夢ツールみたいな
フリーソフトがありました。

プログラマの人にとっては結構当たり前みたいですね。
こういう総合開発ソフトウェアは。

ということでＡＰＴＡＮＡのご紹介。

つづきはこちら

ＨＴＭＬ内のコメントアウトでＣＳＳが読み込めない（ＦＩＲＥＦＯＸ）

ＡＳＰを使用しているからなのかなぁ。
ＡＳＰというものを詳しく知らないのですみません

下記のようにコメントアウトを書いたらCSSがガッタガタになりました。
なぜ？？！ＦＩＲＥＦＯＸのhtml内に

＜！--------------------------コメントアウト---------------------->

！

■解決
ぐぐってみたらわかりました。記述が正しくありません。
よくハイフンを伸ばしているサイトを見かけますが
コメントアウト内で連続する『-』ハイフンを使用するとご認識を起こすようです。
IEのほうが間違っていたのね。あばうとなｗ
その為、下記のようにするのがよいみたい。

<!-- コメントアウト -->

きちっとハイフンは２つまでにする。

結論。
開始・終了タグ以外で連続するハイフンは禁止

レイアウトに関して（文章）

文章を真ん中にしたければ

■テキストに対してブロック要素の場合


div#contents{
       magin-left:auto;
       magin-right:auto;
}

と書くと文章を囲むブロックdiv要素が中心に行く。しかしbodyに対して指定する場合、IE6はtext-alignをcenter指定する必要がある。しかもtext-alignがすべてのブロック要素に引き継がれるおまけ付き。今回の場合はブロックだけでなくテキストまで中心になるってこと。

上記の場合はセンタリングしたブロック要素(テキストの書いてあるブロック) にたいしてtext-align:left;を設定してやればテキストは左そろえになる。インラインに対する指定はtext-align:;を使用すること。

クロスブラウザについて

さらっと自分なりにクロスブラウザについてまとめてみた。
つづきはこちら