刺身の上にタンポポ https://matome.zoku-sei.com/ 気づいたこと日々勉強したことのまとめ。ハイグレードなことは一切書いていきません。てか書けません。 ja 2010-10-02T10:34:26+09:00 https://matome.zoku-sei.com/%E5%8B%89%E5%BC%B7%E3%83%A1%E3%83%A2/%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB%E3%81%A8gzip モバイルとgZip 出来る限りユーザーのWEBに対する閲覧速度を速めたいわけだけど。 パフォーマンス向上の為にjsを下部に置いてみたり色々するわけですが、マークアップでのハイパフォーマンスは一通りやったので次はサーバーだと思いgZip圧縮の設定をサーバー管理者にやってもらおうとお願いしに言ったら駄目だった。 つ...
パフォーマンス向上の為にjsを下部に置いてみたり色々するわけですが、マークアップでのハイパフォーマンスは一通りやったので次はサーバーだと思いgZip圧縮の設定をサーバー管理者にやってもらおうとお願いしに言ったら駄目だった。


つづきはこちら]]> 勉強メモ 2010-10-02T10:34:30+09:00 うり NINJA BLOG うり https://matome.zoku-sei.com/%E3%81%8A%E5%BD%B9%E7%AB%8B%E3%81%A1%E3%83%84%E3%83%BC%E3%83%AB/syntaxhighlighter%E5%85%A5%E3%82%8C%E3%81%A6%E3%81%BF%E3%81%BE%E3%81%97%E3%81%9F SyntaxHighlighter入れてみました 下記のようにコードを表示することが可能です。 こんな感じで表示が可能です 他にもPHPやjsや、その他プログラミング言語も表示できます。 SyntaxHighlighter.config.clipboardSwf = 'js/syntaxhighl... 
こんな感じで表示が可能です


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

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

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

■GoogleCode
http://code.google.com/p/syntaxhighlighter/]]> お役立ちツール 2010-09-16T00:56:48+09:00 うり NINJA BLOG うり https://matome.zoku-sei.com/seo/googleanalytics%E3%81%8C%E9%9D%9E%E5%90%8C%E6%9C%9F%E3%81%AB googleanalyticsが非同期に 結構前の話ですがgoogleanalyticsが非同期通信対応になりましたつづきはこちら...
つづきはこちら]]> SEO 2010-09-14T17:01:42+09:00 うり NINJA BLOG うり https://matome.zoku-sei.com/%EF%BD%83%EF%BD%93%EF%BD%93/%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%EF%BC%88%E3%82%BF%E3%82%A4%E3%83%9D%E3%82%B0%E3%83%A9%E3%83%95%E3%82%A3%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6%EF%BC%89%E3%81%AE%E3%81%BE%E3%81%A8%E3%82%81 テキスト（タイポグラフィについて）のまとめ ネット検索してたらタイポグラフィについて、非常にわかりやすくまとめているサイト様がありました。 ■WEBタイポグラフィまとめ http://archiva.jp/web/html-css/web-typography.html んで一通り読んで自分の確認用に簡易的にまとめました。 ...
■WEBタイポグラフィまとめ
http://archiva.jp/web/html-css/web-typography.html


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



つづきはこちら]]> ＣＳＳ 2009-10-01T00:39:21+09:00 うり NINJA BLOG うり https://matome.zoku-sei.com/seo/%E3%81%AF%E3%81%98%E3%82%81%E3%81%A6%E3%81%AEseo はじめてのSEO SEOってなんですか。 UFOの親戚かよ。って思ってるオイラが気になった記事。 コーダーでもできる基本SEOつづきはこちら... UFOの親戚かよ。って思ってるオイラが気になった記事。
コーダーでもできる基本SEO

