はい。見た目変えた。
ちゃんと出来上がってからにしよかなーと思ってたんだけど、出来上がるか死ぬかでいうと死ぬほうが確率高そうなんでね、とりあえずねとりあえず出した。
まぁ相変わらずのレイアウト。ほんと全然変わってないね。CSS3 Media Queriesでのレイアウト変化する感じもほとんど同じ。そのくせ、HTML/CSSはほとんど書き換えた。CSSは無駄に肥大した。
はじめはGridレイアウトにしようとして自作Grid CSSとか書いてたんだけど、途中でなんかハッとなって今まで通りのレイアウトに戻った。以前とはサイズやらは違うけども。Gridレイアウトはいつもトライしてみるんだけど、結局なんかダメなとことか出てきちゃってあは〜んってなっちゃう。

Postに引っ付いたなんたらほんたらボタン系は全部「Share」に突っ込んだ。あんまりボタン類は押されてる感じがなかったのと、見た目がゴミゴミするのと、読み込み等に無駄にリソース持ってかれちゃうのがアレだったのでこうなった。まぁこの部分もまだ中途半端なのでもうちょっと作り込みたい。
あぁ、「Share」を押すと下になんたらほんたらボタンがダァァと出ます。はてなスターもボタンじゃないけどこっちです。

あとはなんだろ…。なんだろ…。あれっ…ぼく…何やってたんだろう…。
あ、左下にぼくのプロフィール画像が出てくるのが気持ち悪かったので、ここは早急にどうにかしようと思う。Devってる時はうさぎの画像にしてたから、こういうインシデントを想定できていなかった。ぼくはうさぎでも碧いうさぎでもなかった。

もう飽きてきてるのでいろいろとこのままにしておくかもしれない(正直なぼく)。

Read More

みんなどんな感じでTumblrのCustom themeつくってるんだろう。ブラウザでちまちま書いてSave押してってやってんのかな(HTML/CSSはUpdate previewでOK)。ぼくはブラウザで書くのは断念して、エディタで書いたやつをちょいちょいコピペしてやってんだけど、面倒臭さはあんま変わんない。

このやり方だとちょいちょいTumblrが不安定なときとかあるから、そういう時もうほんとどうしようもなくなっちゃうんだよね。ローカルで動かすTumblr simulatorとかないんかなー。あと、API経由でCustom themeの更新もできたらいいのになぁ。

あ、iPhoneからアクセスしたときの見た目変えた。iPhoneからアクセスがあったら/disable_mobile_interfaceにリダイレクトするだけのiphone-themeを書いただけ(iphone-themeがないとiPhoneからアクセスすると標準のMobile Interfaceで表示されちゃう)。んでこれでiPhoneから見てもStandard view modeになる。
なんでこんなことやってんのかいうと、iphone-themeだと自分で作ったCustomタグが使えないのよね(というかPageのCustom layoutだとダメなのかな)。まぁ更新するとき楽だし、そもそもCSS3 media queries使ってPC/iPhoneどっちから見てもいいように作ってたからいいんだけど。

デザイン変えたときにほったらかしになってた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を使ってみたかったんだけどあんまり見聞きしないし、正直面倒だったので後回し後回しになってたんだけど、やっと踏み込みました。いつもどおり「うはーわからーん、わからんわー！」と言いながらの作業でした。
とりあえずーな感じの仕上がりなので、もうちょっとなんとかしたいところ。

Read More

長らく後回しになってたAboutのページを作った。→ About

問い合わせ先がわからないとのコメントを頂いたので…。見られてないようで見られてるんだなぁ。まぁアクセスあるってことは見られてるってことなんだけど、ほとんとコメントとか貰わないから実感ないんだよね。ずっと。

Aboutにケータイ番号も載せようかと思ったんだけど、躊躇いがあったのでやめた。

デザイン変えました。

背景は白の方が落ちつくなぁなんて言ってたのにね…。色付きです。
前回も使ってたposition:fixed;を今回はページ送り部分にも使いました(画面の下部分にあるやつね)。で、ついでに今回はじめてcss3のborder-radiusとbox-shadowも使いました。対応してるブラウザ(Safari3, Firefox3.1beta)で見てみるといいよ！

実はこのデザインに至る前にしこしこ作ってたのがあったんだけど、年明けと共に飽きられてしまった（ぼくに）。この新しいのはぼくにしては珍しく、一週間くらいで作ったんじゃないかな。ま、シンプルだし、jsまだ書いてないしね。

前のデザインは一月持たなかったなぁ。

そして当然、まだ未完成。