Tag: stystk

Archives + Tags

デザイン変えたときにほったらかしになってた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をごっちゃに考える必要は全くないんだけど、モノは試しってことで。

まだまだ気に入らない部分が山ほどあるので、ちょいちょい修正・追加ちゅう。

Changed

home見た目変えました。

当然、毎度の通り作ってる途中です。
やっぱりバックは白がいいわ。モノクロームがいい。落ちつくというよりは安心するね。

とりあえず、現状ArchivesとかTagsとかがないので早めになんとかしたいなと。

たぶんまたCHANGE

変えてばっかりだけど、また変えよっかな。

だって飽きちゃったんだもん。二週間もあったら飽きるには十分すぎる。

はじめてのcanvas

えーものすごく小さいことなんだけど、日付のところに時計のアイコンが出るようにしました。凝視してみるとわかると思うんだけど、時計なんですよこれ。

で、これ、gifでもjpgでもpngでもtiffでもsvgでもswfでもましてbmpでもなくて、canvasなんです!!詳しくはこことかこことかで見て!

ずっとこのcanvasを使ってみたかったんだけどあんまり見聞きしないし、正直面倒だったので後回し後回しになってたんだけど、やっと踏み込みました。いつもどおり「うはーわからーん、わからんわー!」と言いながらの作業でした。
とりあえずーな感じの仕上がりなので、もうちょっとなんとかしたいところ。

Continue reading

Aboutつくった

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

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

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

Design Rebooooot!

デザイン変えました。

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

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

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

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

変化し続ける

うん。やっぱりもう一度変えよう。変えたばっかりなんだけど。変えよう。

AutoPagerizeに対応しました(一部)

タイトルの通りです。でも一部です。個別ページではAutoPagerizeしません。

標準的なBlog(このサイトもね)だとアーカイブのページは「次」が古いページで、「前」が新しいページになってるよね。だけど、個別エントリーのページの「次」は新しいページで「前」古いページよね。うん。
んで、ローカルの環境でこのサイトをAutoPagerizeに対応させて、どんなもんだろーとチェックしてみたらキモいキモい。なぜかっていうと、アーカイブのページはAutoPagerizeすると、古いものがだーっと出てくる(期待通り)のに、個別ページだと新しいのがだーっと出てくる(期待と違う)。AutoPagerizeはスクロールすると「次」を出す(rel=nextが付いたlinkを読み込む)からちぐはぐな動きになっちゃう。
かと言って、「前」のページへのリンクに rel=next って付けるのもなんか違うよねーと思ったので、とりあえず個別ページはAutoPagerizeに対応しないことにしました。

なんか対応しないことにしましたなんて書いたけど、結構これが頭の中にずっと残りそうな気がしてやや憂鬱な気分。「次」とか「前」とかの意味がページによって違うってことがね…。ま…う…。

そういや、はてブは「<」が新しいページで、「>」が古いページなんだよね。こっちの方がいいのかな。あ…え…。う…。

さっそくもやもやしまくってる。このまま散歩に出たら3か月くらい帰ってこないくらいもやもやしてる。

あ!AutoPagerizeって何?ってなった人へ。
Webでいろいろ見てる時に「次へ」ってリンク押すよね。年間に何万回か押すよね。でも、AutoPagerize入れるとそれ押さなくて済むよ!多分、マウスの寿命がグンと伸びるはず!
詳しくはググってください。

Firefox+Greasemonkey+AutoPagerize、サイコー。

Design Reboot

ここのデザインを変更しました。

いつものように作ってる途中の段階なんだけど、いつもよりもかなり手前のほうです。誰かに見られてんだから作るスピード上がるだろという考えです。

見た目はまた背景白に戻しました。やっぱりこういう感じのほうが落ちつく。
あと、position:fixed;使いました。幅もfixed。つい先日まで、window sizeとfont-sizeが連動するようにしてたけど、結局気持ち悪くてやめちゃった。

さっそくぼくの意図してる動きじゃないところがあるので、早速ちょこちょこといじっていこうかなー。

あと関係ないけど、wp2.7にしたら投稿画面のフォントが明朝になっててキモい。

Again & Again

見た目かえました。夏=青空という大人げない短絡的な思考のもと、こういった感じになりました。

なんかちょっと面倒くさいとことかは後回しにしちゃってるので、そのうち追加していきます。と言いながら、恐らく追加することはないだろうということが、手に取るようにわかります。

問題を先送りにして、気持ちを風化させようとしてるんだ、ぼくは。


えー何この感じ。

Me

Yasutaka Sato

more

Tags
add-on again album amazon analytics animal apologize app apple appreciation bag baseball battle beauty birthday blog blood blue bluetooth body book bookmark bought brave broken browser burn camera canon canvas car care catalyst change chocolate chrome chromium circle cleaning code coffee coffeeshop coke command communication complete conference cook coupon creation css cui cute dark db design desire desktop diary disqualification dizzy drama dream drive drunk eeepc empty erotic error essay fake false fav festival firewall fireworks flirt font food forgot fortune frame france friends from iPhone fx game geek geolocation girl google graph hack hatena headache holiday hot house hungry ice impressions interesting ipad iphone ipod itunes jailbreak jetpack jquery js json kicks kiss kobe kyoto leopard lie life lifestyle light lighttpd linux livedoor logic lost love lunch lyric mac macbook mail map maps marriage mcdonald's me memo mental message microsoft miss misunderstanding mobile moblin morning mouse movie music mysql mystery name neet netbook newbalance news newyear night notebook occupation omelet os pack pain parting past pc peace peperoncino perl phobia photo photoshare php picture plan pleasure plugin poem pop producer profile pwned rabbit radio rain rap recipe redo regret relation release remember reminiscence repeat reverse rice rip rnb rrd sakura scan scare search server sex shinjuku sick simple sky slept slim smell snack snowboard softbank sorrow sound souvenir spaghetti speed sports ssd star start station store streaming stupid stystk suicide summer sunrise switch tears temperature temple terminal test thanks thought time tips tokyo trable trance travel true tumblr twitter uneasy urban used uupaa vacation various vertigo video walk wandering web weight wifi word work wp year-end you youtube