つづきはこちら]]> SEO 2009-09-21T01:56:34+09:00 うり NINJA BLOG うり https://matome.zoku-sei.com/%EF%BD%83%EF%BD%93%EF%BD%93/%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%81%AE%E5%88%9D%E6%9C%9F%E5%8C%96%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6%EF%BC%88%E8%BF%BD%E8%A8%98%EF%BC%89 ブラウザの初期化について（追記） ブラウザの初期化について追記。 ユニバーサルセレクタ（全体に対するセレクタ）を使用してCSSを初期化するって 昔のエントリで書いた話についてです。 つづきはこちら... ユニバーサルセレクタ（全体に対するセレクタ）を使用してCSSを初期化するって
昔のエントリで書いた話についてです。


つづきはこちら]]> ＣＳＳ 2009-09-21T01:16:38+09:00 うり NINJA BLOG うり https://matome.zoku-sei.com/%E3%81%8A%E5%BD%B9%E7%AB%8B%E3%81%A1%E3%83%84%E3%83%BC%E3%83%AB/dreamweaver%E3%81%AE%E4%BB%A3%E3%82%8F%E3%82%8A%E3%81%AB%E3%81%AA%E3%82%8B%E3%82%BD%E3%83%95%E3%83%88 DREAMWEAVERの代わりになるソフト 最近javascriptの勉強を始めたので、javascriptエディタはないかと探していました。 javascriptエディタとしても階層管理もできるツールとしても便利な某夢ツールみたいな フリーソフトがありました。 プログラマの人にとっては結構当たり前みたいですね。 こういう総合開発... javascriptエディタとしても階層管理もできるツールとしても便利な某夢ツールみたいな
フリーソフトがありました。

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

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


つづきはこちら]]> お役立ちツール 2009-09-19T20:58:54+09:00 うり NINJA BLOG うり https://matome.zoku-sei.com/%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6/%EF%BD%88%EF%BD%94%EF%BD%8D%EF%BD%8C%E5%86%85%E3%81%AE%E3%82%B3%E3%83%A1%E3%83%B3%E3%83%88%E3%82%A2%E3%82%A6%E3%83%88%E3%81%A7%EF%BD%83%EF%BD%93%EF%BD%93%E3%81%8C%E8%AA%AD%E3%81%BF%E8%BE%BC%E3%82%81%E3%81%AA%E3%81%84%EF%BC%88%EF%BD%86%EF%BD%89%EF%BD%92%EF%BD%85%EF%BD%86%EF%BD%8F%EF%BD%98%EF%BC%89 ＨＴＭＬ内のコメントアウトでＣＳＳが読み込めない（ＦＩＲＥＦＯＸ） ＡＳＰを使用しているからなのかなぁ。 ＡＳＰというものを詳しく知らないのですみません 下記のようにコメントアウトを書いたらCSSがガッタガタになりました。 なぜ？？！ ＦＩＲＥＦＯＸのhtml内に ＜！--------------------------コメントアウト---... ＡＳＰを使用しているからなのかなぁ。
ＡＳＰというものを詳しく知らないのですみません


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

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



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

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

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

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

]]> ブラウザ 2009-09-19T20:02:15+09:00 うり NINJA BLOG うり https://matome.zoku-sei.com/%E3%81%9D%E3%81%AE%E4%BB%96/%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%81%AB%E9%96%A2%E3%81%97%E3%81%A6%EF%BC%88%E6%96%87%E7%AB%A0%EF%BC%89 レイアウトに関して（文章） 文章を真ん中にしたければ ■テキストに対してブロック要素の場合 div#contents{ magin-left:auto; magin-right:auto; } と書くと文章を囲むブロックdiv要素が中心に行く。しかしbodyに対し... ■テキストに対してブロック要素の場合
div#contents{ magin-left:auto; magin-right:auto; }

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

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

]]> その他 2009-08-16T18:53:38+09:00 うり NINJA BLOG うり https://matome.zoku-sei.com/%E3%81%9D%E3%81%AE%E4%BB%96/%E3%82%AF%E3%83%AD%E3%82%B9%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6 クロスブラウザについて さらっと自分なりにクロスブラウザについてまとめてみた。つづきはこちら... つづきはこちら]]> その他 2009-08-16T18:32:18+09:00 うり NINJA BLOG うり