D50&D7000で撮った写真,美味しいモノ,サバゲーなど。福岡Web制作してる人。Bloggerのデフォルトでのマークアップの影響を受けてか、ヘッダー、フッター、サイドバーに見出しタグを設定する人が多いようです。(昔から色々SEOのためにとマークアップされる方は多かったです)Webサイトはそのページで伝えたい内容を文書構造を整えて伝えることが最もSEOに繋がると信じている人間なので、ヘッダー、フッター、サイドバーには見出しを設定したくありません。構造を簡単に起こしてみました。Bloggerのデフォルトでのマークアップ■最近のトレンドだと言われているマークアップGoogleBloggerを参考にしたけれど、ナビゲーションタイトルにh2はやり過ぎだから、せめてh3以下の見出しでマークアップするべきという状態のようです。「サイドバーはナビゲーションであって、本文の内容ではないこと」が、ダントツ一番の理由です。本文以外をマークアップというのはWeb標準とは言えないのではないかと考えています。自分は、クラウドにしてもその他サービスにしてもGoogle一極化には危険性があると考えているので、おいそれとGoogle一社だけを信用してのマークアップはしたくない。(こんなことをいうとこのサイトがGoogle先生にSEOで蹴られてしまうかもしれませんが...。)トレンドを追うのは重要かもしれませんが、あくまでW3CのWeb標準化に合わせたマークアップを考えた方が何十年経っても変わらない根源的なものなので、問題は起こりえないと考えます。これまで10年近くWebに触れてきましたが、一過性のトレンドは廃れることが目に見えており、これからのコーダーは、長い目で見れて、かつ、Web標準化を使命感を持って取り組んでいくべきだと考えています。WebWebページで、複数の外部CSSをそのページに適用させるには、import.cssを用意し、その中で複数のCSSをimportさせて読み込むlinkタグで複数のcssを読み込む。@import参照(上記サイトを日本語化して紹介されています):coliss外部スタイルシートの指定は@importとlinkでどちらがいいかScrew-Axisさんの検証結果とSteveSouders.comの検証結果が異なっているのが興味深いです。IE7では並列で読み込まれないようです。IE8,IE9でも検証が必要になりそうですね。これまで自分はずっとimport.cssを用意して、その中に@importで必要なcssファイルを読み込んでいました。自分でも検証する機会を設けて、他の人の検証結果なども見守りたいと思います。Web久々のJavascriptの記事です。jQueryで、キャッシュを使って文字サイズを可変にできるjavascriptです。クライアントからの要望で「文字サイズ可変にしてー」というのがきますがちょっと面倒なんだよねぇ~。今回ご紹介するJavascriptはとても簡単です!jQueryはキャッシュ機能に対応した1.3.2以降を使用してください。ちなみに1.5.2でトライしてみたらイケました。(現在の最新版は1.6のようです)ちょっと理解すれば設置、カスタマイズはごく簡単。こちらでダウンロード。http://angstrey.com/index.php/projects/jquery-text-resizer-plugin/<head>タグ内に以下を記述します。※以下の例はcommon/js/フォルダに格納した場合で記述しています。]});});</script>targetは文字サイズのサイズ変更を適用するdivのid名を入れます。sizesは小・中・大という順番でボタンを設置した場合、htmlで記述したときの上からの順番で記述します。以下は、「中」と「大」のみの場合です。75%;を効かせているので、div#contentに対して、「中」が75%で平常時と同じ値を入れて、「大」の時に93%を効かせています。ulのクラス名の「fsChange」は変更可能です。class=”fsChange”>の「fsChange」を同じものに変更してください。このJSの便利なところは数値の設定が楽であること(※全てのHTML内に記述するのは面倒なので外部ファイル化した方がいいかもしれない)ある程度の数、数値を増やせること。CSSでfont-sizeを指定してるタグを把握したサイトであれば、すごく簡単なので是非使ってみてください。※font-sizeをメチャクチャ&ゴチャゴチャに指定しているサイトでも、サイズ指定の単位をpxにすれば割と楽かもしれません。予期しない改行が入ったり、リストマークの位置がズレまくったりと、ヒドイ状態になるかもしれないので、その辺りにこだわる方はきちんと文字サイズが大きい時も確認しておくことをおすすめします。Webスクロールに追従するナビゲーションを使うことになったので、jqueryを使って動くモノに限定して調べてみました。Techniques」http://css-tricks.com/scrollfollow-sidebar/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed:jqueryのバージョンは1.3.2で動作。WindowsのIE6、Firefox3.5.10、Chromeで動作確認済み。Firefoxではやや動作がカクカクです。設置方法jqueryをリンクして、その直後に以下のソースコードを挿入し、ナビゲーション部分をdiv#sidebarでマークアップしただけで動きました。西在宅マッサージのWebサイトを制作しました。http://www.nishi-massage.com/「アットホームな暖かい雰囲気で」とのオーダーをいただいたので、クレヨン調のテクスチャを用いてデザインしました。高齢な方が見られることも想定して、文字のサイズも大きめに設定。日々更新+追加をしていくのを前提に、あえてコンパクトな状態からスタートさせています。施術中の写真ページの追加とトップページFlashを制作予定です。