デザイン変えたときにほったらかしになってたArchivesとTagsを追加。
全部Javascriptだけでやったので、ブラウザがJavascriptに対応してなかったり切ってたりしてると、存在そのものが見えないです。というか、このサイトJavascript切ってるといろいろ見えないです>< トップページの縦にズルンッとスライドするやつとかね。WordPressにJSON吐かせて自由自在ー。
今までだと、Javascript切っててもある程度見られるように作ったりしてたし、それが当たり前なんだとおもうけど、最近はこうやってバッサリ切り落とした作りでいっちゃうね。まぁコンテンツじゃないから問題なし。
ということで、ArchivesとかTagsとか押してみるといいよ。
とりあえず押してみるのよ、それでダメだったら引いてみよう。最初から待ちのスタンスじゃやっぱダメだよね。うん。はい。
追記 090421:
jQueryのfancyboxプラグインも、Archives & Tagsで使ってるやつに変えた。なので、pngfixなjsも使わなくなった(でも、スクリーンショットとかで透過png使うとき用にcss書かなあかんな)。でもまぁこれでインターフェース周りで使う画像が全てなくなった。ちょうきもちいい。
それと、マウスオーバー時にズームしますよアイコンも追加。Closeアイコンも。このへんのアイコンはcanvasで。IEでの表示はuupaa-excanvas.jsに助けてもらってます。
あ、CloseアイコンはMacとそれ以外のOSで表示位置を変えてみました。MacのUIだとウィンドウを閉じるボタンは左側にあるので。まぁWebのUIとOSのUIをごっちゃに考える必要は全くないんだけど、モノは試しってことで。
まだまだ気に入らない部分が山ほどあるので、ちょいちょい修正・追加ちゅう。
見た目変えました。
当然、毎度の通り作ってる途中です。
やっぱりバックは白がいいわ。モノクロームがいい。落ちつくというよりは安心するね。
とりあえず、現状ArchivesとかTagsとかがないので早めになんとかしたいなと。
変えてばっかりだけど、また変えよっかな。
だって飽きちゃったんだもん。二週間もあったら飽きるには十分すぎる。
えーものすごく小さいことなんだけど、日付のところに時計のアイコンが出るようにしました。凝視してみるとわかると思うんだけど、時計なんですよこれ。
で、これ、gifでもjpgでもpngでもtiffでもsvgでもswfでもましてbmpでもなくて、canvasなんです!!詳しくはこことかこことかで見て!
ずっとこのcanvasを使ってみたかったんだけどあんまり見聞きしないし、正直面倒だったので後回し後回しになってたんだけど、やっと踏み込みました。いつもどおり「うはーわからーん、わからんわー!」と言いながらの作業でした。
とりあえずーな感じの仕上がりなので、もうちょっとなんとかしたいところ。
Continue reading
長らく後回しになってたAboutのページを作った。→ About
問い合わせ先がわからないとのコメントを頂いたので…。見られてないようで見られてるんだなぁ。まぁアクセスあるってことは見られてるってことなんだけど、ほとんとコメントとか貰わないから実感ないんだよね。ずっと。
Aboutにケータイ番号も載せようかと思ったんだけど、躊躇いがあったのでやめた。
デザイン変えました。
背景は白の方が落ちつくなぁなんて言ってたのにね…。色付きです。
前回も使ってたposition:fixed;を今回はページ送り部分にも使いました(画面の下部分にあるやつね)。で、ついでに今回はじめてcss3のborder-radiusとbox-shadowも使いました。対応してるブラウザ(Safari3, Firefox3.1beta)で見てみるといいよ!
実はこのデザインに至る前にしこしこ作ってたのがあったんだけど、年明けと共に飽きられてしまった(ぼくに)。この新しいのはぼくにしては珍しく、一週間くらいで作ったんじゃないかな。ま、シンプルだし、jsまだ書いてないしね。
前のデザインは一月持たなかったなぁ。
そして当然、まだ未完成。
うん。やっぱりもう一度変えよう。変えたばっかりなんだけど。変えよう。
タイトルの通りです。でも一部です。個別ページではAutoPagerizeしません。
標準的なBlog(このサイトもね)だとアーカイブのページは「次」が古いページで、「前」が新しいページになってるよね。だけど、個別エントリーのページの「次」は新しいページで「前」古いページよね。うん。
んで、ローカルの環境でこのサイトをAutoPagerizeに対応させて、どんなもんだろーとチェックしてみたらキモいキモい。なぜかっていうと、アーカイブのページはAutoPagerizeすると、古いものがだーっと出てくる(期待通り)のに、個別ページだと新しいのがだーっと出てくる(期待と違う)。AutoPagerizeはスクロールすると「次」を出す(rel=nextが付いたlinkを読み込む)からちぐはぐな動きになっちゃう。
かと言って、「前」のページへのリンクに rel=next って付けるのもなんか違うよねーと思ったので、とりあえず個別ページはAutoPagerizeに対応しないことにしました。
なんか対応しないことにしましたなんて書いたけど、結構これが頭の中にずっと残りそうな気がしてやや憂鬱な気分。「次」とか「前」とかの意味がページによって違うってことがね…。ま…う…。
そういや、はてブは「<」が新しいページで、「>」が古いページなんだよね。こっちの方がいいのかな。あ…え…。う…。
さっそくもやもやしまくってる。このまま散歩に出たら3か月くらい帰ってこないくらいもやもやしてる。
あ!AutoPagerizeって何?ってなった人へ。
Webでいろいろ見てる時に「次へ」ってリンク押すよね。年間に何万回か押すよね。でも、AutoPagerize入れるとそれ押さなくて済むよ!多分、マウスの寿命がグンと伸びるはず!
詳しくはググってください。
Firefox+Greasemonkey+AutoPagerize、サイコー。
ここのデザインを変更しました。
いつものように作ってる途中の段階なんだけど、いつもよりもかなり手前のほうです。誰かに見られてんだから作るスピード上がるだろという考えです。
見た目はまた背景白に戻しました。やっぱりこういう感じのほうが落ちつく。
あと、position:fixed;使いました。幅もfixed。つい先日まで、window sizeとfont-sizeが連動するようにしてたけど、結局気持ち悪くてやめちゃった。
さっそくぼくの意図してる動きじゃないところがあるので、早速ちょこちょこといじっていこうかなー。
あと関係ないけど、wp2.7にしたら投稿画面のフォントが明朝になっててキモい。
見た目かえました。夏=青空という大人げない短絡的な思考のもと、こういった感じになりました。
なんかちょっと面倒くさいとことかは後回しにしちゃってるので、そのうち追加していきます。と言いながら、恐らく追加することはないだろうということが、手に取るようにわかります。
問題を先送りにして、気持ちを風化させようとしてるんだ、ぼくは。
えー何この感じ。