Design タグのついた記事一覧
entries tagged with Design
iKnow! 改め smart.fm が、メンテナンス終了予定を大幅にオーバーしながらも、なんとか水曜日深夜（というか木曜日早朝）に公開されました。
今回のリリースでは、サーバ移転とドメイン変更、サービス名変更とデザインの一新、そしてイメージラーニングなどの新機能追加と、もうほとんど「全てが変わった」と言っていい状況で、結果として長期のメンテナンス期間と極度のパフォーマンス低下を引き起こしてしまい、ユーザの皆様には大変ご迷惑をおかけしました。
パフォーマンスにも、その他の新機能や新デザインにも、いろいろ問題は残っていますが、徐々に改善されて来ています。勉強したいのにサイトが重くてできないなどの不満を抱えているユーザさんが多いのも把握しているので、特にパフォーマンスについてはサーバ＆DB担当のエンジニア陣が急ピッチで作業を進めています。
今はまだプライバシーまわりの設定やマイニュースのフィルタリングなど足りない機能もありますが、それらもユーザの皆様のフィードバックを参考にしながら改善していくので、ぜひフィードバックをいただけると嬉しいです。
Read more
Comments
画像のポップアップ用では Thickbox や Lightbox が有名ですが、「写真を角丸に表示するLightBoxスクリプトの種類まとめ」で見つけた「Facebox」がなかなか素敵です。
下記の通り Faceboox 風に画像外枠に半透明の角丸が付きます。
window.onload のタイミングでも以下のコマンドで適用できるようになっているので、このブログでも問題なく採用できました。
$('a[rel*=facebox]').facebox();
Read more
Comments
ふと、以前読んだ「Flickr の JSON フィードで自作ブログパーツ | METAREAL」を思い出し、このブログのデザインを一新することにしました。
以前テンプレートの整理を行っていたので、メインの作業は30分ほどで終了。やはりこの辺りは、慣れもあってか Wordpress より MovableType の方が速くできますね。
新デザインのポイント
- 幅を 800px から 1000px に
-
以前はユーザビリティを考えて幅 800px を基準にしていたのですが、今回は思い切って 1000px にしました。小さいノートパソコンをお使いの方は若干見にくいかも知れませんが、やはり画面が広いとデザインの幅も広がってやりやすいです。
ユーザビリティも考慮して可変幅も検討中ですが、可変幅レイアウトをうまく扱える程 Web Design には精通してないので、ちょっと時間かかりそうです。
- ヘッダー画像を Flickr の画像に置き換え
-
これは METAREAL の記事を参考にしていますが、Feed ではなく Photo Search API (要 API KEY) を利用しています。API を利用すると per_page をパラメータとして使えるので、Feed (常に 20 item) よりも使いやすいです。
取得している画像は、"kyoto" タグの付いている Public 画像です。hover で画像サイズが変更されるのは、RAILS PRESS や *nov is just tweeting と同様です。なお画像は以下のように window.onload のタイミングで読み込んでいます。
Read more
Comments
今年もクリスマスツリーの壁紙を作りました。といってもデザインは例年と同じですけどね。
毎年この時期になると「クリスマス＋壁紙」の検索アクセスが大量に押し寄せるので、そろそろ作るかぁという気にさせられます（嬉
良かったら壁紙にどうぞ。
1024x768 pixel
1280x800 pixel
Comments
久しぶりに一澤帆布とか調べてたら、これを発見。
即決。
これ欲しぃ！！
が、買おうと思ったら、通販のみでネット販売はしていないらしい。
しょうがないから通販で買おうと思ったら、納期は3-4ヶ月らしい。
おぃ。。。
Yahoo! オークションでも、楽天市場でも見つけられず。。。
正月に店舗まで行くか。
いや、正月は開いて無いか。。
だれか行って来てくれたりしないかなぁ。。。
Comments
Bang & Olufsen社のForm 2というヘッドフォンを購入。
AppleStoreの写真がずっと気になっていて、iPhone購入にあわせてポチッと衝動買い。
BoseのTriPortが壊れて以来、ずっとAppleのイヤホンを使っていたのだが、やっぱりヘッドフォンの方が良いね。
以下、Form 2を使ってみた感想。
Read more
Comments
一つ前の「桜満開、春満喫。」というエントリーに、やけに京都の桜をお進めするAdSenseが表示されるので、なんだか僕も京都の春を見たくなってしまった。
で、思い立っておけいはんの壁紙をゲット！
おけいはんのポスターはいつもカメラマンの技量に感心させられるが、壁紙の写真もきれいです。
おけいはん.ねっと｜おけいファン｜壁紙ダウンロード
でも、桜が舞っている壁紙はおけいはんがでかすぎて恥ずかしいので、右下の「八坂の塔」にした。
あれ？桜ないやん...orz
Comments
半年程、ずっとこのブログのFireFoxやIEでの表示のされ方が不満で、スタイルをいつか整理しようと思い続けていたのですが、ようやくその重い腰をあげてCSSの整理とHTMLの中に紛れ込んだstyleタグのCSS化を行いました。
整理後Mac版のSafari／FireFox／Operaでの動作確認を行ったところ特に問題なかったので、これで一段落にしようと思います。（まだWinのIE／FireFoxでの動作確認はできていないのですが、多分font-sizeとfont-familyさえ修正すればいけるはず）
やっぱFireBugはすばらしいです♪
それしかFireFoxの利用法が無いけど。
Read more
Comments
ちょっとIEでブログ見てみたら、結構いろんなところがスタイル崩れてました。
一部本文が全く非表示になってるところまで（汗
そいつらの修正ついでに、サイドバー読み込みのJavaScriptの実行場所を移して、ページ読み込み（体感）を速くしてみました。
IE以外では読み込み速度もレイアウト崩れも起こらないので、Macユーザの僕には全くの盲点でした。
もしかしたら１年以上放置してたかも（汗
もしまだスタイル崩れてたり、サイドバーが表示されてなかったりしたら、コメントいただけると嬉しっす。
Comments
みんなが長年待ち望んでいた薄型軽量Mac。
「MacBook Air」ですか。なるほど。
今度Apple Storeに見に行ってみよう。
MacBook Airは、若干値段が高くて、外部端子が極端に少ないのがネックだけど、MacBook Pro買うよりはMacBook Airだと思う。
ただ、昔のチタニウムのPowerBook G4とMacBook Airなら、PowerBook選ぶな。
Read more
Comments
ドリコムとジェイケンの共同運営サービス「みんなのきせかえ ユーコレ」がスタートしました。
ユーコレはDocomoのきせかえツール対応端末で、オリジナルメニューやオリジナルアイコンを作れちゃう携帯向けサービスです。
みんなのきせかえ ユーコレ
以下の対応機種を持ってる人は、是非一度試してみてね☆
(※)対応機種：
F : 703i 704i 903i 903iX 904i
SH : 703i 704i 903i 903iTV 904i
D : 704i 903i 903iTV 904i
N : 903i 904i
Comments
Mac OS 10.4.10 → 10.4.11へのアップデートで、Safariのバージョンが2.x.x系から3.x.x系にあがりました。
それに伴って、input属性へのCSSの適用の仕方が若干変わったようで、僕のブログのボタンだけスタイルがaquaじゃなくなって焦りました。
▼背景色を設定されたボタン▼
▼何も指定されていないボタン▼
※Safariのバージョンが2.x.x系の人は、同じaquaのボタンに見えます。でも実はSafari3.x.xでは違うボタンになっちゃうんです。
なので、見た目を元に戻すには、input属性全体にCSSを適用するんじゃなくて、特定のtype（type=textとか）だけにCSSを適用する様にしてやらないといけません。
Read more
Comments
最近、このブログの
▼この記事▼
クリスマスツリーの壁紙 メリークリスマス2007 (Wallpaper Merry Christmas 2007) | 京の路
と
▼この記事▼
Merry Christmas 2006（クリスマスツリー壁紙＆携帯待受あり） | 京の路
に、「クリスマス＋壁紙」とかのキーワードですごいアクセスが増えてます。
なんだか、世間はクリスマスムードがすごい高まってきてるんでしょうか？
ちなみに僕のMac Bookは、いまクリスマスムード一色ですw
Comments
クリスマスまでは後1ヶ月以上ありますが、最近ちょこちょこ「クリスマス 壁紙」とかのキーワードで検索されることが増えてきたので、きっと世の中ではそろそろクリスマス準備にかかる人がいるのですね。
ということで、クリスマスツリーの壁紙、去年に引き続き今年も作りました。2007年バージョンです。（去年のはこっち ⇒ Merry Christmas 2006（クリスマスツリー壁紙＆携帯待受あり） | 京の路）
とりあえず今年は壁紙を。自分でもMacBookとMac mini両方使ってたりするので、1024x768pixelと1280x800pixelの2バージョンを用意。
Read more
Comments
いまドリコムジョブボードで、新しい機能（というか、レイアウト？）を作ろうとしてます。
「ジョブボードがサイトに埋め込めます」とか言っても、「ブログパーツとどう違うの？」とか思われると思うので、α版のサンプルページを公開します。
↓こんなの↓
いまこのブログのサイトメニューに密かにこのページへのリンクも追加中。
（ページ上の黒いバーの所にある「ブログトップ」「筆者プロフィール」「サイトマップ」とかがあるところ）
[N] 「ドリコムジョブボード」開始さんも昔こんなの欲しいって言ってたし、ブロガーさんと話してるとジョブボード側から自分のブログへの導線がいまいちという声も聞くし、ニーズはある、はず。
Comments
数ヶ月前にSoftbankに乗り換えるまで、学生時代はずっとAUユーザで、Infobarがデザイン的にはかなり好きだったのですが、なんとあのInfobarの後継機種がInfobar2として今度発売になるようです。
AUのサイトではInfobar2のブログパーツが配布されてたので、
▼早速貼付けてみました▼
Read more
Comments
maclalalaweblog: これってアップルじゃないの？
これはインテルのプロトタイプマシンだけど、すげーカッコイィ！！チタニウムのPowerBookとPowerMac G4 Cubeを見たときと同じような感動♪
こんなに薄くなるなら、HDDがフラッシュメモリに取って代わられたって全然気にならないではないか。
Comments
複数サイトのそれぞれのページでいちいちfavicon指定してたらラチがあかないので、Favicon Japan!! -ファビコンの設置方法-を参考に.htaccessでfaviconを指定。
AddType image/xicon .ico
<Files favicon.ico>
ErrorDocument 404 http://matake.jp/images/favicon.ico
</Files>
ていうか、いつのまにかmatake.jp以下にこんなにサイトがあったよ。
Read more
Comments
2007年度版のクリスマスツリーの壁紙
を作成しました。
ダウンロードは以下のエントリーからどうぞ。
▼▼▼ DOWNLOAD ▼▼▼
クリスマスツリーの壁紙 メリークリスマス2007 (Wallpaper Merry Christmas 2007) | 京の路
もうクリスマスまであとわずか。研究室でもクリスマスツリーが飾られて、クリスマスモード全開です。
ということで、僕もクリスマスツリーのイラストを作ってみました。
PC壁紙や携帯待受サイズの画像も用意しましたので、ご自由にお使いください。
Read more
Comments
