さくらちろ

このブログの制作作業4

関連記事の下に、新しい記事・古い記事へのリンクを追加
カテゴリー毎のnext・backにしようかと思ったけれど、関連記事のリンクがあるから必要ないよね。

normalとshimpleをそれぞれ調整

chromeで各記事のページ(なんて名前かわからない)に行くと、表示できない記事があったりしたので原因を探ってみる。
どうもcssファイルの読み込み方と記事の内容がうまいこといかなかったようなので、
media=”screen,tvでimport.cssを読み込んでから@import “cssファイル.css”;でcssを読み込むのを止めた。
そうしたらchromeの読み込みがずいぶん速くなった気がした。

simpleがだんだんsimpleじゃなくなってきたんじゃないかってのが悩み。もっとほかに悩むことがあるけど。

テンプレを別々にしようかな、どう考えてもそっちのほうがキッチリできる。

sakurachiro.com

sakurachiro.comのロゴは透過pngで作ってあるというのに、背景がグラデーションになってるわけでもなく、なんだか勿体なかった。

そこで、ちょうど前回のエントリーで動く背景を作った事だし、自分のサイトでも使いましょうと思い立ちデジカメでとった動画を加工。

先日高円寺の阿波踊りがあったことだし阿波の動画をflv化してswfにMCとして読み込む
さくらちろって屋号なのに阿波の背景もどうかな?と思いうちのさくらとチロの動画もflv化してswfに読み込む。

せっかくだからもうちょっと動画を増やしてランダムで表示させたくなる。
最初javascriptでランダムにswfを読み込むようにしようかと考えていたけど、Flash側で制御した方が適してるし楽チンなんじゃないかって事でASを書く

loader.swf
[as3]
//読み込むswfのリスト
var swf_list:Array = [
"dummy.swf",
"dummy.swf",
"dummy.swf",
"dummy.swf",
"dummy.swf"
];

//外部swfロード処理
var loader_obj:Loader=new Loader();
var loadFile = Math.floor(Math.random() * swf_list.length);
trace(swf_list[loadFile]);
var swf_url:URLRequest = new URLRequest(swf_list[loadFile]);
loader_obj.load(swf_url);

stage.addChild(loader_obj);
[/as3]

デモ|さくらちろ
外部swfのリストを外部xmlにすれば更新が楽になるんだろうけど、そこまでしなくてもいいかなと。

今回の躓いた所
loader.swfから見た読み込むswfへのパスではなく
loader.swfを呼び出してるhtmlからswfへのパスじゃないと通らない

stage.addChild(loader_obj);してなくて、表示がされなかったり。

このブログの制作作業2

SyntaxHighlighter Evolvedの設定見直し
デフォルトcss探しや、使うfont-family選び

jquery+jquery.cookie.jsでcssを変更させてcookieに保存させるやつの挙動がおかしかった
(コンディショナルコメントでie8はcssを読み込むようにしていたのに、reset.css以外を読み込んでなかった、cssチェンジャーも機能してなかった、operaも同様だった、ie7以下はcssを読み込まないようにしてある)
原因を調べて修正
(@importではなく変更するcssは直接読み込むようにした、ついでにコンディショナルコメントを変更し
ie6用のcss(ie6.css)を追加作成、ie独自のfilterでgrayを設定、css変更のリンク非表示、代わりに各モダンブラウザのダウンロードページへのリンク追加。
ie7でtitle下の:before 擬似要素が効いてないようなのでie6-7用のcss(oldIE.css)に変更、ie7もさようなら。

見た目やリンク色微調整

operaでpagenaviの部分が段崩れを起こしていた、未修正。

トラックバックとかRSSとか、なんぞ?

blogといったらRSSでしょ?トラックバックでしょ?
でも、いまだにやりかたがわかりましぇん。

どこかよそ様のblogで参考になる記事など発見した際、それに絡めた記事を書くときトラックバックを使うという認識でいいのかしら。
よそ様のblogのトラックバックURLを自分のblogでどうするんだろう?
と、ここまで書いたらこの画面の下の方にトラックバック送信/トラックバック送信先:[ ]というブロックがあった。
今度やってみよう。

RSSはどうすんだろう、自分が使わないからメリットや必要性がわからない( ´・_・`)

このブログの制作作業

最初に作ったヤツは自分でも見づらいのと、cssチェンジャーでsimpleデザインを選択していても、ページ変移するたびに一瞬デフォルトのcssが呼ばれてるみたいなので、頑張ってデザイン&コーディングしたけどデフォルトから外した。
今は1カラムのがメイン、気に入ってる。

SyntaxHighlighterでソースがはみ出てた
normalデザインの時Firefoxではただはみ出すだけで特に気にならなかったけど
googleブラウザだと横スクロールが発生して、背景がおかしなことになってたので、
スクロールバーが出るように設定を変える。横幅が狭すぎるんだよね。
管理画面のSyntaxHighlighterの設定からチェックボックで変更できる。

pagenaviのデザインを変更、やや丸くした。

表示確認してるブラウザ

Firefoxとsafari(win)、たまにgoogle chrome、仕事じゃないからIE外した。

IE7以前にcssを適用させない方法ってどんなのがあるんだろう。