Home > web Archive
web Archive
さくらサーバの.htaccess
- 2011年3月 3日 17:41
- web
さくらインターネットサーバ を今更ながら使い始めたのだけど、フォルダ直アクセスでファイル一覧が見えてしまうのを避けようとhtaccessをいじっていたらInternal Server Errorが帰ってきちゃう。
上記に詳しくやり方が書いてあったので参考にしたメモ。
今までは .htaccess Editor を使って以下のコード
<Files ~ "^.(htaccess|htpasswd)$"> deny from all </Files> Options -Indexes order deny,allow
を.htaccessに張り付けて指定していたのだけど、さくらは先述の通りファイルオプションが指定できないらしく
DirectoryIndex 403.html <Files 403.html> deny from all </Files>
こっちを書かないと同じ動作にならない。
MediaTemple以外のサーバを最近使い始めたけど、htaccessを余り自由に書かせてくれない所がおおいなぁ。当たり前と言えば当たり前なのだけど。
- Comments (Close): 0
- TrackBack (Close): 0
MT5で日本語タグが統合されない
- 2011年2月 3日 16:03
- movabletype | web
TextpatternからMovableTypeに乗り換えてから本当に幸せになったのか首を傾げる毎日を過ごしている中、再び謎のトラブルに遭遇。仕事でタグ付けを日本語でする事になったのだけど「DESIGN」というタグのついた記事が3件あったとして、それを日本語の「デザイン」に書き換えてタグ一覧を所得したら、
---
DESIGN(3件)
---
という表示が
---
デザイン
デザイン
デザイン
----
という気違いじみた事に、検索ではちゃんと3件とも引っかかるのだけど見栄えが悪すぎる・・・。というかタグの意味がねーだろ!っておもって検索したら結構メジャーなバグ(仕様?)なのか解決策がポロポロでてきた。
Movable Type で「~」が「?」に文字化けする事象や日本語のタグが合算できない不具合を解消する
僕の場合は上のURLの記事に書いてあった「2.2 日本語の連結ができない不具合を解消する場合」っていう項目の手順で解消できた。
日本語版として出てるのにこんな事が起こるとは・・・。想定外の所で時間をとられた。
- Comments (Close): 0
- TrackBack (Close): 0
TextpatternからMovable Typeへ移行 まとめ
- 2010年11月12日 14:39
- movabletype | textpattern | web
Textpattern から Movable Type への移行がおわったのでメモ。
参考にしたのは以下のURLの手順とソースコード。
ちなみにTextpattern3だか4(何か古いやつ)からMovableType5への移行でした。
Textpattern to Movable Type Export Script
【具体的な手順】
- 上のリンク先のスクリプトか、ちょっと楽したい人は下の修正版スクリプトをダウンロードする
- 落としたエクスポートスクリプトの各種値を設定する(後述)
- FTPでブラウザから閲覧可能な場所にアップロード
- アップしたファイルをブラウザから開く。エクスポートが始まるので暫く放置する。記事数に寄ってはブラウザが固まるほどパワーと時間をつかうみたいです。
- レンダリングが終わったら右クリックでソースを表示させて ソースコードをコピー し、 改行コードがLF のtxtファイルとして保存する。(文字化けしてたらブラウザ側のテキストエンコードをphpで指定した物にしてください)
- 保存が終わったらサーバからphpファイルを消して出力完了。 危ないので必ずphpファイルは消しましょう!
- MT5のインポートで「MovableType5」形式で読み込んで終わり。
さっきのページからexport-movabletype.phpを落としてきたのだけど、
自分の環境ではそのまま使えなかったのでメモ
修正版は以下にアップしました。
---
export-movabletypeスクリプト日本語対応版
解凍して出てくるphpファイルの6行目〜11行目に、お使いのTextpatternフォルダ内にあるconfig.phpに記載される同名の値をコピペしてあげてください。
【オリジナル版からの変更点】
- スクリプトをUTF8に変更。
- UTF8にするために¥を全てバックスラッシュに置き換え
- 12行目、本家は投稿者名が全部"ryan"に成るようになってたので自分で変更できるように変更。
- table_prefixの項目を追加。config.phpにある人は同じ値を張り付けてください。無い人は空で。
- データベースのキャラセットを指定できるように変更。
- 通信する前に指定のキャラセットで通信するよう定義追加。
- 40行目の「CONVERT BREAKS」の値が「textile2」で固定になっています。Textpatternからエクスポートするなら困らないと思うけど。
- ぶっちゃげなんか色々いじったけど忘れました。
- コメントのインポートが上手く行ってるのかは面倒なので確認しませんでした!記事だけもってこれればいいよもう!
---
書き出しは上手く行ったけどその後のMT5への読み込みがうまくいかなくて、実際にMT5からエクスポートしたtxtファイルを参考にそのひな形と同じフォーマットに成るように23行目以降色々いじりました。絶対に「EXTENDED BODY」が空になるようになってたり、人に寄っては不都合がある箇所も有ると思うので頑張っていじってください!
結局MT5側でのインポートが上手く行かなかった原因は保存したtxtファイル改行コードでした・・・。
CR+LFとかじゃなくてLFだけに指定しましょう。
- Comments (Close): 0
- TrackBack (Close): 0
TextpatternからMovableTypeへ移行
- 2010年11月 8日 02:56
- textpattern | web
こないだTextpatternのアップグレードが何故か失敗して放置してたけど古いファイル上書きしたら直ぐ治った。Textpatternじゃご飯たべれないしこれを機会にMovableTypeへの移行を進めてみようかな。
とりあえず以下を参考に作業してみる感じ。
Textpattern to Movable Type Export Script
移行ついでに記事にしておこうかな。
とりあえず今週からがんばってみる。
でも今書いてておもったけどTextileは便利だなぁ。
MovableTypeでも探せば同じ様な事ができる拡張とかありそうだけど。
■追記2010/11/08:
データベースにつなぐ際に、textpatternフォルダの直下にあるconfig.phpの接続情報をコピペするだけだとダメで、config.phpの中に
=
$txpcfg['table_prefix'] = 'hogehoge';
=
というのが書いてあるので、その「hogehoge」をexport-movabletype.phpの14行目
=
$posts = mysql_query('SELECT * FROM hogehogetextpattern', $connection);
=
って感じに文字列「textpattern」の前に差し込んであげる。
とりあえずコレで接続は問題なくレンダリングも始まったけど、今度は文字化けの問題。<-イマココ
- Comments (Close): 0
- TrackBack (Close): 0
CRヤマト2のCGクオリティ
CR宇宙戦艦ヤマト2 特設サイト ?波動砲を撃つのはお前だ?
仕事中にみたらテンションあがった。
久々に書くのがこんなのですみません。
ワープしたくて張ってみたら初ワープ先がガチアフェリエイトでした。
- Comments (Close): 0
- TrackBack (Close): 0
TickrみたいなSnackr
Snackr: an RSS ticker for Windows/Mac/Linux built using Adobe AIR and Flex.
Snackr:ちょっといいRSSリーダー
以前に、 Tickr なるテロップ式の Flickr ブラウザをご紹介したけれども、今度はそれの RSS 版。
仕事しながらとりあえず流しておくにはいいかも。特にヤフーニュースとかニュース系サイト。RSS リーダーにあの手のニュース系をいれてしまうと、異常な更新ペースであっというまに未読数を増やしてくれる上にどうでも良い事も多かったりするのでそういうフィードに是非。
もちろん OPML からのインポートもOK!OTLじゃないよ。
しかも Adobe AIR で出来てるから OS もフレキシブル!Windows / Mac / Linux 何でも来い!ワァオ!すごいねジョニー!
ナウでヤングなテクノロジーにはエブリタイム敏感なセンサーをスタンディングしてニューなインフォメーションをリサーチしてる懸命な Jacolog 読者(妄想)の皆様のために Adobe AIR 解説!なんて事はせずに(でもハイレベルな Jacolog 読者(希望)そんなテクノロジーはナウじゃなくてもうトゥーオールドだよね)、公式の文章によると
bq. Adobe® AIR®ランタイムなら、デベロッパーは実績あるWebテクノロジーを使用してリッチインターネットアプリケーションを構築し、あらゆるオペレーティングシステムのデスクトップにデプロイできます。
なんてルー大柴みたいな文章でかいてあるけど、平たく言えば Webサイトみたいなテクノロジーだから色んな OS でウェブページ見れる感じで、色んな OS で同じ様にアプリケーション動いちゃうよ!ってかんじ。
ワァオ!すごいねジョニー!
じゃー納期がせまってるからまたねー!
それとにゃぎーさん。
アレ、つけすぎると楽ですがアレが取れそうになります!
- Comments (Close): 0
- TrackBack (Close): 0
Delish
Delish a del.icio.us client application for Mac OS X
del.icio.us を OSX で使う上では Cocoalicious とか管理ソフトはいくつか(?)有ったけど、これはまたそれとは別路線の del.icio.us クライアント。
なんと登録してるサイトのサムネイルを全部自動で所得して来て一覧で見せてくれるというもの。iPhoto の一覧画面のように、結構おおきなサイズまでサムネイルを拡大できるので、デザインのネタに困った時のネタ帳にもよさげ。
また Delish も勿論タグで絞り込む事は可能で、たとえば自分はオンラインで買い物が出来るサイトは全部「shop」ていうタグをつけてるのだけど、「shop」タグで絞り込めば結果的にオンラインショップのデザイン傾向が一覧で見れちゃう事になるよ!しかも並び替えるとき地味にアニメーションしてくれる!
ブックマーク管理ソフトだけど、デザインインスピレーションソフトとしてもどうぞ。
ちなみに自分は del.icio.usに2016個ブックマークを登録してるのだけど、全部のサムネイルを所得するのはこまめに起動して数日かかった気がするよ。あと所得してる間は結構回線とマシンに負荷がかかるかもー?未検証。
- Comments (Close): 0
- TrackBack (Close): 0
OSX でのアンチエイリアスオフフォント
- 2008年3月13日 10:39
- design-art | web
Mac でデザインをやってると必ず直面する問題。Web デザインでは、このテキストは画像部分、このテキストはプレインテキスト部分なんて区別をつけるために(もちろんそうじゃない時もある)プレインテキスト部分は MS P ゴシックなんかのアンチエイリアスをきった物で表現する事が多い。
でも OSX では OS レベルでエイリアスがかかりまくりんぐで、Osaka フォントやヒラギノフォントもそのせいか、アンチエイリアスを切るとグジャーとなって綺麗に表示されない。
そこで多くの場合は以下のURLの最後に出てくる方法で回避してきた人がほとんどだと思う。
Mac OS XでPhotoshopを使った場合、テキストをアンチエイリアスなしで文字をきれいに表示させたい〜
bq. ■Photoshop 7.0(MacOS X 10.4.6)で確認しました。72dpiで、フォントはOsaka-UIを選択して、サイズは12pt/14ptで縦か横を101%にすれば、Osakaフォントがビットマップで見られました。なつかしいです。
ところがどっこい。これが OSX Leopard では、使えないちゃんなのだ。長い事コーディングやオーサリングや FLASH やサウンド制作がメインでデザインする事が気づいたらなかったもので、Leopard にしてからこんな事になっているとは気づいていなかったー。
でも、うちの環境では"101%"ではなくて"99%"にすることで解決できたよ(写真下)。よいこの皆たちには常識だったのかな?ただスクリーンショットをとって見比べたら何故かフォント幅が101%の方が横が詰まってるように見えてるんだ。
なにかバグってるのかなー。ひとまず Osaka でつくってみる。MS P ゴシックも似たような方法で回避できたっぽいんだけど、Leopard で90%から110%の間でいじってみたけど駄目だったー。MS P ゴシックつかえるのが一番安定なんだけどなー。
追記:
この方法で制作を進めていったら、99%じゃ駄目な所が出て来た。こんどは101%にしたら大丈夫になった。しかも同じテキストボックスのなかで99%と101%の場所が混在する事もある。何がおきとんじゃー。
- Comments (Close): 0
- TrackBack (Close): 0
CSSでのbackgroundを書くときの注意
これ、毎度わすれて以前つくった CSS からコピペするんだけど、
bq. background: 背景色 背景画像 繰り返し 左右位置 上下位置;
っていうアレ。これの何が覚えられないかって、最後が左右>上下の順番だったか、上下>左右の順番だったかで何時も忘れる。MdN のリファレンスをちらっと見たら、上記が正しい模様。
しかし何気に、キーワード指定(top middle bottom, left center right)でやる場合は、順番が逆でも認識してくれることが多い(IE6、IE7、Firefox、Safari ではのお話、他は最近無くて忘れた)。でも px なんかの数値で指定する場合は上記順番を守らないと Safari や Firefox では認識してくれないことが有る(認識してくれることも有るかもしれない)。
背景画像が出ない&数値指定をしている。なんて時に自分の場合、大概はコレが原因だったりするのでいい加減覚える様にメモ。みなさんもお気をつけて。
どーでもいいけど、このテンプレート、ul とか ol とか blockquote に対する視覚的効果が殆ど入っていなくてみづらい。 今度修正しよう。 もう修正しました。あと投稿すると以下みたいなエラーがでた。なんかこわい・・・。
bq. Notice: Undefined index: Keywords in /home/17721/domains/jacolog.net/html/textpattern/lib/txplib_misc.php(512) : eval()'d code on line 521
- Comments (Close): 0
- TrackBack (Close): 0
GmailがIMAPに対応!したけど・・・
Gmail が IMAP サポートを開始 @スラッシュドット ジャパン
複数マシンのメーラーで Gmail アカウントを POP 設定して使っていると、ちょっとした問題が起きます。たとえば先にサブマシンで受信されたメッセージが、後でメインマシンでは受信されない!なんて事が起こったりするわけだったんですが、そんな日々ももうおしまいな模様。
Gmail 側での IMAP を有効にする詳しい設定手順は
IMAP@Gmail:イザ! のページで順を追って掲載されてるので割愛しますというか、順をおっても出来なかった!なんでじゃー!と思って Help Center に突撃すると
Why don't I have IMAP in my account? @Google Help Center
ここにばっちり書いてありました。要するに「全てのユーザーがIMAPを使える様に Google の中の人はチョーがんばってます。だけど1週間くらいかかるんだわ。言語設定を English(US) にしても使えないって人は、設定画面の "Forwarding and POP" ってタブが "Forwarding and POP/IMAP" に変わるまで我慢しててね」という事だそうです。
ムキー!早まってサブマシンのメールアドレス設定を速攻でけしちゃっよ!なんて人がここにいるので、あと1週間くらいは様子を見た方がいいかもしれません。
- Comments (Close): 0
- TrackBack (Close): 0
Photoshop CS3 インストール時の競合エラー対処メモ
今後増えるであろう FLASH 案件の為に、FLASH MX から FLASH CS3 にアップグレードすべく、どうせなら全部買おうぜ的な乗りで Creative Suite 3 Web Premiumを買いました。
そこで Macbook の方は問題なくインストール出来たのだけど。Mac pro の方がエラーというか、"Adobe Photoshop CS3 は Adobe Photoshop CS3 と競合するためインストールできません"という、パッとみ意味不明なエラーに悩まされたのですが、検索したら一発で対処法がでました。そして納得。
「Creative Suite 3/Adobe Photoshop CS3 のインストールが Adobe Photoshop CS3 と競合しています」エラーメッセージが表示される
以前 Photoshop CS3 の英語版パブリックベータが出た時に、無謀にも仕事マシンにインスト−ルして遊んでいたのだけど、ベータ版をアンインストールしないでインストールすると「同じソフトが入ってますぜ、親分」とインストーラが勘違いして競合してしまうっぽい。
でもアプリケーションフォルダの中身には Photoshop CS3 らしき物は無く、取りあえずさっきのページにあったリンク先の Photoshop CS3 パブリックベータ版をアンインストールする方法 を試してみる物のアンインストールがちゃんと出来ていないらしくやっぱりインストール出来ず。どうも当時、Photoshop CS3 Beta フォルダを手動でゴミ箱にポイしたのが原因の模様。
仕方なく Photoshop CS3 パブリックベータを手動でアンインストールする方法(Macintosh) を見ながら一個一個けしていって解決しました。
もう2度とこのエラーにぶつかる事は無いと思うけど、このサイトでもパブリックベータを紹介した気がするから掲載しようと思い、過去記事を検索したらありませんでした!でもここまで書いたから載せちゃうYO!
- Comments (Close): 0
- TrackBack (Close): 0
IE7 の印刷挙動 〜そして伝説へ〜
久々に Web 関係者らしい事かいちゃうZO!というか只単に皆がどうしてるのか気になっただけなんだけど。最高に読みづらい文章で今回も書くわ!
皆が大好きでたまらない IE7 先生は、HTML の文書宣言で互換モードにしている場合、IE7 先生は IE6 大先生と同じ動きをする様になっちゃうじゃん!(いろんな IE7 だけをターゲットにした各種ハックも駄目になるよNE?)
その時ですよ。別に構築する時は特に IE6 と同じバグ、同じハックで仲良くやってくれるから文句はないんですよ。でもでもぉ!(デブがハンカチを噛みながら)
印刷するとき IE7 旗持ち担当は何をトチ狂ったのか、「先輩・・・マジ印刷ならまして下さいよぉ・・・・やってみせますよぉ・・・マジバッチリっすよぉ・・・ソッコーでデッパツしましょうよぉ・・・・」と言わんばかりに、Firefoxやらと似た様な感じでコンテンツの横幅を印刷用紙幅に得意げにあわせてくれます。
バット!、IE6 先生は皆さんしっての通り、何もしてあげないと640px以上(だったっけ)の横幅は、A4サイズの印刷用紙を見事にはみ出してくれちゃいます。「フフフ・・・しかたないなぁ・・・・僕が居ないと何もできないんだから・・・」と眼鏡を逆光に光らせながら真っ暗な部屋で、ハックを噛ませてかわいいかわいい IE6 ちゃんの印刷バグを修正してあげるわけです。ハックつーか zoom つかってるだけなんですけどね。
そうするとところがどっこい、改造手術をうけすぎ完璧なボディーと能力を手に入れた物の感情と倫理をうしなってしまった IE7 は、「まじバッチリっすよぉ・・・・ zoom 完璧っすよぉ」と、さっき Firefox ちゃんの真似事をして、印刷用紙にあわせてくれたコンテンツ幅を、さらに一緒に zoom して必要以上に小さくしてくれちゃうわけ。おまけに互換モードだから、IE6 だけにぶつけ様にもハックちゃんも駄目なわけ。
なんとなく IE 開発者が「マジ・・・これいれて置くからバグは目をつむって・・・でもあんま使わないで欲しいなぁ」な条件付きコメントで印刷用 CCS 自体を別にする方法をとってるわけだけど、皆はどうしてるのよ!とただでさえコメントの付きづらいこのブログで聞いてみるよ。
後方互換モードでも問題なく動作する IE7 ハックを、暫く他業種の仕事ばっかりしてて浦島太郎状態の管理人がしらないだけなのかもしれないけど。(あ、コンテンツの幅をピクセルで指定し直すとかマゾい答えは無しで!あと文書宣言変えるのも無し!)
結局以下の様な構造に落ち着いちゃうわけ。
# IE7 FF Safari 向け印刷 CSS をまず読み込む
# IE6 にだけ、htmlの条件付きコメントで専用印刷 CSS を上書き
という構造に結局おちついちゃってるんだけど、なんかスマートじゃない!すごく Web Designing とか載れなそう!
そもそも zoom 使うのが時代遅れなのか!?どうなんだ!!よし子!!!お父さんはかっこわるいのか!
- Comments (Close): 0
- TrackBack (Close): 0
Coda 1.0 Released!
Panic - Coda - One-Window Web Development for Mac OS X
こりゃースゴイ。もう管理人がTシャツまで買って愛してやまない panic 社から、ワンウインドウで全て完結の OSX 用 WEB 開発ソフトがリリースされました(ってもプレビューに Firefox やら Parallels 立ち上げるよねー結局)。かっこかわいいのと無茶苦茶便利そうで速攻で買いました!詳しい使用感とかレビューは近いうちに!取りあえず紹介だけしたくてウズウズしたので書いちゃいました!
と言いたい所なのだけど、近頃音楽系の会社で日々見習いアシスタントとして頑張っているので WEB の仕事あんましてなくて試せないけど!てか時間ないみたいなー!
ついでに言うと、Coda 早期購入で $20 オフ! Transmit3 もってるひとは、さらに $10 オフの $69 で買えるよ!間違えて通常版にチェックつけたまま買おうとして $150 くらいに成ってて焦ったよ。ちゃんとチェック外そうね。
さらについでに言うと Twitter が中々面白くてはまりんぐ。 WEB 業界著名人を見つけては add するストーカープレイをしてたら、英語の更新が多くなって意味プーの自殺行為でした。Hicks さん Bartelm さん Joshaink の中の人ごめんなさい。でも頑張って読みます。add 返してくれたのはJoshuainkの人だけだけど。Shauinman さん辺りも探せばきっと居るんだろうね。でももう疲れたよパトラッシュ。
- Comments (Close): 0
- TrackBack (Close): 0
Twitter : What are you doing?
- 2007年4月 7日 11:43
- web
Twitter: What are you doing?
本当に今何してるのかを載せられるだけの SNS ?のようなサイト。はたしてコレを友達同士ならまだしも、知らない人同士で共有してどうするのか甚だ疑問な所なのだけど、豆腐の間借りの中の人にお誘い頂いたのと、気になる関連フリーソフトが出ていたので興味本位で入ってみた。
間隔的には、MSN メッセンジャーや Skype で自分の名前の後ろに「じゃっこい@仕事中」みたいに付けるアレをサイトに載っける感じ。ブログパーツにして、ブログ上に表示する事も出来る。
IM ユーザーや IRC ユーザーは上記の様に名前の後ろに状況を書いて伝達する方式がメジャーだと思うので、その手の相手には必要なさそうだし、IM や IRC をする程じゃないブログや mixi のみの知り合いの人なんかにもそれが出せるというと凄い事の様な気がするけど、そんな微妙な距離感の人に自分が逐一何をしてるのかトレースされても・・・とかちょっと思ったりもする。
肝心の状態の更新の仕方は Twitter 本家の Web サイトからの更新以外に、Google Talk や Jabber なんかの IM から更新したり、Firefox の機能拡張や専用のフリーソフト、OSX の Dashboard Widget や Yahoo Widget、はたまた携帯電話からも更新出来るようで、いつでも何処からでも自分のプライバシーをオープンにできるよ!(というと聞こえが悪い)
でも携帯電話は登録に国際電話をかけなきゃ駄目な様で、ビビリな自分はそこで踏みとどまったので実は試してません。Google Talk は更新できました。Adium で試しました。
そんな中WindowsXPのアイコンデザインでおなじみと成った、IconFactory が Twitterrific っていう専用フリーソフトを出してたのでワザワザそれを使ってます。アイコンがかわいいから。それだけです・・・。
一応フレンド以外の人の更新を追う事が出来るので、試しに眺めていたら世界規模で誰が何してるのかリアルタイムに入って来てると思うとちょっとゾクゾクしてきました!(注:ただの危ない人です)
でもどんだけ遊んでるのかとか丸分かりで仕事の関係者とかには登録されると動きずらそう。jaccoy で登録しているので、やり始めた方はお気軽にどうぞ。ブログだけのつながりでも、「コレからはじゃっこいさんみたいな犬顔の人間とフレンドシップを高めていきたいんだよねー、今後のIT業界の為にも」という奇特な方はご一報お願いします。
- Comments (Close): 0
- TrackBack (Close): 0
TagSight
- 2006年12月 9日 11:31
- web
TagSight
clockworksの中の人がJacologにチョウクールなサイトの立ち上げをビビッとお知らせしてくれたので、ご紹介しておくよ!チェケラ!(というか掲載遅れまくってごめんなさい!11月下旬にはお知らせいただいてたのだけど!!!!)
delicious、はてぶ、Youtube、Flickr!をお好きなタグで絞ってウォッチン!ウォッチン!というサイト。ブラウザのホームに設定しているのだけど、中々便利。中の人も言っていたのだけど、自分も仕事阻害ツールとして猛威を振るっています。
はてぶのトップページをホームにしてるけど、最新投稿がGIGAZINEだらけで勘弁!この東京砂漠を駆け巡るIT戦士なミーには、朝のコーヒー飲みながらWeb2.0やらAjaxやらホットでダディクールなニュースだけリサーチしたいんだよ!なんて人に是非。
使い方は興味の有るタグを右上に入力して、すぐその下から対象のサイトを選ぶと、設定したタグで絞って表示してくれちゃう。
ほんでまた設定したタグで、ちまたでナウでヤングな物は何か知りたい人は、右下のpopularを。もう何でもいいから最新の投稿が知りたい時は、recentを設定するってな感じ。
ほんでもってサイトの色も実は変更出来ちゃう。フッタに有るお好きなカラーをぽちっとすれば色がサクッと変わります。登録も不要でこれまたサクッと使い始めれてグー。
個人的にFlickr!をタグで絞ってみれるのが楽しい。web版tickr的使い方もできちゃう。もっと使い込んで色々書きたいけど、納期という死の宣告が迫って来たので今日はこの辺で!変にテンション高くてごめんなさい!グッバーイ!(早見優の口調で)
- Comments (Close): 0
- TrackBack (Close): 0
Aptana first impression
先日取り上げたAptanaというオープンソースなエディターをメインに使い始めました。以下OSX版を数日Readmeも読まずにザッと使った感想。ベータ版なので皆さんも使う時は心して使いましょう。
良い点
* Windows・Mac・Linux版がある
* なんてったってフリーウェア!
* プロジェクト単位で管理出来る所はDreamWeaver(以下DW)ライクでグッド
* ファイルブラウザもDWライク
* HTML・CSSバリデータ内蔵。リアルタイムに添削しまくり。たまに書いてる途中から文句言われるのでウザイけど便利。
* CSSの補完機能はMacフリーウェアではこれが初めてな気がする(miの拡張であるかな?)
* 補完しながらタグや属性や値の対応ブラウザ状況まで確認できちゃう
* その他、imgのsrcパスを補完してくれたりアチコチで補完してくれて便利。ただ発動タイミングに戸惑う事有り。アレなんで出ないの!みたいな。
* 右上に有るCSSのセレクタ一覧表は便利!AtoZで並べられる。気になるあの子にひとっ飛び。
* HTMLいじってる時はセレクタ一覧はDOMインスペクタみたいになる。
* 使えてないのだけどSnippetをつくったり出来そう?
* HTMLだけじゃなくてAjaxやらXMLエディタとしてもどうぞ?(未使用)
* HTMLバリデータが見つけた問題の箇所をスクロールバーの横に印をだしてくれる。クリックで問題の箇所へ一気に飛べる。
悪い点
* まだまだベータなので当然不安定
* HTMLコードのカラーリングが、まれにバグる。閉じタグやダブルクォーテーション漏れかと思って少し焦る。
* Spotlightから検索して立ち上げるとSpotlightが固まる事が有る(うちだけ?)
* HTMLバリデータ機能がイマイチ貧弱。他のJcheckerとW3Cでチェックしたら大分チェック漏れが会った。でも無いよりまし。
* OSXだとJavaで出来てます!具合がむき出しでかっちょ悪い。あと若干もっさりしてる。
フリーでこれだけ出来れば便利デース!スゴイデース!まだ設定をあまりいじれてないので色んな事ができたり便利にできたりしそう。日本語Wikiが立ち上がらないか楽しみ。気になった人は下からどうぞ。
Aptana: The Web IDE
- Comments (Close): 0
- TrackBack (Close): 0
第一回 WEBの常識統一試験 @Web Designing
- 2006年8月24日 15:14
- web
Web Designing: 第一回 WEBの常識統一試験
ひどい。ビックリするくらいひどい。常識でもなんでもない。WDさん血迷いましたか。これを知ってれば優秀なクリエイターと本当に思ってるのかと小一時間t(略)
こんな物常識として広めるのよりも、CSSは理屈は簡単だけど、バグ取りが一番大変な事をさっさと常識として広めて欲しいです(お客さん含む)。
ちなみに50点しかとれませんでした^^
via: 第一回 Web の常識統一試験 @kangaroopaw
- Comments (Close): 0
- TrackBack (Close): 0
コードを見やすく(?)解析
- 2006年8月 2日 21:30
- design-art | web
Websites as graphs - an HTML DOM Visualizer Applet
WEBサイトのソースコードを視覚的に表現するDOMビューワ(という表現があってるのかしら)。尚かつ色付けて綺麗にみせてくれるよーという、前にも似た様なの有りましたね的なサービスだけどFlickr!でお祭りしてたから参加してみた。ぼくのはこれ。
青がaタグ、ピンクがimgタグとか色々あるんだけど忘れてしまった。結果のページ下部に説明が書いてあります。興味の有る人はどうぞ。
それと、これをアップロードするのに、前に紹介したSnipShotを使ったのだけど、便利すぎました。直接Flickr!に投稿出来るのはかなり便利かも。
それと、これの開発はProcessingでやってるらしい。
- Comments (Close): 0
- TrackBack (Close): 0
Welcome to YouOS.
- 2006年8月 2日 21:19
- web
Welcome to YouOS.
ちょっと今更感が有る物の、せっかくなので掲載。最近はやりのWEB上に架空デスクトップ作っちゃおうぜ計画。Safariで動かない(らしい)ので管理人ためさず。
- Comments (Close): 0
- TrackBack (Close): 0
オンラインで写真編集
- 2006年8月 1日 02:22
- design-art | web
Snipshot: Edit pictures online
オンラインでプチPhotoshopみたいな事ができちゃう画像エディタサイト。トップに書いてある機能を適当に訳すと以下
* 10MB 5000×5000ピクセルの画像までいじれる
* PDF(1ページ目だけ)、EPS、SVGが読み込める
* ブックマークレットで色んなサイトから簡単読み込み(CSSで読み込んでる画像は認識しない模様、imgタグ限定かしら)
* 拡大縮小、回転、トリミング、その他は今作ってんぜ
* undo、redoも無限にできちゃう(Ctrl+Z/Ctrl+Y、林檎+Z/林檎+Y)
* 非破壊編集だぜ(元のファイルはいじらない)
* 画質補正だってできちゃう(ベータだけどね)
もちろん保存も可能で、読み込みもURLからとローカルのファイルを指定して編集が出来ます。リンク先左の"Open a sample"って書いてある所の写真をクリックするとどんなもんか試せます。
Photoshop立ち上げる程でもないブログ用の画像作成なんかの時には重宝しそう。
- Comments (Close): 0
- TrackBack (Close): 0
Pimped Safari Icon : journal : hicksdesign
Pimped Safari Icon : journal @hicksdesign
Firefoxのアイコンデザインでおなじみのhicks先生がOSXのSafariのアイコンをつくって公開しています。アイコンは同氏が運営しているPimp My Safariで使われているデザインの物。置き換え方は3通り。一先ず一番上のパターンは使わないと思うので二番目の方法をご紹介。
# アプリケーションフォルダの中のSafariを右クリック
# 右クリックメニューから「パッケージの内容を表示」。
# するとアプリケーションパッケージの中に入れるので、Contents/Resourcesと進んで下さい。
# そしたら標準のアイコンであるcompass.icnsが有るはずなので探してリネームするなり別の場所にコピーするなりバックアップを取ります(2度と戻さない!という人はしなくて大丈夫です)。
# ダウンロードしたファイルに同梱されているcompass.icnsを、先ほどリネームしたファイル、もしくはコピーしたファイルが元会った場所にフォルダに放り込みましょう。
# あとはログインし直すなりFinderを再起動するなりでOKですかね。
って感じです。イマイチパンチ力に書けるアップル公式アイコンからFirefoxの如く、燃えるヘルメットアイコンに変わります。うちのDockアイコンの取り合わせの中では、かなり自己主張してます。
- Comments (Close): 0
- TrackBack (Close): 0
Firefoxで綺麗にキャプチャ
WEBサイトのデザインを参考にしたかったり、自分のポートフォリを作りたい時に、撮影したいページが縦に長いページで、仕方なくスクロールして撮影したのをPhotoshopなんかで繋げて1画面にみせたりと苦労してる人も多い事かと。しかし、このFirefox拡張機能は
設定を切り替えれば、「Firefox」のウィンドウサイズにかかわらず、Webページ全体を画像キャプチャーすることもできる。
らしいので、そんな悩みも無くなりそう。
ちなみにMacOSXユーザーで尚かつSafariを愛用してるアップル信者な方はPaparazzi!がお勧めです。
- Comments (Close): 0
- TrackBack (Close): 0
ニンテンドーDSブラウザー寸感
NintendoDS Browser @Youtube
届きましたよ。使ってみたよ。動画とってみたよ。白が飛んでよく見えないよ。動画の中では、yahoo検索(デフォルトの検索がこれ)からGoogleにとんで(あんまり意味の無い行動)そこからJacolog、delicious、Engadgetと飛んでます。最初に画面外にもっていってるのはパスワード入力してるだけです、しかも1回ミスってます。
ざっと使った感じ、使い心地は思ってたより良いかんじ。読み込み(なのかレンダリングなのか回線なのか)がやっぱり遅い(けど想定の範囲内)。Bloglines等のRSSリーダーサイトやテキストメインのブログなんか見るのには十分な感じです。しかし過度の期待は禁物なのは間違いないので、携帯端末(ノートPCを除く)でWEBをみてイライラしながらも見た事がある人にしか御進め出来ないかも。あの遅さが想定出来る人はいいかも、あとネット使った事ないひと、自分のマシンを持ってない人。
Engadgetなんかの大きな画像が多いサイトはかなりしんどいです。しんどいどころか重すぎてお手上げ。ただタッチペンによる文字入力やスクロールは物凄い便利。その他ショートカットを覚えればもっと快適そう。
しかしやっぱり画面解像度が低いためPSPよりは長文が読みづらそうなのは否めない(ある程度は快適スクロールでカバーできるかしら)。
パッと触った感じはこんな感想です。また時間有る時に詳しく書きます。
追記:
Bloglines見るのは何やら山ほどロードしてきて結構しんどかったです。
- Comments (Close): 0
- TrackBack (Close): 0
更新滞りまくり
なわけだけれども、deli.cio.usのブックマークにはこれから記事にしようと思う物を含めポンポンいれてってるので、Jacologが更新されないと死活問題という奇特な方はチェックしておくといいかもしれないです。なかには管理人の物凄い個人的なブックマークもまじってるので、アレですが・・・。
あとそのブックマークもRSSに対応してるのでRSSリーダに入れておくと便利です(JacologにもブックマークのRSSを一応置いていますが)。友人のブックマークを数名いれて、みんなが何をチェックしてるのが見てますが、情報収集の手段の一つとしてかなり良い感じです(友人ひとりひとりが、優良な記事発見クローラとして動いてるものだし)。
JohnHicksなんかの有名デザイナーもdeli.cio.usのブックマークRSSを配信してたりするので、気になったデザイナーのWEBページでは一先ずRSS検索してみると良いかもしれないです。あと英語圏の人のブックマークでタイトルが読めず内容が良く分からない時や、記事タイトルだけでは何のサイトなのか分からない時に、タグを見ればブックマーク先の内容が大体わかるのも良い所。
ついでにソーシャルブックマークサイトとRSSリーダーサイトをご紹介。
* はてなブックマーク
言わずと知れた国内大手。日本語で安心
* Spurl
スクリーンショットが張れるのが便利。デザインのスクラップ帳にどうぞ。英語。
* deli.cio.us
おそらく海外最大手。
* Digg
ここも結構大手。ユーザーがブックマークを投稿して、さらにユーザーが内容を評価できるのが売り?みたいな?カラオケ?(尻上がり)deliciousよりもユーザー感のディスカッションがありまくり
* Ma.gnolia
昔の話ですが見た目が好きで使ってみたけど日本語が通りませんでした。
* Bloglines
RSSリーダー。管理人使用中。英語。
* livedoor Reader
RSSリーダー。かなり便利らしい。移行したいのだけど重い腰がなかなか上がらず・・・。今だ未使用。
- Comments (Close): 0
- TrackBack (Close): 0
ニンテンドーDSブラウザー予約開始
ニンテンドーDSブラウザー
Operaなアイツの予約が各所で始まりました。公式サイトでは19日までに頼めば発売日の24日着。しかしAmazonで買うと1000円近くやすいのでAmazonでコンビニ決済購入にしました。発売日に届かない可能性大。というか絶対とどかない。なのでPSPブラウザ公開の時みたいに、速攻CSSバグチェックとか出来ないです。
どうしてもゲーマー兼WEBデザイナーのレビューを読んでから買いたいという奇特な方は少々おまちを。あとPSPブラウザとの比較マチの人も。というか僕がやる前にきっと何処かがやってくれる。
以下はAmazonでの販売。ここから買うと管理人が幸せになります。
* ニンテンドーDSブラウザー(DS Lite用)@Amazon
* ニンテンドーDS ブラウザー(旧DS用)@Amazon
メモリー拡張カートリッジの大きさの都合上、DSLiteと旧DSでソフトが違うので注意。でも、旧DS用はLiteでもつかえるのかな、GBAソフトみたいに出っ張るけど(使えないという注意書きが無いし)。PSPとNDSでどっちがブラウジングするのにマシなのか試すのが楽しみ。
ついでに言うとNDSはFlashなんかには非対応なので、その次点で取りあえずPSP1勝ですね。FlashサイトをPSPで見ようなんて思いませんが・・・。おもにFlashでつくったアプリケーションをPSPで動かすみたいな使い方がメインみたいです。
PS:やっぱり本家で予約し直しました。当日に届きそうだけどレビューする時間がある保証が無いのが問題です。
TouchDSで使用している動画があった。上画面で拡大表示で下の画面でスライドして画面をスクロールさせるのは便利そう。一番気になるのは描画速度なんだけど、レンダリング中の動画が無い事からやっぱりPSPなみに遅いのかな・・・。
- Comments (Close): 0
- TrackBack (Close): 0
Creative CommonsなFlickr!写真
- 2006年7月11日 21:42
- design-art | web
Flickr: Creative Commons
フリーランスデザイナーには特に嬉しいCreativeCommons(以下CC)ライセンスな写真の山。ありがたく使わせて頂きましょう。ただ商用での仕様はダメーー!などCCライセンスにも種類があるので注意。
それと、撮影者が好きなようにつかってー!って言ってても被写体がデザイン建築だったりアート作品だったりすると、そっちの方からお声がかかったりするので、その辺も注意してつかいましょう。
CCライセンスとはなんぞやという人は、はてなの記事やWikipediaの記事でどうぞ(これらのWEB百科事典系の物は誰かさんが親切で説明を書いてくれた物なので、当然公式な物ではなく間違ってる事もあるから注意です、と一応いって見るテスト。でもとっても便利です)。
- Comments (Close): 0
- TrackBack (Close): 0
ナウでヤングなブックマークをまとめてチェック
- 2006年7月11日 21:21
- web
Mix Clips(ミックスクリップス)
平たく言うと、はてな・delicious・nifty・livedoorのブックマークランキングをまとめて表示するもの。日本のソーシャルブックマークサイトをメインで扱っているので、popurls.comが英語で目眩がするなんて人はどうぞ。
- Comments (Close): 0
- TrackBack (Close): 0
ブクログ
ブクログ
新潮文庫で100冊ビューワなる物が公開されていた。自分の本棚をもって100冊の中から読んだ本ならべたり、読みたい本を並べたり出来る。本やCDマニアは自分の棚がCDや本で埋められて行く事にニヤニヤしますが、それをインターネット上で見せびらかせる訳ですね!!!こ、こりゃたまらん!!!みたいな感じで新潮は特に読んでいないので、似た様な事ができるブクログでアカウントを作ってみた。
jaccoyの本棚
でもなんてかアレだよね。レビューって難しいよね。恥ずかしいよね。個人的に思った感想とイメージなので、この本はこうだーっ!って行ってる訳じゃないですよ。だからレビューで変な事書いてあっても怒らないでね。
[via:豆腐の間借り]
追記:以前からつかってた豆腐の間借りさん情報によると、どうやら公開当時重すぎて駄目駄目だった問題は解消してるようです。
- Comments (Close): 0
- TrackBack (Close): 0
NintendoDSブラウザは7月登場予定
ニンテンドーDS用ワンセグチューナは1万円以下−8,500円程度が基準。秋発売 @AVwatch
上記URLのメインはワンセグチューナーについてだけど、WEBブラウザについては一番最後に掲載されてます。音沙汰がなさ過ぎて発表だけでなかった事にならないかと心配していたけどひとまず安心。していいんですかね。秋登場予定のワンセグの情報はバンバンでてるのに来月登場予定のブラウザの話がでてこないのはちょっと不安なのですがどうなんでしょう。
ワンセグチューナーもテレビを部屋から排除してしまったので重宝しそうでしないような変な物好きなので買ってしまいそうな。はやくNDSでOpera動いてるところ見せて下さいよぅ。
でもNDSはPSPとちがって、メモリースティックに画像保存したりファイルダウンロードしたりクッキー保存したりWEBページキャッシュしたりブックマーク保存したり出来ないと思うのだけど、カートリッジに内蔵する形になるのかな?
関係ないけど、こないだ小旅行に出かけた時に某所のホテルで無線LANが入っていたので、PSPでネットをチェックする事が出来たのは便利でした。あとやっぱり画面きれい。PSPはさっさとPDA路線に行ってほしいです。中身の構造がほぼPCと同じであるにも関わらず、OSを走らせる事を決して容認しなかったXBOXは独占禁止法にひっかかる可能性があるから容認できないなんて話を昔小耳に挟んだけど、PSPも似た様な理由なのかしら。
- Comments (Close): 0
- TrackBack (Close): 0
ちょっとよそ見してる間に
2週間くらい更新が空いてました。色々なイベントの準備や活動やら仕事やらしてたら、ぽーんと時が飛びました。これからまたぽーんと飛びそうです。予告しておきます。
関係ないけど知人がWEBサーバをMediaTempleに移転したので自分もしたい所ですが、恒例の魔法のカードをつくってないので移転できないじゃっこいですこんばんわ。
hetemlでもいいんじゃね?とかいう話を朝っぱらからしていた訳だけれども、案の定こんな事になっていた。某紙男さんの経営するサーバのユーザーさんからは、なんのサービスでもちらほら愚痴を聞いていたけれど、今回も例外無く障害まつりだったようです。MediaTempleはStopdesignやらナウ現在をときめくデザイナーどもがこぞって使っている世界標準(だと勝手に思っている)のWEBサーバのようで、そう言う点は安心なのかしら。
MediaTempleかっこいいです。(mt)ってロゴ自分もつけたいです。
- Comments (Close): 0
- TrackBack (Close): 0
CSS Reboot に見るウェフ?テ?サ?インのトレント?
- 2006年5月18日 19:00
- web
CSS Reboot に見るウェフ?テ?サ?インのトレント? @Luck bag
Spring 2006 CSS Reboot Trends(英語原文) @Christian Montoya.com
ばっちりその流行ど真ん中を行こうとして出来なかった管理人がここに居ます。Jacologのデザインラフを見た人はご存知の通り、当初トップページにはフッターがある予定だったのですが、textpatternでトップページだけ別のデザインにする方法が分からなかったため、下階層のデザインをそのままトップにもってくる事に成りました。誰かこの無気力男におしえてー!ちなみにSilkiconは使ってません。くやしいから使わないぃぃぃッッッ!
コンテンツの横幅が800pxを超えてくるのはここ数年のモニタ事情を考えれば自然な流れかもしれないですね。しかし当面はコンテンツ幅可変カラム数可変のサイトが多そう。mixiも動的では無いにしろスイッチ切り替えでカラム数を可変にしようとする動きが有る様です(やっぱいきなり3カラムをあの規模のサイトでやるのは思い切り過ぎたのでしょうか)。Jacologも1カ所スタイルを書き換えるとカラム数可変にできるのですが、ヘッダを幅固定でつくったため、結局封印して意味の無いコーディングになりました(それは出来るとは言わないとか気にしない)。
via:豆腐の間借り
- Comments (Close): 0
- TrackBack (Close): 0
Woomp! Beta
- 2006年5月18日 18:46
- web
Woomp! Beta
Flickr!じゃ写真だけだから、映像とか音楽とかも共有しちゃおうぜコミュニティ。Share&storeとかさりげなく書いてあるから、売ったりも出来るのかしら。管理人未使用。
- Comments (Close): 0
- TrackBack (Close): 0
villageのフォントショップ
- 2006年5月18日 18:41
- design-art | web
Font @village.com
AjaxなWEBフォントビューワは色々あったけど、ナウでヤングなフォントクリエイターがあつまって出来たフォント消費者組合(超直訳の超意訳)のVillageでAjaxなフォントショップ。サンプルテキストのプレビューから書体バリエーションの確認までスムージー。villageのトップページはこちら。
- Comments (Close): 0
- TrackBack (Close): 0
Google Trends
- 2006年5月14日 00:03
- web
Google Trends
こりゃ面白い。カンマで区切って目的のキーワードをいれると、それがWEBの検索結果でいつごろに、どれくらい多くヒットしたのかをグラフで見る事が出来ます。また、入力したキーワードれに関する記事を(おそらぐGoogleNews米版の物から)引っ張り出して来て、それがいつ頃起きたのかグラフに注釈をいれて、グラフ右に記事リストをくれます。
阪神 vs 巨人やヤフー vs グーグルや、XBOX360 vs PS3 vs Revolution(現Wii)の対決を見れて面白いです。日本語キーワードだと当然GoogleNews米版のキャッシュにはひっかからないので、英語にできるものなら英語で検索するのがおすすめ。日本限定でしらべたい場合は、右上のプルダウンメニューのRegionをJapanにしてどうぞ。
追記:
フッターメニューにある"About Google Trends"には
Google Trends analyzes a portion of Google web searches to compute how many searches have been done for the terms you enter relative to the total number of searches done on Google over time.とあるので、"そのキーワードが検索でどれくらい多くヒットしたのか"ではなく"そのキーワードがどれくらい検索されたか"かしら。
- Comments (Close): 0
- TrackBack (Close): 0
Webブラウザ上でビットマップフォントづくり
- 2006年5月 1日 16:57
- design-art | web

FontEditor BitfontMaker @Pentacom.jp
BeOSかMacOS9が好きな人にはたまらないフリーソフト制作者のPentacomさんから素敵ツールの登場。ブラウザ上でビットマップフォントがつくれちゃいます。
作りたい文字の下の空欄をクリックして後はポチポチとドットをうって行くだけ。ボタン操作でCopy&Pasteもできるので慣れればそれなりの早さでつくれそうです。作成途中の物もCockieに保存できるので、ちょくちょく時間見つけて作りに行く事も出来ます。さらに、複数の制作途中のフォントを保存したくなったりCockieじゃ消えちゃいそうで不安だよぅという方は、テキスト形式のデータにExportしてくれるのでメモ帳なんかにコピペして保存しておくと良いでしょう。詳しい捜査はヘルプ参照で。
そして驚くべきはTrueTypeFontにしてダウンロードして保存出来る所。しかも等幅フォントかプロポーショナルフォントかまで設定できてしまいます。
終電のがしたひとは漫画喫茶やらネカフェでフォントを朝まで作って凌ぐ事が可能になりました。
- Comments (Close): 0
- TrackBack (Close): 0
Googleから3Dモデリングツール?
SketchUp from Google
3月頃に3DCGソフトの会社を買収したとか言う話が有りましたが、そのソフトが降臨して来た模様。まだ未使用なのだけど。なぜなら当然のようにMac版は未リリースなのさ!!へへん!!!
- Comments (Close): 0
- TrackBack (Close): 0
PSPのファームウェアアップでFlashに対応、その他
PSP2.70アップデートについて@Playstation.com
ついにPSPでFlash再生が可能に(本体設定でFlashをONにするのを忘れずに)。しかしFlash Playerのバージョンは6.0なのでflash videoとかは無理です。昔つくったFlashたちを再生してみましたが、30fpsな上に音を使った物や処理の重い物が多かったせいか、全体的に処理がもたついてました。
しかし一応これで、仕事でFlashのプロモーションをするために、Flashからmovでムービーにして書き出して持ち歩いて・・・とか考えていたのですが、その手間も省けそうです。
あとはRSSチャンネルの機能もアップデート(PodcastではなくRSSチャンネルと言って聞かないソニースタイルはまだ健在)。Podcastを聞けるがローカルに保存できないという、いったい何がしたいのか分からなかった機能でしたが、ようやく保存が可能になり、Podcastらしく使えるように。
それと地味に嬉しいのは再生できるAACフォーマットのファイル拡張子追加。具体的にかいてませんが、試してみた所m4aが追加された様です。いままでiTunesでエンコードしたAACフォーマットの物は、拡張子をm4aからmp4にしなければ再生できなかったのですが、その手間が要らなくなりました。ただmp3でなければアートワークを持って来てくれなかったり、アーティストの表示がなかったりするは相変わらず。
最後に2.70にバージョンアップすると共に、LocoRocoというゲームの体験版配信がはじまりました。今まで体験版は、Playstationスポットという所まで行かないとダウンロード出来ない上に、保存できないため再起動したら消えてしまっていましたが、これからはPCで直接ダウンロードしてメモリースティックに保存&起動できるので、手軽に何度でも遊べます。今後こういうスタイルが定着していくと、気軽に試せていいですね。体験版だけでなくアプリケーションなんかも配信してほしい所。
試しにLocoRocoを遊んで見ましたがPSPにしては珍しく新鮮なシステムと操作感のゲームで面白かったです。ただPSP傾けたくなる。これは欲しいものリストに追加。こまかいレビューはまた後日。
アップデートとは別の話に成りますが、“ロケーションフリー”がMac OS Xに対応 @AV Wacthなんて話もあるので、Mac miniをメディアサーバにしてて涙をのんでいた人も報われます。
こうして並べると、個人的にはなかなか充実したアップデートでした。PSPもってて改造にどっぷり浸かってない人は是非。
- Comments (Close): 0
- TrackBack (Close): 0
どこでもアバターGravatar&Jacologに導入
- 2006年4月27日 11:29
- textpattern | web
Gravatar
"Global Recognized Avatar"を作成出来るサイト。要するに世界中のサイトでつかえる(もちろんそのサイトがGravatorに対応してれば)アバターを作成できるサイト。
海外のデザイナーさんのサイトをあちこち見てると、かなり高確率で導入されてる模様のこれ。コメントはもはや身内というか特定個人との私信の場になりつつあるJacologですが超個人的にコメントにアイコンつけたい!っていう欲求のためだけに搭載してみました。使い方は以下参照。
# ここでアカウント作成。メールアドレスは今後あちこちのサイトでAvatar付きでコメントする時に使う物なので、そのつもりの物で。
# Gravatarにログインして適当に画像をアップ。
# GravatarでRatingが済むと使用可能に。
# あとはサイトに書き込む時に登録したメールアドレスで書き込むだけ。
これでGravatarに対応しているサイトならばこんな感じでコメントにAvatarが表示されるはずです。登録してない人にはこんなアイコンが表示されます。
ちなみにRatingというのはご想像通り、セクスィでエロスな画像とかをつかうとRating-Xとかされて、サイト側でRateing-Xの画像を禁止している場合は、表示されなくなります。一番どこでも使えるのはRating-Gっぽいです。
それとJacologに導入するにあたり、textpatternでglx_gravatarというpluginをいれました。Gravatarつけたはいいけどコメント周りのデザインが適当すぎるので、いつか頑張ります。いつかね・・・いつか。関係ないけど右のFavorite CD's(Recommendは気が引けるので名前変えた)の枚数ふやしたら崩れる頻度も高くなった。なんかしらべないとなぁ。
- Comments (Close): 0
- TrackBack (Close): 0
Livedoor Reader
- 2006年4月20日 23:02
- web
時間の使い方の最も下手な物が、まずその短さについて苦情を言う。
(ラ・ブリュイェール)
なんて印象的なコピーの着いたLivedoor Reader。Ajax云々は、もう何のWebサービスでも大概最近は導入されてるので置いておいて、気になる機能は
# フォルダによるフィードの管理
# レートを使ったフィードの評価
# キーボードショートカットで操作を高速化
# ピンを使って気になる記事をまとめ読み
# RSS登録バナー
# 更新通知アプリケーション(Notifier)
# ブラウザ用登録ボタン(Bookmarklet)
と、ザッと見た感じでは2番と4番(これもBloglineではClipで似た様なことが出来るかな)以外はBloglinesと同じそう。ただ2番の機能は有ると便利だなぁ。
自分がBloglinesでつかっててたまに有るのは、とあるフォルダで300件の新着があって、時間がないから高確率で質の高い情報を提供しているサイトだけかいつまんでみたい時、当然一発クリックで便利なフォルダ表示機能はつかえず、フォルダを展開して中のサイトを一個一個クリックしてフィードを表示させたりするのだけど、そんな時に限って間違えて"数は多いけど微妙な情報が多いサイト"をクリックしちゃったりとか・・・。
そもそもそういうのはリーダーから外しとけばいいのだけど、外せるほど無駄なサイトでもないみたいな・・・。そんな微妙なサイトが山ほどある
正直こっちにしばらく移行してみたいのだけど、Bloglinesに数多のClip(気になった記事をスクラップしておける)が残っているのでいつの事になるやら・・・。前使ってたBloggerにもドラフトでスクラップが一杯あるのよね・・・。
- Comments (Close): 0
- TrackBack (Close): 0
画像を使わずにCSSとJavascriptで角丸
- 2006年4月13日 07:40
- web
「画像をいっさい使わないで角丸デザインでページを作って下さい!!」と突如言い始める"自分のセンスに自身有りのWEB制作未経験のクライアント 32歳(仮)"というあながち居ないとも言い切れないクライアントさんに遭遇してもこれで万事解決!という風にいくかもわからんこのテクニック、というよりは神が作ったスクリプト。
php開発日誌さんのほうで日本語で解説なさっています。
* Javascriptで指定のHTML要素を動的に角丸デザインにする方法
* Javascriptで動的にアンチエイリアスな角丸を設定する
が一応補足。正確には上記の日本語ページで解説されているソースだけでは当然角丸に成りません。JavaScriptととCSSを会わせて設置して下さい。以下手順。
# niftyCorners.css を作成。
# niftyPrint.css を作成。
# nifty.js を作成
# それぞれ3つののファイルに適切にリンクを使用したいhtmlのheadに記述する。以下おなじ階層にそれぞれのファイルを置いた場合の記述
# 使用したいhtmlのheadに下記を記入。Rounded()の括弧の中身はアレやコレできる模様。下記はID&タグ指定、ページ背景色、角丸背景色の設定のみ<link rel="stylesheet" type="text/css" href="niftyCorners.css"> <link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">
# あとは上記のRounded()で指定したIDやらタグやらを適応したい所にはっつける。
とここで全国3億5千万人のWEBジャンキーのjacolog読者ならお気づきかとおもうが、IDで指定ってことは複数の要素に欠けたい時はどうするのー?なんでclassじゃだめなのー?って所だけれども、このJavaScriptはDOMで対称要素をゲットしてるのでclassじゃDOMでゲットできないのです(それを可能にするScriptがまた別にあるらしいのだがここでは割愛)。よってIDになるのだけど、複数に成る場合は、単純にRounded()の行を増やしてあげれば良いだけの様です。"詳しくはここのソース参照":http://pro.html.it/esempio/nifty2/nifty2js.html
角丸枠のCSSと画像を切り出す事を考えただけでお腹が痛くなって会社に行けない人は是非おためしを。
via:shingoさん色々ありがとう!
- Comments (Close): 0
- TrackBack (Close): 0
fotologue
- 2006年4月 7日 18:13
- web
fotologue
インタラクティブな国産写真共有サイト。ネットのサラダボウルさんで紹介されていたので、早速ユーザー登録。してみたものの載せる写真は例によってありません。:P
もともとFlickr!も運営当初は写真部分がFlashだったのですが、今では完全にAjax志向になり、Flashは完全に廃止された様です。しかしFotologueはその完全に逆をいってフルFlash志向。こんなスライドショーをお手軽につくれたり、こんなセルフページ(二つとも、僕が見た時にたまたま1番上にあった人のページです)がもらえたりとそれぞれのデザインも去ることながら、インターフェイスもインタラクティブで触ってるだけで楽しい感はFlashならではと言った所。
また、サラダボウルさんの記事を読んでいた所、以前はSNS的な要素は無かったサイトの様なのですが、今はタグや、コメント機能もある様です。
ただ、個人的にFlashでスクロールバーをだされたり(これでユーザー登録一瞬とまどった、submitボタン探しちゃいましたYO!)、戻るボタンが無かったりするのはとても不便にかんじました。
写真共有サイトと言えばもはやFlickr!が(海外では)定着してしまい、いまや他のサイトはmixiを追って立ち上がるSNSサイトの如く降って沸き、そして消えて行きつつありますが、その中でもちょっと異色。
元々ソーシャル系サービスを2番煎じで始めるのは、先発隊より余程素晴らしい物でなければ、既存ユーザーはわざわざ同じくらいの機能でユーザーの少ないサービスに移動するわけも無いので、先発隊の築いた大きなソーシャルネットワークに残るのが筋なわけで。
そういった理由から後発隊は中々困難な所でもあると思うのですが、パイオニアのサービスと住み分けがしっかりしてればそちらに適したユーザーは当然移動もしくは併用するわけです。実際デザイナーオンリーやオタクオンリー等それぞれに特化したSNSが誕生し、そこそこの成功?を収めている模様。
もうひとつライトユーザーの中にソーシャル系のサイトを複数併用するひとが少なそうなのも後発隊を難しくする理由の一つとして当然あるのだけれど。
至極当たり前のことですが、自分の考えるサービスや企画。既存の物と何処が違うかプロモーションできるか。明確なビジョンをもって進めて行きたいっすね。何が言いたいのかよくわからないエントリでした。
- Comments (Close): 0
- TrackBack (Close): 0
Dark SEO Team
- 2006年4月 4日 20:23
- web
Dark SEO Team
SEOハックを多用してGooglePageRank(以下PR)を意のままに操作しているサイト。僕が見た時点ではトップページのPRは10。他にもPR9〜PR5のサイトのリンクもある。当然見る時期によって変動する物なので常にそのPRをキープ出来る物ではなく、実際とちがってもぶち切れてモニタなぐったりしないように。
別に特になんもないんですけどね、ただPR10を初めて見たので嬉しかっただけです。それとPageRankの今見てる数値は、数ヶ月前にはじき出された物だったりするので注意。リアルタイム表示では無いはずです。それとPRが高いからといって、目的の検索用語で上位に表示されるというわけでもない様です。:P
PRをいくらあげた所でSEO的にはあまり意味が無いんじゃないでしょうかと思いつつも、PRのために高PRサイト同士で相互リンクを張りまくるサイトが星の数ほどあるので、未だにその神話は続いてる模様。
Googleでページランクを検索
追記 - - - - - - - - - - -
友だちとPRの動向を監視していたのだけど、物凄いスピードでPRが変動する。記事を書いた後に、PR10ページを最初にチェックした時のPRは3。その後1分程度の間に4,5と上がった。この見えているPR自体、今現在の物ではないので、今何が起きているというわけではないけれども。何をしたらそんな猛スピードで変動するのか。
- Comments (Close): 0
- TrackBack (Close): 0
lightboxJS2.0
- 2006年4月 2日 04:32
- web
lightboxJS2.0
lightboxJSについて先日お届けしたばかりだけれども、ちょうどいいタイミングで2.0が発表されました。画像の出方がグレードアップ!ぐにょーーん。
しかしアニメーションが増えた分1枚の写真を見るのにかかる時間が増える事になり大量の写真を見せるのには不向きかも。サイトのコンセプトにあわせて1.0とつかいわければ良い感じっすね。
- Comments (Close): 0
- TrackBack (Close): 0
便利サイトリスト
自分の日常での巡回先といっても等しいブックマークバーに並ぶ便利サイトさんたち。正直ここ以外見てないです!といってもBloglinesで182サイトをトレースしてるので反則ですね。最近はRSSが無いサイトは切り捨てです。
* Google News
説明不要のニュースサイト。
* Gmail
説明不要その2、元祖大容量WEBメールサービス。
* Bloglines
WEB RSSリーダーといえば自分的にはココが一番。Jacologの核と言っても良い感じ。
* Spurl
ソーシャルブックマークサービス。スクリーンショットがつけられるので、デザインのネタ帳にどうぞ。Tagでテイストや色分け、コーディング仕様その他諸々も付けておくと便利。ブックマーク先が更新されちゃったら諦めましょう。
* del.icio.us
ソーシャルブックマークサービスその2。こちらはシンプルで使い勝手が良いです。通常のお気に入りとしての使用にどうぞ。
* popurls
メジャーな海外のソーシャル系サービスで何がナウでヤングでホットなのかを一括表示。
* mixi
言わずとしれたソーシャルネットワークサービス。しかし一番の使いどころはコミュニティ。良心的2chとでも言った所か。しかしコミュニティ過去ログ検索未搭載のため、数多の資産は風化して行くばかり。Google先生の手も届かないんだからなんとかしてほしいですね。
* Flickr!
オンラインフォト管理&共有サイト。写真やってるならやるべし。僕は写真に指が入るほど下手なので見る一方。
* last.fm
mixi音楽版っていったら良いんだろうか。自分の聞いてる曲の統計が取れちゃったりと面白い。でもここのNetRadio Playerアプリが実は一番の目的です。
* Socialtunes
もってるもの、ほしいものリスト作って共有。物欲共有サイト。Amazonがベースになってます。
* MARS FLAG
検索エンジンだからあげなくて良いかなと思ったけど一応。スクリーンショット付き検索。競合サイトのデザイン調べ&参考探しに最適。
と言った感じのサイトがjaccoyのブックマークバーに並んでおります。ブックマークバーをもてあそんでる方は登録して使ってみてはいかが。もちろん登録しなくてもpopurlsやMARS FLAGはつかえますよ。
- Comments (Close): 0
- TrackBack (Close): 0
lightboxJS
- 2006年3月28日 19:29
- web
lightboxJS
最近、あちこちのブログサイトで使われているこのスクリプト、なんでみんなしてこぞって使うのかと思っていたら、どうもプラグインの一部として色んなブログシステムに組み込まれて使われている模様(WordpressやらTextpattenやら)。
導入していた友人のひとりに「前に元ネタのJSはJacologにのせてたよー」っていったら「のせてないよFuckFuck!」とお叱りをうけ過去ログ検索したら本当にしてなかったー:P
本来はJavascriptとそのパーツ単体で配布されていた物なので、簡単なhtmlの知識があれば誰でも簡単に好きな所へ組み込めます。
導入の仕方は、Script設置と、アンカータグにちょちょいと細工をして、あとはパーツとなる画像を設置、IEでアウトなデザインなんか使えるかfukfuk!という人はCSSと画像のカスタマイズも忘れずに。
そこはさておき、このJSはCreativeCommonsライセンス2.5なのでお仕事にもつかえるというか、以前PHPのお仕事でPhotolog構築で使わせて頂きました。ここまで有名になるとはつゆ知らず、あとあとアレをみられて元ネタがバレバレなのは恥ずかしいと思いつつも後の祭りなので仕方ない。
追記 - - - - - - - - -
アヘアヘ、ドラフトでBloggerのポストリストから見つけました。ドラフトにして公開してないのが山ほど有るので、投稿したつもりになってる物がまだまだあったり。
- Comments (Close): 0
- TrackBack (Close): 0
Googleアラートが文字化け
- 2006年3月 8日 10:24
- web
なんか、今日突然Googleアラートが文字化け。でもGmailで見る分には問題ない様子。うちのOSX Mailでだけ化けてるから、文字コードとかでマイナーチェンジでもあったのかな?一応メールのエンコードをshift-jisにすれば読めるのだけど、そうすると今度はタイトルが文字化け。なんのこっちゃ。
追記- - - - - - - - -
何故か治った。ベータだから仕方が無い。
- Comments (Close): 0
- TrackBack (Close): 0
何様 @コデラ ノブログ
何様 @コデラ ノブログ
すでに先を越された!。ランキング云々はおいておいて、インターネットは色々な人がいるから需要も供給もやってることも目的も色々だから一概には言えないよね(完)
- Comments (Close): 0
- TrackBack (Close): 0
Yahoo!からのバレンタインプレゼントはWeb 2.0/AJAXライブラリ @MYCOM PC WEB
- 2006年2月16日 10:46
- web
Yahoo!からのバレンタインプレゼントはWeb 2.0/AJAXライブラリ @MYCOM PC WEB
おおー、お勉強には最適なライブラリ。ダウンロードはYahoo! UI LibraryのDownloadの項にある" Zip File"のリンクをクリック。
- Comments (Close): 0
- TrackBack (Close): 0
任天堂、ニンテンドーDS向けATOK搭載Webブラウザを6月に3,800円で発売 @BroadBandWatch
任天堂、ニンテンドーDS向けATOK搭載Webブラウザを6月に3,800円で発売 @BroadBandWatch
もはやPSPじゃないと出来ない事は無くなりつつ有りますというか、もう無いんじゃないかというか、DSのWEBブラウザの方がOperaだし良さげなんじゃないかとか、スタイラスあるからマウスライクに使えて便利なんじゃないかとか、ペンで文字も入力できちゃうんじゃないかとか、ATOKはいってるし変換もナイスなんじゃないかとか、むしろDS>PSPなんじゃないかとか、すでにそうみたいな。PSPは早くキーボードとマウスでも出して下さい。
- Comments (Close): 0
- TrackBack (Close): 0
fastr ? a flickr game
fastr - a flickr game
Flickrを利用したゲームが登場。やり方は簡単。"Choose a player name"に名前を入れてキーボードのエンターキーをおしてゲームスタート。下に時間とともに写真が出て行くので、その写真をみて共通のタグを当てるだけ。これだ!って思ったタグを"Type your gues"に入れてエンターキー。正解した時間によってポイントが貰えます。
前にもGoogle画像検索を使った物がありましたが、それのFlickrを使った物と言った感じです。ただ、特徴的なのは、Google画像検索を使った物はスコアアタックてきだったのに対して、こちらはオンラインで色んな人と遊ぶ事ができます。左側にズラズラとでてるのは今一緒にやっている人の名前みたいです。スコアが上がると、自分の名前も左側で上位に表示されてきます。でも別にChatとか出来ないので、コミュニケーションは無くあまり意味はないですが!
- Comments (Close): 0
- TrackBack (Close): 0
Podscope
- 2006年2月 7日 06:15
- web
Podscope
下書きに眠っていた&気づいた事があったのでご紹介。同社の音声認識技術をつかって、音声配信コンテンツであるPodcastの内容を検索出来るエンジン。いままではPodcastの検索エンジンでおなじみのPodscopeだったけど、いつの間にか動画にも対応したのかな。ちなみに残念な事に日本語は非対応。ロゴに"audio video search engine"なんてついていたかしら。ちょっと前に動画などにも対応する事を表明していたので、それが実現したのかな?
- Comments (Close): 0
- TrackBack (Close): 0
mixi Hack @Tittle-Tattle swop
- 2006年2月 6日 09:18
- web
mixi Hack @Tittle-Tattle swop
06/02/03の記事参照(記事単体にリンクが張れないので)。mixiで知人が日記に書いていたのでしりました。mixiをログインしたあと、他のサイトを見に行ったりしてこの仕掛けが合った場合。ばっちり足跡が残ってしまうという(使い方によっては)極悪なもの。かなり簡単かつ気づかれにくい。気をつけましょう。以前の"はまちちゃん事件"の時はmixi側の対応はかなり早かったので、今回も解決策があるならば1週間程度でほとぼりはさめるかと思いますが。
HTMLのimgタグのsrcやCSSのbackgroundプロパティで、ブラウザが"自動で"そのURLに画像を取り込む為にアクセスする挙動を利用した物だと思うので、Jacologにもmixi日記へむけたリンクがありますが、当然aタグなどはクリックしなければいけないので大丈夫です。
リンク先にも乗っていますがFirefoxではmixi external site blockerという物があるのでそれを導入するか、コマメにログアウトするのが良さそうです。
- Comments (Close): 0
- TrackBack (Close): 0
OKボタンの位置はどこが適切? @PHENOMENA
- 2006年2月 5日 10:34
- web
OKボタンの位置はどこが適切? @PHENOMENA
これを読むまで、WindowsとMacでダイアログのOKの初期位置が違う事にきづかなかった。両方結構な頻度で使うせいか、慣れているのかしら。この手のインターフェイスのデザインに関する物はWEBに限らず携帯のメニューや電子レンジや洗濯機等家電のボタンまわり、そういったたぐいの物まで参考になるので気を使って身の回りを見回してみると面白いです。
- Comments (Close): 0
- TrackBack (Close): 0
I’ve improved bookmarklet. @okanomail.com
- 2006年2月 1日 19:03
- web
自分は今は軽さ故Safariをメインにつかっているのですが一つ問題がありまして、Blogger公式にある投稿用のブックマークレット"Blog this!"を使うと、記事タイトルなどが文字化けしてしまうのが非常に不便だったのですが、okanomail.comさんの方でその問題を解決したBookmarkletを配布して下さっています。
理屈は
やり方は簡単、bookmarklet中のescape()をencodeURIComponent()に変更するだけ。あっさりと文字化けは直りました。調べてみると、どうやらescape()は古いメソッドで、ブラウザによって実装が異なるようすね。との事
Blogthis!を押すたびに、記事の名前をコピペし直している方は是非。
- Comments (Close): 0
- TrackBack (Close): 0
RSS情報のトラフィック測定・加工管理が可能に @FeedBurner
- 2006年1月26日 15:28
- web
RSS情報のトラフィック測定・加工管理が可能に @FeedBurner
こりゃ便利そう。従来のHTML埋め込み型のアクセス解析やカウンターでは、ブログなんかだとRSSリーダーで読む人もおおいので、RSSだけで読んでWEBには見に来ない人の場合、当然WEBページにセットしてあるカウンタやアクセス解析にはなんにも情報がこないわけで、正確な購読者数がわからないわけで。そんなところを解消してくれるかゆい所に手が届くサービス。
ということでFeedburner.jpでフィードをつくってみました。
Jacolog@Feedburner
気が向いた人はXML版フィードや広告入りまくりRSS版フィードから乗り換えると、じゃっこいさんが幸せになります。殆ど居ないとは思いますが、どうしてもRSSしか読めないリーダーをつかってて、広告が入りまくりRSS版フィードの方をつかってるひとは、この新しいフィードへの乗り換えを、ちょ→おすすめします。
- Comments (Close): 0
- TrackBack (Close): 0
世界のライブカメラ
世界のライブカメラ
Bookmark整理してたらでてきたので。文字通り世界のライブカメラのリンク集。昔はここから、南極のライブカメラをみれたんだけど、今はリンクきれてますね。
- Comments (Close): 0
- TrackBack (Close): 0
Google Video Downloads in PSP Format @PGRevolution
Google Video Downloads in PSP Format @PGRevolution
Google VideoでPSPフォーマットのファイルがダウンロード出来る様になったみたいです。著作権保護された物は当然無理の模様。
- Comments (Close): 0
- TrackBack (Close): 0
Samorost 2
Samorost 2
みなさんお馴染みアレの続編がでてました。リンク先は、制作者本人のサイトではなくファンサイト。チートコードまで出回る攻略の気合いの入りよう。ゲームをプレイするには"Play Samorost 2>click here to launch the game"をクリック。前作とNikeのプロモーション用に作られたあのゲーム同様、TABキーでクリック出来る場所を探してずるしようと思ったらできませんでした。
ちなみにこれの前作にあたるあのフラッシュゲームは、作者さんの学校の卒業制作課題だったそうです。おそるべし。
- Comments (Close): 0
- TrackBack (Close): 0
CSS For Bar Graphs ? Apples To Oranges: A San Francisco Bay Area design studio
CSS For Bar Graphs - Apples To Oranges: A San Francisco Bay Area design studio
CSSでつくるあんな棒グラフやこんな棒グラフ。音声ブラウザで読んだらどうなr(略)
- Comments (Close): 0
- TrackBack (Close): 0
ColourMod : DHTML Colour Picker
ColourMod : DHTML Colour Picker
時間のあるうちに一気にスクラップブックから引っ張り出して来て怒濤の投稿です。OSX Tiger DashboardのWidgetで無数に存在するであろうカラッピッカーwidgetなのでそんなに取り上げるほどの物でもないのですが、某所でサイトの方が紹介されていたので久々に見てみたら、WindowsでつかえるKonfabulator(現Yahoo Widget)版がリリースされてますね。
それともう一カ所目に着いたのが、サイト右側にあるVIEW DEMOのところ。クリックすると、なんとWidgetが立ち上がります。立ち上がったCOLOURMODでピックアップした色は、VIEW DEMOの文字下に16進数で表示され右のカラープレビューも変わるという懲りよう。
XHTML+Java Script+XMLベースのWidgetプログラムならではのプロモーションといった感じですね。
- Comments (Close): 0
- TrackBack (Close): 0
Web Developer Extension
Web Developer Extension
Webデザイナーでこの拡張をFirefoxに入れてなければ「おまえマジやばくねー?」とか尻上がりで罵られてしまうで有ろうWeb Developer Extensionがめでたく1.0がリリースになりました。
ざっと触った感じ、感動する様なアップデートは無い・・・カナ・・・。アップデートやバグフィックスの詳しい履歴はこちらをどうぞ。
- Comments (Close): 0
- TrackBack (Close): 0
Let’s all hold hands. @Mac Specialist
- 2006年1月10日 07:57
- web
Let’s all hold hands. @Mac Specialist
RSSを表すアイコンとしてふさわしい物をMicroSoftはIEブログでユーザから意見を募集していた物の、結局Firefoxで採用されている物で統一するのが皆が幸せになれるし世界は平和になるし戦争も差別もなくなる(一部誇張)という事に決定した(もちろんMozilla先生の了承済みさ!)のは記憶に新しいわけですが。(とか言いつつjacologに書いてないっすね)
そんなRSSアイコンが統一されるのを横目に一人寂しく独自アイコンなSafari先生のアイコンをナウでヤングなFirefoxアイコンに差し替えてくれるアプリケーション。これでアナタもぴちぴちギャルにモテモテ!(死語満載)。括弧が多いのは文章書くのが下手な証拠というか、下手ですいません。
- Comments (Close): 0
- TrackBack (Close): 0
ヤフー社がブックマーク共有サイト『del.icio.us』を買収 @Hotwired
- 2005年12月13日 09:34
- web
ヤフー社がブックマーク共有サイト『del.icio.us』を買収 @Hotwired
タイトル通りブックマーク共有サイトの大御所、del.icio.usを買収した模様。Flock(Flickrやdel.icio.usと連携が取りやすくなっているFirefoxの亜種)なんて登場してきてるし、PHPエラーの出まくるSpurlからdel.icio.usに乗り換えようかなぁ。
- Comments (Close): 0
- TrackBack (Close): 0
Yahoo! Widgets
Yahoo! Widgets
Yahoo!に買収されたKonfabulatorが名前をかえてYahoo Widgetとして登場しました。OSX TigerのDashboardみたいなもの。でも出来たのはこっちが先。MicroSoftがLonghorn(次期Windows)の発表をした時にアップルが、「どうぞ真似して下さい」とサイトのトップイメージで乗せていたそうですが、皮肉にもDashboardを発表したときに、Konfabulatorに同じ事をされたようで。
そんな小話はさておき、Konfabulator(Yahoo! Widget)やDashboardはXML+javascriptで作られた小さなアプリケーションの様な物を動かすエンジン(という表現が正しいかはわからないけど)です。KonfabulatorやDashboardを起動させてそこに、ユーザーが好きな、必要なアプリだけを追加してつかえる物といったところでしょうか。天気予報や株価情報から、TVの番組表やGoogleやWikipedia、辞書検索を助けるもの、計算機やミニゲームなんかもあります。DashboardでもKonfabulatorでも、リリースされているWidgetは似た様な物が多いので、大体出来る事は同じと思って良いでしょう。
なんといってもYahoo! Widgetの利点はWindowsでも動く事。そしてフリー。Macユーザーの方は、自分がつかっているのがOSX Tigerなのか、それ以前のDashboardの搭載されていないバージョンかで別れる事になりそうですね。
Dashboard用Widgetの開発をお勉強してるのだけど、Konfabulator(Yahoo! Widget)にも応用が利くのかしら。
- Comments (Close): 0
- TrackBack (Close): 0
『縦書き』ブログ構築サービスを開始 @スカイアークシステム
- 2005年12月 3日 04:06
- web
『縦書き』ブログ構築サービスを開始 @スカイアークシステム
このタイトルをみてWEBデザイナの皆さんならどうやってHTMLを構築してるのかと気になり、やれboxサイズを1文字幅にしていするだの、1文字ごとに改行だの力技を想像しつつも、種明かしはFlashとXMLの連携でした・・・orz そりゃ縦書きもできるよと。縦書きどころ何でも出k(略)
ちょうど先月に、縦書きのHTMLを作成出来ないかと相談をされて調べてみた所、出るわ出るわ力技。ちなみに縦書きを指定するCSSは存在するのですが、対応ブラウザがIEのみで、イマイチ実用性にかけます。
また、世の中には縦書きHTMLなるフリーソフトが存在しているのですが、こちらはFirefoxなどでも表示出来る物の、種を明かせばアスキーアートと同じように、横書きに縦書きの文章をかく物の様です。(言葉でいうよりリンク先のソースを見て頂ければ早いかと)これではSEO対策的にはアウトなのでこれまた実用性に欠けます。
もうだれかhackをフル活用して縦書きhtmlを実現して下さい。
お願いしますよぅー縦書きさせて下さいよぅー _○/|_
- Comments (Close): 0
- TrackBack (Close): 0
Canvascape ? 3D walker
FPSゲーマー御用達のnegitaku.orgより。なんとブラウザ上で動くFPS(一人称視点シューティングゲーム)です。しかもJavascriptでというのが驚き。しかし動作するブラウザは条件が有り、以下negitakuより引用。
このJavascriptを動作させるためには『Canvasタグ』にブラウザが対応している必要があります。現状、Canvasタグに対応しているブラウザは『Safari 2.0』『Firefox 1.5 RC3』『Opera 9β』となっているようです。だそうで、Macユーザーな方はほぼ確実にこのうちのどれかを使ってると思われますが、Windowsユーザーな方はご注意。
操作方法は、矢印キーで前後移動と左右回転。スペースキーでジャンプです。まだ射撃などはできないので、あるきまわって関心するのみ。残念。でもこのクオリティなら初期Doomくらいだったら行けるんじゃ・・・。今後に期待。
- Comments (Close): 0
- TrackBack (Close): 0
「Google Analytics」が需要過多に耐えきれず新規加入を制限 @INTERNETwatch
- 2005年11月24日 01:18
- web
「Google Analytics」が需要過多に耐えきれず新規加入を制限 @INTERNETwatch
うおー、仕事で瀕死の重傷を負っている間に、はいりそこねたー。ってか、いま自分のブログ検索してみたけど、Google Analyticsとりあげてませんでしたか、そうでしたか。
- Comments (Close): 0
- TrackBack (Close): 0
20 GOTO 10
- 2005年11月18日 22:12
- design-art | web
20 GOTO 10
百式さんでしったコマンドラインで閲覧する面白いWEBサイト。つくったのはウェブデザイナーさんだそうで。
何はともあれenterをクリックしてDOS窓ライクなウインドウが開いたら取りあえずhelpとタイプしてエンター。Aboutを始めとするコマンド一覧がでるので、あとはそのコマンドをいれてページを移動するだけ。
黒い背景(もしくは青い背景)に白文字の画面がでてきたら慌てて閉じてしまう人にはおすすめ出来ないサイト。
- Comments (Close): 0
- TrackBack (Close): 0
FEMiX ? FEED MIXER
- 2005年11月15日 16:26
- web
FEMiX - FEED MIXER
複数のRSSフィードをまとめて一個のRSSにしてしまって、一気に読めて便利ー!な感じにしてくれるサイト。しかもその一個にまとめたRSSから指定のキーワードとマッチした物だけ抽出してRSSを生成してくれるようです。
例えば、YahooやらITwatchやらasahicomのRSSで「Livedoor」の単語が入ってる記事だけを抽出して独自のまとめRSSを生成してくれます。ってな感じ。
- Comments (Close): 0
- TrackBack (Close): 0
Googlefor
- 2005年11月15日 16:11
- web
Googlefor
以前にGoogleのロゴ風に自分の好きな言葉を画像にしてくれるGoogle Logo Makerというサイトを紹介しましたが、それを見て(おそらく)通りすがりの外国人Josephさんがコメントで教えてくれたサイト。Google Logo Makerとの違いはなんといってもこんな感じで自分の入れた文言をタイトルにしたページでGoogle検索出来ちゃう所かしら。Thx!Joseph!!
- Comments (Close): 0
- TrackBack (Close): 0
Dogpile
- 2005年11月15日 16:09
- web
Dogpile
Google, MSN, Yahoo!, Askのうちから3つの検索エンジンで、指定した単語の検索結果を比較して重複してる結果や、ヒット数などを比較してくれる。ただその解説を犬が英語でしてくれるのだけど、トロトロすすんで結構だるい。早送りほしいです。
- Comments (Close): 0
- TrackBack (Close): 0
Google Print
- 2005年11月 7日 11:41
- web
Google Print
平たく言うと世界中の図書館の書籍をググれてしまうようにしようプロジェクト。著作権問題やらで、てんやわんやしてたGoogle Printだけれども無事に始まったというか、とりあえず著作権の切れた古い書物がメインの様子。まだ洋書だけのようで、日本語で検索してもなんもでてきません。
- Comments (Close): 0
- TrackBack (Close): 0
EIGHT THE PROJECT
- 2005年10月17日 17:34
- design-art | web
EIGHT THE PROJECT
Macromedia Studio8 発売に会わせて公開されたプロモーションサイト。「私はエイト!14歳!!」とかしょっぱなから飛ばしてます。こないだの眞鍋かおりを採用してるFlash8向けのサイトといい8からはこういう方向に進んで行くんでしょうか!
- Comments (Close): 0
- TrackBack (Close): 0
Bloglinesにキーボードショートカットが
- 2005年10月15日 22:56
- web
Bloglinesにキーボードショートカットが
沢山の記事を斜め読みする自分の記事を読むスタイルには一番あってるRSSリーダWEBサービスのBloglines先生ですが、Keyboardショートカットに対応した模様。Google Readerに搭載されていたのをみて焦って搭載したんだろうか(笑)うちのSafariでは動かなかった。Google Readerのキーボードショートカットは動きましたよ!
- Comments (Close): 0
- TrackBack (Close): 0
フォントのわかる男 @DailyPotalZ
- 2005年10月15日 17:54
- design-art | web
ちなみにクイズは3問正解でした。ゴシックMBの太さは間違えたけどゴシックMBまでは当てたよ!今週腐るほど見たしね!それいれたら4問でした。 そしてこのページを見て改めて思う事。モリサワとHelveticaとFuturaだけ知ってれば何とかなる・・・と。
ついでに思い出したのだけど、昨日おすすめのフォントは何ですか?と聞いて来た人がいた。自分も昔、同じ質問をしてたなぁと。 そしてその時教えてもらった返答とまったく同じ返答をしたよ!上の3書体しってればほんと、なんとかなりますって。
でもモリサワはほんと沢山あるから1書体ってくくりはおかしいけど。DPZで出て来た"新ゴ"とか"ゴシックMB"とか"細明"とか"じゅん"とか全部モリサワですよ。と、ここを見てる人なら言わなくてもよさげ。
ちなみにmixiではかなり問題の答えについて荒れてる模様。
看板のフォントですが、最近ではモリサワの書体もアウトラインをとれるので使っているのもありますが、少し前のだと確実に違います。ダイナフォントや専用の書体が多いです。(それ自体はどこかのOEMだとは思いますが)といった意見も。mixiのフォントコミュは神の集まりなので、そこまで詳しくならずとも細かい"払い"や"ハネ"の違いにこだわらないのであれば、似た様な物はモリサワでつくれますと言った所でしょうか。
- Comments (Close): 0
- TrackBack (Close): 0
FlykiteOSX
- 2005年10月15日 01:50
- design-art | web
FlykiteOSX
ゴイス。Ajax。
- Comments (Close): 0
- TrackBack (Close): 0
米eBay、トップページにFlashを多用したデザイン変更を準備 @INTERNETwatch
- 2005年10月11日 01:03
- web
新デザインの最大の特徴はFlashをふんだんに使用していることだ。トップページを見るためにはFlash 7.0がインストールされていることが条件となる。小規模なサイトでは時折見られることだが、eBayほどの大規模サイトが広告以外の場所でトップページにFlashを多用するのは珍しい。今後、他のサイトのデザインにも影響を与える可能性がある。フルスタイルシートレイアウトがWEB上で広まるきっかけになったのも、Hot wiredがフルスタイルシートレイアウトに移行したことが起爆剤となったとも言われているので、スラッシュドットさんの言う通り、今後のWEBデザイン業界に影響がでることは少なからずありそうですね。
本家ebayによる次期トップページ案の解説はこちら(英語)。
- Comments (Close): 0
- TrackBack (Close): 0
Get Link Style @Side-B
Get Link Style @Side-B
リンクの下線や文字色、ページの背景色や基本文字色まで設定するスタイルシートを吐き出してくれるページ。使い方は若干分かりにくい・・・というか、Selectボタンを一瞬さがしてしまった。一応手順を書くと、ページ上部の設定画面で設定した後、下部のプレビューエリアで表示される8つのサンプルの中で好きな物の右上に表示される"SELECT"を押すとポップアップが開きます。そうするとポップアップが開いて左にさらに設定を修正出来るフォームと供に、右側にコードが吐き出されるのでCSSにコピペして終了。ってな具合です。
ちなみに吐き出されるスタイルシートは下線の設定を、text-decoration:underlineではなく、border-bottomで表示しているのでborderを使いたいときは注意。
それとリンクのCSSを書くに当たってこんな小話もあるので紹介。
実は重要!スタイルシートの記述順! a:hover使ってもリンク無変化!? @Allbout Japan
- Comments (Close): 0
- TrackBack (Close): 0
Google Reader beta
- 2005年10月 9日 16:17
- web
Google Reader beta
Googleの提供するRSSリーダー。Gmailアカウントをもってればそのまま使用出来ます。無いひとはログインが面したの"Cream new account"からみれるのかな。記事からそのままMailにおくったりBloggerに送ったりも出来る。当然ほかのRSSリーダーからOPMLをインポートする事もできる。
Gmailと同じくAjaxでサクサク動くのだけど、記事の名前をクリックしないと内容が表示されないタイプなので沢山の記事を斜め読みするのにはあまり向かない感じ。
- Comments (Close): 0
- TrackBack (Close): 0
CSS Box Model Diagram in Japanese @The Nine Lives
CSS Box Model Diagram in Japanese @The Nine Lives
CSSのBOXモデルについて以前hicks先生が分かりやすいダイアグラムを公開していましたが、Nine Livesさんの方でその日本語訳を作成して下さった模様。しかしサイトは英語。文章終盤に出てくる"it is here as a gif"のリンクでGIF形式の物を見る事ができます。Illustratorファイルも公開しています。ちなみにこれのオリジナルは流行のCreativeCommonsライセンスでございます。改訂版を作成の際はご注意。
- Comments (Close): 0
- TrackBack (Close): 0
ロボットのアクセスが激しくてログ解析が。。。 @Webビジネスコンサルタントのネタ帳
- 2005年10月 3日 19:45
- web
ロボットのアクセスが激しくてログ解析が。。。 @Webビジネスコンサルタントのネタ帳
という話をよんでログ解析を見たけど、うちのにはロボット表示がありませんでした!!えむもじらさんも検証されたようで。まぁ気のせいだろうという方向で。
いま関わらせて頂いてる案件が1000万PV有るとの事なので25%の250万PVがロボットとなると&'(%)("&)('&R#Q!!(文字化けとちがいますよ)
- Comments (Close): 0
- TrackBack (Close): 0
MOVIE CASTER
- 2005年10月 1日 23:41
- web
MOVIE CASTER
いつの間にかこんな物が。Flash video(以下flv)を使ったサービス。Fickr!の動画バージョンと言った所か。Flickr!とちがって自分専用のページは与えてもらえませんが、動画をアップロードしてそれをFlvから見れるように勝手に変換してサーバに保存してくれるみたいです。あとは精製されたタグを自分のブログやWEBにはりつけるだけ。
それにしてもflvのお陰でWindows mediaやReal Audio、Quicktimeとちがって、Flashさえ入っていれば別のソフトを立ち上げないでもブラウザ上で動画を見れるようになったのは便利ですねぇ。
- Comments (Close): 0
- TrackBack (Close): 0
ITmediaリニューアル&フルCSSレイアウト
ITmediaリニューアル&フルCSSレイアウト
リニューアルしてフルCSSレイアウトになりました。リキッドレイアウトでウインドウが伸びてもびろーんと伸びます。ちなみに伸ばしすぎると(横幅2000pxくらい?)、左上の"ITのいまが見える、明日が分かる"の文字が背景繰り返しでもう一度出て来てしまい、右端の"ITmedia|ITmediaエンタープライズ〜"のテキストメニューと被ってしまって読みづらくなる事が有ります、といってもそんな事してみるのは一部のCSSマニアとアップルシネマディスプレイ30inchユーザーだけかと思いますが!!
一番外側にだけ1行1列のtableが使われているのが気になって、背景に設定されている画像を見ようと思ったけど、画像URLへの直リンクだと画像が見れなくて何が背景に設定されてるのかわからんです。トップのグレーやら、メニューのオレンジやらの横帯かしら。
- Comments (Close): 0
- TrackBack (Close): 0
Online CSS Optimizer
Online CSS Optimizer
百式さんで知ったサイト。以前JacologではCSS Optimizer成る物を紹介しましたが、それのWEB版と言った所でしょうか。一日数万プレビューも有る様なサイトなんかには実におすすめだと思いますがどうでしょう。
余談ですけど、以前のアドレスのブログを消して数ヶ月。やっとサイト内検索がちゃんと活きてくるようになったと思うのだけどどうでしょう。
- Comments (Close): 0
- TrackBack (Close): 0
WORLDview for PSP
WORLDview for PSP
うーん、GoogleMapみたいなのを想像したけど、ぜんぜんちがった。国を検索してその国を世界地図でみれて、特徴と数枚の写真が拝める程度。国レベルからさらに細かく見れたりはしないです。
地図を全然拡大できないので(僕がやり方知らないだけだろうか)Google Earthなんかを遊んだ人には物足りないかも。使用用途がイマイチ謎。PSP情報サイト以外では数少ないPSP専用サイトなので一応メモ。ちなみに普通のブラウザじゃみれません。
- Comments (Close): 0
- TrackBack (Close): 0
Typetester ? Compare fonts for the screen
- 2005年9月28日 18:34
- design-art | web
Typetester ? Compare fonts for the screen
フォントの設定をかなり細かく設定して、それらを並べて見比べる事が出来るサイト。フォントの種類はもちろん(自分のマシンに入ってる物と、サイト側であらかじめ用意されている物から選ぶ事が可能)で、フォントサイズやさらに背景や文字色、行間や文字間、単語間の距離、下線や打ち消しなどの文字装飾、はてはプレビュー用のテキスト文章まで細かく指定してブラウザ上で見比べる事が出来ます。フォント選びにお悩みの時は是非参考に。テキストを入れるとリアルタイムで反映される事からこれも流行のAjaxかしら。ちなみに日本語でもOKです。
- Comments (Close): 0
- TrackBack (Close): 0
Flash 8 font filesizes are bigger @Airtight News
- 2005年9月28日 11:32
- web
Flash 8 font filesizes are bigger @Airtight News
Flash7でフォントを埋め込んで書き出した時にFlash8で書き出した物は、Flash7(MX2004)で書き出した物よりもファイルサイズが数キロバイト大きくなる模様。このエントリの著者は、Flash8においてテキストエンジンが改良された故ではないかと言っています。Flash8でアンチエイリアス関係などが向上したのでその分データが増えたんですかね。Flashでバナーを作る案件の時などは、後数キロバイト削れればー!なんて事が有るので、そんなときにどうぞ。
- Comments (Close): 0
- TrackBack (Close): 0
Dark alpha PNGs in Safari 2 @hicksdesign
Dark alpha PNGs in Safari 2 @hicksdesign
OSX Tiger(10.4以降)に標準搭載されているSafari2.0において画像サイズが1×1ピクセルのPNG画像のアルファの処理でバグが見つかった模様。アルファの値が設定した通りにいかない(設定よりも低くなる?)っぽい。
Hicks先生の場合、画像が暗く見えるのはアルファの値が低くなってしまって、結果的に背景写真がすけて(白い全面の板が薄くなって)暗くなってるのだと思う。2×2ピクセル以上のPNGならば問題ないとの事。スペーサーGIFを覗いて1×1ピクセルの画像はレガシーブラウザの世代から何かとバグがついて回るので使ってる人は少ないと思いますが。
OSX Panther(10.3)に標準搭載されているSafari1.3では発生しないらしい。
- Comments (Close): 0
- TrackBack (Close): 0
Ajax を使った手書き文字認識 @きまぐれ日記
- 2005年9月25日 23:24
- web
Ajax を使った手書き文字認識 @きまぐれ日記
各所で話題になってるので知ってる方も多いかと思いますが。神降臨。Flashじゃないですよ、HTMLですよ。ちなみにスラッシュドットジャパンの記事によると過去にもAjax Full IME成る物を作っていた模様。
- Comments (Close): 0
- TrackBack (Close): 0
Opera無料化の影にGoogleあり @INTERNETwatch
- 2005年9月23日 11:51
- web
Opera無料化の影にGoogleあり @INTERNETwatch
もう何処からでも出てくるGoogle話。Googleブラウザもいいんですけど、んままままMac版Google Talkも早くだしてくれませんかね!
- Comments (Close): 0
- TrackBack (Close): 0
Operaがフリーソフト化 @Opera.com
Operaがフリーソフト化 @Opera.com
こんなこと言ってたら本当にフリーになってしまった。本当に前に言った通りの道を歩んで行くかもしれませんね。
- Comments (Close): 0
- TrackBack (Close): 0
PsOS Beta v0.01 for v2.0 PSP @PSPUpdates
PsOS Beta v0.01 for v2.0 PSP @PSPUpdates
もはやゲームよりもモバイルWEBブラウザとしての地位を自分の中で確立しつつ有るPSPですが、Javascriptで動くPSP用のOS(ポータル)が出たようです。一般的に気になる機能はメール、WEBブラウザ、FTP、マルチメディアプレイヤー、3G携帯の技術で作られたJavaゲームが動く(?)辺りでしょうか。まだBeta Ver0.01という事ですが、PSPファームウェアのバージョンが2.0でも動くので今後の開発に期待。後はキーボードとテキストエディタを出してくれればちょっとした仕事の修正ならPSPで!なんて事が(笑)速くキーボード出してくれませんかね。どうですかねHORIさん。
- Comments (Close): 0
- TrackBack (Close): 0
Google Blog Search
- 2005年9月15日 19:54
- web
Google Blog Search
ハジマタヨー!もう毎月のように新サービスのベータが始まるグーグル先生。はりきりすぎ。なんでも作り過ぎ。内容はタイトル通り、Bloggerのサイト内検索より制度が良かったりするのかしら。
- Comments (Close): 0
- TrackBack (Close): 0
マクロメディア、「Flash Player 8」を公開 @INTERNETwatch
- 2005年9月13日 17:43
- web
マクロメディア、「Flash Player 8」を公開 @INTERNETwatch
友人にメッセでFlash8が出たよーっていわれて、前に出たBetaの事を言ってるのかと思ってたら正式版になってました。どんどん映像方面のエフェクトやコーデックが進化していきますね。Quick TimeやWindows Mediaの地位を本気で狙ってる模様。ちなみにFlash Player 8の機能を引き出す為のFlash8が入っているMacromedia Studio8は日本ではまだ発売されてません。
早速Flash8の機能を楽しみたい方は、TOYOTA HYBRID CITYとSony Pictures : Underworld Evolutionで使われている様なのでどうぞ。TOYOTAの方で、眞鍋かおりに拒絶反応をおこして、一人で行くを押してしまうのは私だけじゃないはず。多分眞鍋かおりと行くにしたらFlash8の機能がもっと楽しめる・・・のかしら。(via:JCさん、thanks!)
- Comments (Close): 0
- TrackBack (Close): 0
イーベイ、スカイプを買収へ?買収金額約26億ドル @CNET Japan
- 2005年9月12日 21:35
- web
イーベイ、スカイプを買収へ--買収金額約26億ドル @CNET Japan
OH!買収されてしまいました。メッセンジャーからSkypeに移行する準備を水面下で進めつつも、Google Talkが出て来て、SkypeよりGoogle Talkに移行したいなとかちょっと思い始めてしまいましたがどうしよう。でもやっぱりGoogle Talkを布教するのはしんどいのでSkypeメインにしときます。Skypeアドレス持ってる人はメッセからピコーンとお知らせください。自分はSkypeを入れてても、もっぱらIM機能しかつかってませんが!
- Comments (Close): 0
- TrackBack (Close): 0
Yahoo! SEARCH 、「胡散臭い」で亀井氏のウェブは消えましたが・・削除の判断基準はどこに? @SEM R
- 2005年9月12日 13:10
- web
Yahoo! SEARCH 、「胡散臭い」で亀井氏のウェブは消えましたが・・削除の判断基準はどこに? @SEM R
選挙間近な日に、ネットではこんな話(SEMリサーチ記事)でもりあがっていた訳ですが、亀井氏のサイトのみ削除された模様。SEMリサーチさんのおっしゃる通り、基準が曖昧ですね。
追記----
SEMリサーチさんの追記によりますと、キリンなどのサイトも削除されたようです。
- Comments (Close): 0
- TrackBack (Close): 0
Searching for Standards @The Web Standards Project
- 2005年9月 9日 10:27
- web
Searching for Standards @The Web Standards Project
海外大手検索エンジンがHTML文法チェッカでValidかどうか検証しています。OKだったのは、MSNのみ。以外とあららな結果ですね。大きければ移行にそれだけ大変であり、時間がかかったり大人の事情が有ったり技術的な問題があったりと簡単な問題ではないとは思いますが、しかしこれはどうなっとるんだねチミ。
- Comments (Close): 0
- TrackBack (Close): 0
Slash+CSS @Slashcode
Slash+CSS @Slashcode
SlashがCSSで動くようになるよう進んでるらしいー。Slashcodeのサイトは既にCSSバージョンで稼働中の模様。FirefoxでSlashcode.comを開いて、”表示 > スタイルシート > Slashdot”ってすると、擬似SlashdotフルCSSバージョンが拝めます。
- Comments (Close): 0
- TrackBack (Close): 0
Opera、300MBの無料ブログ/写真アルバムサービスを開始 @INTERNETwatch
Opera、300MBの無料ブログ/写真アルバムサービスを開始 @INTERNETwatch
Operaのシリアルプレゼント企画といい、最近Operaの動きがかなり大きいです。INTERNETwatchの言う通りポータルサイトやコミュニティサイトへとなる事を望んでいるとすれば、噂通りOperaをフリーソフト化して、OperaブラウザからOpera web mailやBlog、Photoアルバムに容易にアクセスできる様にして、Operaブラウザその物を自社ブランドのインターネットスイーツの一部(または入り口)として、自社サイトへと誘導するツールという立場へ進んで行くかもしれませんね。
- Comments (Close): 0
- TrackBack (Close): 0
MARS FLAG
- 2005年9月 8日 11:20
- web
MARS FLAG
国産スクリーンショット表示付き検索エンジン。○○屋さんはどんなサイトがおおいのかなーとか、競合サイトデザインの参考探しにどうぞ(ぉ)
- Comments (Close): 0
- TrackBack (Close): 0
WEBデザイナー辞典
- 2005年8月29日 19:17
- web
WEBデザイナー辞典
内容はかなり初歩的な物の割に、成り方の最低条件が基準がイマイチ分かりづらかったり(Photoshopのスキルは5段階中4ってなんだ)しますが、内容や細かい所はさておき、トップから行ける"0円のWEBデザイン素材屋さん"が便利そうです。商用利用もOKなようなのでどうぞ。フリー素材サイトにしては「格好良すぎてとても商用には向かない!」って感じではないので、商用デザインが苦手な人の参考にもいいかもしれないですね。
- Comments (Close): 0
- TrackBack (Close): 0
Joshuaink 更新再開?
- 2005年8月29日 08:36
- web
Joshuaink 更新再開?
なんか幾つかエントリがアップされてるけど更新再開したのかな?こんな感じ(Jacolog過去記事)で更新停止していたのだけど。
- Comments (Close): 0
- TrackBack (Close): 0
A List Apart リニューアル
A List Apart リニューアル
CSSのお勉強のお供、A List Apartがリニューアルされました。前みたいに横幅の狭い窮屈なレイアウトでは無くなりましたね。オシャレさんです。
- Comments (Close): 0
- TrackBack (Close): 0
Google Talk Beta リリース! @Google

かねてから噂のあったGoogle製インスタントメッセンジャー「Google Talk」がリリースされました。MSNメッセンジャーから早速乗り換えよ〜とか思ったら、OSX版は無い模様。やっぱり今回もMac非サポートですかね先生。と思ったら非サポートじゃないみたいです。むしろフレンドリー。追記を参照
追記---------------------------
スラッシュドットジャパンの記事に寄ると
Windows 2000/XPユーザはGoogleが提供するクライアントが利用でき、Mac OS XならiChat、LinuxならGAIMなどのJabber/XMPPクライアントを利用することでサーバに接続可能だそうです。
- Comments (Close): 0
- TrackBack (Close): 0
A Flash Earth @Neave Lab
- 2005年8月23日 22:48
- web
A Flash Earth @Neave Lab
Google EarthとMSN Virtual Earthを楽しめてしまうFlashサイト。MacでGoogle Earthが使えなくて悔しい思いをしてた人はどうぞ。今ではGoogle Mapsでも衛星写真ビューがあるのでMacでも自宅を衛星から撮影した写真が手軽にみれるようになりましたが(笑)
- Comments (Close): 0
- TrackBack (Close): 0
Web Developer’s Handbook
- 2005年8月15日 11:58
- web
Web Developer's Handbook
Web開発に便利なサイトリンク集。もの凄い量。でもコレを見れば大御所は殆ど網羅できるはず。すべて海外サイト。
- Comments (Close): 0
- TrackBack (Close): 0
New IE 7 Icon and Logo @IEBlog
New IE 7 Icon and Logo @IEBlog

IE7のロゴが公開されたようです。よくも悪くも今風な感じ。
via:えむもじら
- Comments (Close): 0
- TrackBack (Close): 0
AudioscrobblerからLast.fmへ
AudioscrobblerからLast.fmへ
Audioscrobblerの時も、ちらほらとLast.fmという名前は出ていましたが、Last.fmという名前に正式に変わった(?)ようです。デザインもプチおしゃれでございます。コーディングはフルCSSレイアウト(これは前から)で、デザイン製を保ちつつもリキッドレイアウトを実現しています。窓を小さくしすぎると要素が重なってしまいますが・・・。
それにしてもやたら重い・・・。じゃっこいのLast.fmページはこちら。
- Comments (Close): 0
- TrackBack (Close): 0
Accessible Data Tables @Web Usability
- 2005年8月 9日 08:21
- web
Accessible Data Tables @Web Usability

複雑な構造のtableを組んでいるときにthの扱いをどうしたら良いのか困る人は多いはず。見た目はOKだけどコレで音声ブラウザでも読めるんかいな、なんて時に役に立ちそう。
- Comments (Close): 0
- TrackBack (Close): 0
BloglinesをPSPで見る@NETAFUL
BloglinesをPSPで見る@NETAFUL
PSPでBloglinesを見ると、左のフィードリストに幅をとられて、右の記事表示領域が狭くなってとてもみずらく、なんとか快適にを見れない物かと思ってたら、bloglinesにはmobile版があるらしく、そっちを見るようにすればPSP等の携帯端末でも快適との事。これでベットからでも情報収集ができるぞー。
- Comments (Close): 0
- TrackBack (Close): 0
Audioscrobblerのリニューアル後が垣間見え
Audioscrobblerのリニューアル後が垣間見え
ダウン中の画面が、おそらくリニューアル後のテイストに近い物に置き換えられています。asの形にかたどられたロゴがうねうね動いてます。まえの白背景のテキストオンリーに近い物からある程度デザイン製のある物に変わるみたいですね。楽しみです。
- Comments (Close): 0
- TrackBack (Close): 0
Audioscrobbler リニューアル?
Audioscrobbler リニューアル?
音楽野郎には書かせないAudioScrobblerですが、サイトをリニューアルしてる模様。新サイトオープン予定日時はGMT時間で月曜日の正午だそうな。システム自体は面白かったけど見た目がアレゲなサイトだったのでどんなサイトになるのか楽しみです。
AudioScrobblerってなんぞやって方はこちら(過去記事)。
- Comments (Close): 0
- TrackBack (Close): 0
右クリックとHTMLソース閲覧の禁止を提供するソフトが登場 @/.Japan
右クリックとHTMLソース閲覧の禁止を提供するソフトが登場 @/.Japan
なんというか、悲惨なソフトですね。インターネットと言うもの利点の多くを無にしてくれる凄いソフト。Javascript offじゃみれない、テキスト選択できない。ブラウザの機能でページ内検索も出来ない(動くけど目的の文字列がハイライトに成らない、javascriptで選択を外してる模様、一瞬ハイライトになるのが確認できた@Safari)、これってGoogle先生は読めるんだろうか。ほぼWEBにアップするという事の利点を皆無にしてまで、右クリックを禁止したいのでしょうか。そんなに大事ならアップしなきゃ良いと思うのは僕だけですか。
画像の保護等も"SHTMLは守るべき価値のあるコンテンツをお持ちの方の見方"と言う割に、どの防御も果てしなく陳腐です。画面に表示される以上、スクリーンショットを取られて終わりです。しかもやたら"85%以上のシェアをもつInternet Exploreにて"って言葉が出てくる辺りにも、中途半端さを伺わせます。実際Safariならば構成ファイル一覧で、画像のURLに直接飛んでみる事だって簡単に出来ます(リンク先はサンプルページの画像)。右クリックもそれで出来ます。
たとえばこんなサイト。Flashサイトのごとくバリバリ動きますが、このサイトはいっさいFlashをつかっていません(写真右上のEXPANDを押してみましょう)。このレベルになれば、保護する必要はあるかもしれないと思います。しかしソースパクるなとか某巨大掲示板とかで騒いでる人々ほど大したものつくってn(自主規制)
インターネット(Web制作の技術)が何故ココまで進化したのか?理由の一つに、誰でも人の物をみて勉強できる点があると思います。あなたが保護したいと思う技術のベース、例えばテーブルレイアウトやCSSレイアウトなんかは、いままで様々な人が互いのサイトを見合って(見せ合って)切磋琢磨して発達して来た物だという事を、わすれては行けない気がします。ほんとうにあなた一人で開発した物ですか?ひとかけらも、他人の手を借りていないと言い切れる人は居ないはずです(居るかもしれないけど)。先述したサイトほどのレベルのソースを惜しげも無く後悔しているひとは山ほどいます。それでもあなたのソースは保護するのにあたいしていますか?
別に、他人のサイトのソースをコピーペーストして中身だけすげ替えて使用するのを肯定してる訳ではありません(過去にStop Designのパクリサイトを取り喘げたように)。しかしこのソフトを使うという事は、それと同じ事をするくらいナンセンスな事だとも思います。勢いだけで書いたので自分でもわけが分からなくなってきたのでこの辺で、長文駄文で失礼!(いつも駄文だけど)
- Comments (Close): 0
- TrackBack (Close): 0
ライブドアの公衆無線LAN「livedoor Wireless」速攻レポート @BroadbandWatch
- 2005年8月 5日 07:00
- web
ライブドアの公衆無線LAN「livedoor Wireless」速攻レポート @BroadbandWatch
PSP Ver2.0標準搭載のブラウザでの接続検証結果が出ています。PSPでもどうやら使える模様。サービスに登録していなくても、livedoorポータルサイト内にあるコンテンツならば使用可能なようなのでなかなか良いかも。登録しても月額525円なので、無線LANスポットのある喫茶店にはいって飲み物を頼む事を思えば、月に1、2回しか接続しなくてもお得な価格設定ですね。
- Comments (Close): 0
- TrackBack (Close): 0
Google Logo Maker-Logogle
- 2005年8月 3日 07:38
- design-art | web
Google Logo Maker-Logogle
入力した文字列を、Googleロゴ風の書体とカラーにしてくれるサイト。しかし、1文字ごとに画像を1枚1枚分割して吐き出すせいか、文字間隔が広く本家Googleロゴよりも間抜けな感じになるのが否めません。文字詰めは大事でございますね。
- Comments (Close): 0
- TrackBack (Close): 0
IE 7、標準サポートに遅れ?「Acid2」テストの合格困難に @CnetJapan
IE 7、標準サポートに遅れ--「Acid2」テストの合格困難に @CnetJapan
今年の夏に登場の予定と噂されていましたが、Acid2テストをクリアできず延期の可能性もみえてきましたね。といってもリンク先記事にも書いてありますが、Acid2テストをクリアしているのは現行リリースされているブラウザの中では、Safariのみです(OSX 10.4 TigerのSafari 2.0を除く)。Acid2 testに関してはこちらのスラッシュドットの記事をどうぞ。また、リリースを急いで中途半端なブラウザをリリースするのだけは辞めてほしいですね。
- Comments (Close): 0
- TrackBack (Close): 0
訳GO
- 2005年8月 3日 06:15
- web
訳GO
フォームに文章を入力するだけで、役を表示してくれる日本語英語翻訳辞書(?)サイト。単語を調べる為にエキサイト言っていた人は是非。メモしておきたい単語を単語帳として保存したり、単語帳を携帯に送信したりも可能な模様。
- Comments (Close): 0
- TrackBack (Close): 0
Google検索結果に複数ページへのリンクが現れる @SEMリサーチ
- 2005年8月 1日 00:56
- web
Google検索結果に複数ページへのリンクが現れる @SEMリサーチ
いまスヌーピーで検索した所、もう上記画像(SEMリサーチ様から)のようなリンクは出なくなっているようです。現れてるリンクは、表示されたサイト内のコンテンツのようで、直接ジャンプして見に行ったりできるってことなのかしら・・・、グーグル先生の事なのでそれで終わらないと思いますけれども。
- Comments (Close): 0
- TrackBack (Close): 0
PSPブラウザの正体はNetFront
PSP®向けに「NetFront」を提供するにあたっては、携帯型エンタテインメントシステムの動作環境において本格的なインターネット閲覧を可能にするという課題がありましたが、ACCESS社の高度な技術とノウハウでそれらを解決することができました。と書いてあるので、PSP向けに独自の改良がされてる模様。レンダリングエンジン等の改良よりも、操作面での改良が殆どだと思いますが。どうなんでしょうか。
- Comments (Close): 0
- TrackBack (Close): 0
Flash8は8月8日リリース!? @blog.andremichelle.com
- 2005年7月29日 08:52
- web
Flash8は8月8日リリース!? @blog.andremichelle.com
とこの人は言っている。情報元は会社に近い情報筋との事なので公式な発表ではありません。8月8日にリリースされるのはプレビュー版のような物で、その数週間後に正式にリリースすることもあるかもねーだそうです。
- Comments (Close): 0
- TrackBack (Close): 0
Windows Vista & IE7 Beta 1 Released @Slashdot
Windows Vista & IE7 Beta 1 Released @Slashdot
次期WindowsにあたるWindows Vista(コードネーム:Longhorn)とIE7のβがリリースされました。Longhornは置いておいて、Internet Explorer 7 Beta 1が問題ですね。Stylegalaのコメントを見た所、CSSの実装はまだ心もとない物のようですね。
ダウンロードはこちらからの様子(via:stylegala)。ダウンロードするには要BitTorrentクライアント。β版ですので何が起こっても文句は言えませんというか、何か起こらないか検査する為のバージョンのような物です。インストールをする際はその辺を承知した上で自己責任でお願いします。
- Comments (Close): 0
- TrackBack (Close): 0
遅ればせながらPSPブラウザぷちまとめ
■簡単な機能まとめ
- UAはMozilla/4.0 (PSP (PlayStation Portable); 2.00)
- HTML4.01に対応
- OSXの様に、通常の選択可能なテキストにもアンチエイリアスがかかる
- アドレスの直接入力が可能
- ブックマーク機能を搭載。
- タブブラウズ機能搭載(おどろき!)
- 画像を保存、リンク先を保存機能搭載
- Hack版WEBブラウザでは厳しかった、"戻る+進む"がLRボタンでできる。
- ホームページを設定できる
- 履歴機能搭載
- 文字サイズ変更可能
- 文字エンコード変更可能
- 表示モードは3種類
・標準モード:何もいじらない
・ジャストフィット:横幅を調節して画面にフィットさせる
・スマートフィット:テーブルを分割してページの横幅を画面に会わせて表示(イマイチ良くわからない) - Cookie、キャッシュ、認証情報、入力履歴の削除(ってことは当然保存できるって事っすね)
- 画像のON/OFF、アニメーションの表示ON/OFF(GIFかな?)、JavaScriptのON/OFF
- プロキシ設定、Cookie、キャッシュ受信設定可能
- アナログパッドでマウスカーソルの操作
- アナログパッド+□ボタンでスクロール
- 方向キーでリンクや入力フォームの移動
- 方向キー+□ボタンで1ページ単位でスクロール
- ○ボタン長押しで新規タブで開く
- □ボタン+LRボタンでタブ移動
- LRボタンで戻る進む
- mixiでのログイン書き込み閲覧
- yahooBBモバイルからの接続(ログイン画面までいったので行けるでしょう、パスワードわすれてログインせず)
- フルCSSレイアウトは厳しい、と思ったけど、そうでも無さそう!?検証数がすくないので謎、blog程度なら結構いける
- 特定のフォルダに置いたファイルに関してはアップロードも可能の様子(WEBマニュアルより、未検証)
- bloglinesをつかってみたが右の記事内容表示エリアが狭い。左のフィードメニューの幅変えられませんでしたっけ
追記、UAとブロッグラインをテストした結果を掲載。UAでPSPと書いてあるので、JavascriptでPSP専用のスタイルシートを当てる事ができそうですね。
- Comments (Close): 0
- TrackBack (Close): 0
PSPからmixiに書き込み成功
本日づけでPSPがバージョンアップされ、ウェブブラウザが搭載されました。試しにmixiに書き込みをしましたがスムーズに成功!ちょっと出かけなければいけないので詳細なレビューは夜に!
mixiにテスト書き込みついでに乗せたレビューをこちらに転載
ブラウズはかなり快適です。アナログパッドでマウスカーソルが使えます。□ボタン押しながらパッドで画面の上下左右スクロール。 文字入力がやっぱりキーボード欲しいっすね、携帯くらいの入力スピード。
- Comments (Close): 0
- TrackBack (Close): 0
Joshuaink 見た目だけ復帰
- 2005年7月27日 07:45
- web
Joshuaink 見た目だけ復帰
ほんと、見た目だけです。メール等で要求があったのか、デザインやアーカイブを見たい人の為に再アップしたようで、もうココでJoshua先生は投稿しないといっております。新しい家をつくるまで〜とか言ってるので、新しいサイトを作って帰ってくるとは思いますがーーーー。
- Comments (Close): 0
- TrackBack (Close): 0
A Visit to Adobe @PhotoshopNews
- 2005年7月27日 07:30
- design-art | web
A Visit to Adobe @PhotoshopNews
Adobeの社内が写真で載ってます。うおー、スゲーー。Mac+Herman Millerの組み合わせは基本ですか。そうですか。こんな仕事場欲しいっす。それだけーー!!
- Comments (Close): 0
- TrackBack (Close): 0
Google Moon ? Lunar Landing Sites
- 2005年7月22日 20:52
- web
Google Moon - Lunar Landing Sites
ひっそりとこんな事始めてました。さすがに月面すべてという訳にはいかなかったようす。これから写真が追加される事はあるんだろうか。
- Comments (Close): 0
- TrackBack (Close): 0
SCEI、PSP用動画配信サービスを発表−最新ファームでブラウザ追加。白いPSPも発売 @AVwatch
SCEI、PSP用動画配信サービスを発表−最新ファームでブラウザ追加。白いPSPも発売 @AVwatch
投稿したつもりが投稿されてなかったー!!1日遅れで掲載。最近のBlogger先生の動きがおかしいです、Safari2.0との相性だろうか。
ワーワー!公式にブラウザが搭載されるよー。という事で買ってきます!!でもHTML4.01て!!!このご時世ですからXHTML程度には対応してほしかったっす。あと、PS2の白も最近出たけど、イマイチSony製品の白は触覚が動かないのは、僕が林檎病だからですかね。
- Comments (Close): 0
- TrackBack (Close): 0
Quick Start Your Design with XHTML Templates @particletree
Quick Start Your Design with XHTML Templates @particletree
XHTML+CSSでサイトを構築する際に、あると便利なテンプレート集。ナビゲーションやフッターを入れる所までdivタグで囲ってさらにはhrタグで区切ってある物まで。CSSでは、Authorデータを入れる所や、よく使うタグやクラスID名を既に記載した物等、これを少し自分流にいじれば、自分用テンプレートが出来て便利かも。
- Comments (Close): 0
- TrackBack (Close): 0
Joshuaink.com閉鎖?
- 2005年7月15日 17:03
- web
Joshuaink.com閉鎖?
鮮烈なデザインとTextpatternユーザーということで、Webデザイン業界を一気に駆け抜けたJoshuaink.comですが、なんか久々にみたら無くなってて、しばらくしたらコメントが記載されていました。どんなサイトか忘れてしまった人は、John Hicks先生の掲載してたスクリーンショットを拝借してきたので、上のスクリーンショットを見れば一発で見た事ある人なら思い出すと思いますが。
Bloglinesにココ数日の動きがログで残ってるので保存しておいたのですが、翻訳するのに時間がかかりそうです。なにがあったのかしら。でもコメントを見る限りは若干復活しそうな気配があるけど。詳細知ってる人いませんかー。
- Comments (Close): 0
- TrackBack (Close): 0
Google Maps 日本版リリース
- 2005年7月15日 02:44
- web
Google Maps 日本版リリース
試しに自分の住所を打込んでみた所、ばっちり出ました!!そしてAjaxだからぐりぐりドラッグして動かせます。Flashじゃないですよ!!!
自分の住所をいれたら、右上の"マップ"と"サテライト"と成ってるボタンがあると思いますが、サテライトを押してみましょう。現代の技術力の凄さを思い知ります。
ちなみに、Google Earth(ITmedia記事へ)では、もっと拡大して写真をみれるので面白いですよー。自分家さがして時間がみるみる過ぎて行きます。暇で暇でしょうがないときに是非。
- Comments (Close): 0
- TrackBack (Close): 0
Macromedia Flash Player Public Beta @Macromedia
- 2005年7月13日 19:14
- web
Macromedia Flash Player Public Beta @Macromedia
Flash Player 8のBeta版がリリースされました。取り急ぎお知らせのみ。Beta版なので当然不具合の起こる可能性もあるので、インストールは自己責任で。というか不具合が起きたら報告してあげてください。
なかなか更新の時間がとれないというか、RSSリーダーの未読記事数が2000を超えててとても読む気がしないのですがどうしたらいいですか!!!
というか、ちょっと仕事で読むのさぼっただけでコレくらいに成るってことは、いつもコレだけの記事をコンスタントにチェックできてるのかとおもうと、RSSリーダー先生には感謝せずに居られません。普通にまわってたらWebページ移動するだけで挫折しそう。
- Comments (Close): 0
- TrackBack (Close): 0
Colour Contrast Check @snook.ca
- 2005年7月 9日 22:42
- design-art | web
Colour Contrast Check @snook.ca
RGBのスライダをいじるか、16進数で入力した2色のカラーを元にコントラストのチェックを自動でやってW3Cの提唱する色に関するアクセシビリティ的にOKかどうかを教えてくれるWEBツール。視聴覚障害者向けサイトやJIS-X8341規格準拠サイトを多く手がける方等に是非。
- Comments (Close): 0
- TrackBack (Close): 0
PSPをウェブサーバーに
PSPをウェブサーバーに
めっきり忙しくなって更新が滞っております。復帰は今月下旬の予定。
さて、最近スタートしたEngaget Japanからの情報なので知ってる方も多いと思いますが。もう行く所まで来たというか。このHackブームどこまで続くのやら。
- Comments (Close): 0
- TrackBack (Close): 0
Nvu 1.0 Release
Nvu 1.0 Release
フリーのWebページ制作ソフト。Nvuがいつの間にか1.0。Geckoエンジンのプレビューを見ながら作成で来てまぁ素敵!!と言った感じ。
CSSレイアウトに移行してからは、我が家のMX先生ではCSSのプレビューがうまく表示できない上、MX2004のようにCSSのコードを補完してくれる機能もないので、ただのデカイテキストエディタと化してしまうが故、長い事Macromedia先生のお世話になっていない訳で。(テーブル案件においては、相変わらずマクロマクロ+スニペッツしてくれますが)
動作確認のためにブラウザを複数同時に立ち上げてる中、テキストエディタ部分しか使わないMX先生は邪魔すぎるのですよ。なので地味にテキストエディタでゴリゴリ書いております。
Nvuを仕事で使ってる人居るのかしら、前に少し触ったらなんか独特で僕には会いませんでした。DreamWeaverで言う所の"サイトの定義"のような物が確実に必要らしく、アプリのアイコンにファイルをドラッグ&ドロップー!って感じでファイル単体で編集できないみたいだし(勉強不足なだけかも)、でもその程度の事をするのに勉強しなきゃ行けないソフトは逆に嫌だな。
- Comments (Close): 0
- TrackBack (Close): 0
Engadget Japanese Betaサイト スタート
- 2005年6月27日 21:47
- web
Engadget Japanese Betaサイト スタート
たびたびJacologでも記事に取り上げさせてもらっていた海外の電子機器情報サイト(でいいのかしら!)、Engagetの日本語版サイトが本日スタートした模様。英語だからーと敬遠してた方はどうぞ。
- Comments (Close): 0
- TrackBack (Close): 0
Bookmarklet: Mouse Over DOM Inspector @えむもじら
Bookmarklet: Mouse Over DOM Inspector @えむもじら
おおー!こりゃすげーー!!しかもブックマークレットだからFirefoxじゃなくても動くよ!!!これでFirefoxじゃなくてもさらに快適CSS解析ライフ!!!しかしSafari未対応キターー!!!!
- Comments (Close): 0
- TrackBack (Close): 0
Zoom the Web:The problem of giant fonts @Joe Clark
Zoom the Web:The problem of giant fonts @Joe Clark
先ほど取り上げたZoom Layoutに関しての本家(?)記事。通常のサイトデザインでの文字を拡大したときの問題点、Zoom Layoutのメリットや、その為に何をしたら良いのかなどが簡単にまとめられています。
"サイトの文字を大きくするはブラウザの機能で可能ですが、それらはルーペと違って、大きくするのは文字だけなのよねー、横幅が広がらなかったりで文字がでかい故に改行がすぐ入ったりするわーー。こまったわー、やーねー。じゃぁどうするよ。"みたいな事が書いてあります。
コレからは、文字の可変を可能にするだけでなく、可変させても行間や文章の改行など読みやすさを損なわせないようにしましょうよ、みたいなー。
- Comments (Close): 0
- TrackBack (Close): 0
Zoom layout @Stopdesign
Zoom layout @Stopdesign
先日海外で開催されたWEB開発に関するイベント@mediaにてJoe Clark先生が提案した作り方の模様。概要を平たく言うと、文字だけじゃなくてサイトの横幅など全体のレイアウトとデザインが拡大縮小するデザイン+CSSコーディング。文字を大きくしてもサイト全体のバランスが崩れません。スタイルシートをざっと見た限りでは、margin, padding, widthなどで、px指定を使わず、%やemですべて指定しているだけなのかしら。
リンク先ページ中段あたりで、"Making it real"という小見出しのついてる所にあるスクリーンショットをクリックする事で、htmlのサンプルが見られます。文字の拡大縮小をしてみるとどういう物か分かりやすいかも。"Zoom style sheet availability"の小見出しの部分で、サンプルで使われているzoom.css(メインのCSS)とzoom2.css(カラーの設定のみ)を見る事ができます。
余談ですが、Stopdesignの設定ページから、Stopdesignのサイトにzoom.cssをあててサイトを見る事も可能になっています。デフォルトデザインに戻したいときは、再び設定で"Technicolor"というスタイルシートを選べば元に戻せます。
- Comments (Close): 0
- TrackBack (Close): 0
Web Designer’s FREElance Toolbox for Windows @Digital Web Magazine
Webデザイナーとして、フリーランスで活動するうえで問題になってくるのがソフトウェアのコストの問題です。そこで、海外のDigital Web Magazineの方でおすすめフリーソフトリストを掲載しています。日本だとFTPソフトがFFFTPになったりと多少は違うと思いますが。アンチウィルスやオーディオエディタなど、不意にちょっとした事で必要になる物が沢山乗っているのでおすすめです。個人的にもお勧めな物をリンク先からリストアップ。
- アンチウイルス:AVG Anti-Virus Free Edition
フリーのアンチウイルスソフト。ライブアップデートやメールのウイルスチェックなどフリーにしては頑張り過ぎ - オーディオエディタ:Audacity
CGクリエイターなどと違って、Flash案件メインの人でもない限り、あまりサウンドを頻繁に扱わないためSoundForgeなどのソフトは少々割高、でもたまにFlashなんかで使う音を少し加工したりレコーディングしたいー!なんて時におすすめ。MacOSX版も有り - ブログシステム:Wordpress
言わずと知れたブログシステム。MovableTypeが圧倒的なシェアを誇るところで、ひそかに根強い人気をもつ(と思う)。最近ではTextpatternに押され気味だろうか。 - 圧縮解凍:7zip
圧縮解凍ソフトの定番?。日本ではExplzhなんてのも有名。 - FTPソフト:Leech FTP 1.3
Webデザイナーなら要らない訳がないサーバにデータをアップしたりするソフト。日本ならFFFTPってソフトのがメジャーかと。MacではCyberDuckあたり。 - HTMLエディタ:1st Page 2000
テキストエディタは個人の好みが有るので一概にコレが良いとは言えないと思いますが、基本的にコードカラーリングとマクロがつかえれば何でも良いかと。あとバグの関係で、なるべく使用者人口がおおくアップデートが頻繁な物がおすすめです。Macならmiとかおすすめ。 - Officeソフト:Openoffice.org
何かと社会出ると遭遇するwordやエクセルファイル。しかしメインでばりばりそれらを編集する訳でもないのでちょっとMicrosoft Office買うのは・・・。みたいな人におすすめ。大学で課題でOfficeが必要なときなんかにもどうぞ。MacではNeoOfficeなど。
- Comments (Close): 0
- TrackBack (Close): 0
Romaji-Kana Converter on the Web
- 2005年6月22日 04:07
- design-art | web
Romaji-Kana Converter on the Web
先にあげたHuginのOSX版を探していたら偶然見つけたサイト。おそらく日本人にはあまり需要がないであろう、ローマ字>かな文字のWEB上で動くコンバータ。近年の海外での漢字平仮名ブームを見る限り、海の向こうでは需要が有りそう。
- Comments (Close): 0
- TrackBack (Close): 0
Flickr Album
- 2005年6月16日 18:16
- web
Flickr Album
百式さんで知ったFlickr!の写真をフォトアルバムでめくるかの様にして表示してくれるフラッシュサイト。
使い方はTOPページで見たい人のユーザー名と、あればタグもいれて、あとはGOボタンを押すだけ!ページ右下にカーソルをもっていくとペラリとめくれてくるのでドラッグして引っ張ってあげましょう。写真をクリックするとFlickr!のその写真のページにジャンプします。なかなか面白いです。
ちなみにブックテイストのインターフェイスといえばNewwebpick.comの"E-ZINE"と呼ばれるフラッシュでできたWEBマガジンも、同じようにページをめくってみて行く感じ。E-ZINEはリンク先のページ右下から、PCかMACをクリックしてダウンロードで見れます。
- Comments (Close): 0
- TrackBack (Close): 0
Desert Island Fonts ? Round 1 @Andy Budd Blogography
- 2005年6月15日 19:55
- design-art | web
Desert Island Fonts - Round 1 @Andy Budd Blogography
もしも6こしかフォントが使えないとしたら、あなたは何を選びますか?見たいなアンケートに、3人のデザイナーさんが答えています。それだけなら大してピックアップしませんが、時の人John Hicks先生がはいってたので一応。
Hicks先生は、やはりトップにHelvetica、次の方もまずFuturaが来てます。ありがちというか当たり前というか、この二つのフォントははずせないところでしょう、後は好みやサイトのテイストや自分のデザインの趣向によってかなり変わってくるかと・・・。日本語で言うところのモリサワみたいな物でしょうか。
Arialを誰もあげていないっすね。Helveticaが出れば要らないと思いますが。
- Comments (Close): 0
- TrackBack (Close): 0
ShaunInman.com Redesign
ShaunInman.com Redesign
ShauInman.comがリニューアルされてたよ。今回は条件付きコメント<!--[if IE]-->(今は半角で書くとブログに表示されないので全角で<>を置き換えています)等をつかった分岐で、WinIEだけに追加で別のシートを読み込ませています。
条件付きコメントなかなか便利で、仕事の方でもちょくちょくお世話になるのだけれども、あんまりどこも使ってないので何か重大なバグでもあるのかとハラハラしながら使ってたけど、ShauInman先生が使ってくれたので少し安心。って前から使ってたっけか、ここ。
今後IE7になってからCSSをきちんとIEがサポートしてくる事を考えると、IE用のバグフィックススタイルは別ファイルに記述して、バグフィックス用のスタイルがIE7になって必要なくなる事があれば、IE用スタイルシートのリンクをはずすだけで済むようになるかもしれないと思うので、おすすめ。といってもやっぱりIE6を無視する事はできないので結局入れっぱなしだと思いますが(もしそうなっても何年後先か・・・)。IE7の事をかんがえると"<!--[if IE]>"よりも"<!--[if IE 6]>"とかで指定しておいた方が良いかもしれないですね。
- Comments (Close): 0
- TrackBack (Close): 0
DreamweaverがMovable Type 3を完全サポート?無償で拡張機能が利用可能 @CnetJapan
DreamweaverがMovable Type 3を完全サポート--無償で拡張機能が利用可能 @CnetJapan
最近忙しくて更新がさぼり気味ですが。ちょこちょこ人間クローラーとして頑張りたいと思います。ということで今日もWebやMacの話題をゲットしてきます。まず一個目。
しかし自分はMX2004もMTも使ってないので、かぎりなく恩恵がゼロに近いのですが。個人サイトとしてはwordpressやtextpatternなんて選択肢もあると思いますが、新機能や使いやすさよりも、安定性が重視される、もしくはトラブルが起きても、トラブルに関する情報の収集が容易なことを求められる業務用的にはやはり導入実績の多さなどからもMTが主流なので、Macromediaのこの決断も妥当なところと言った物でしょうか。
Blogシステムは個人的にGoogle先生のBloggerがおすすめというか、特に使いやすいとかではなく、ただ単にGoogle先生がバックについてるというだけで使ってますが。
- Comments (Close): 0
- TrackBack (Close): 0
Internet Explorer 6もついにタブブラウザに
Internet Explorer 6もついにタブブラウザに
やっとこさと言ったところでしょうか。といってもIE6自体のアップグレードではないですが・・・。
- Comments (Close): 0
- TrackBack (Close): 0
Sandvox @karelia Sofware
Sandvox @karelia Sofware
OSXの簡単WEB制作ソフト。まだソフト自体はリリースされていません。パッと見た感じでは、ブログシステムのように、項目にテキストをいれると、それと対応した場所に、タイトルやメニュー、ロゴなどが配置されるタイプのウェブ制作ソフトな模様。
John Hicks先生もいっていましたが、リンク先のサイトはSandvoxをつかって精製されているようなのでソースを見てみましたが、かなりDivタグが多いです。でも、スタイルシートチェンジャーのためのDivタグっぽい感じ。
- Comments (Close): 0
- TrackBack (Close): 0
GoogleGuy:: バックリンクとPageRankデータについて @SEMリサーチ
- 2005年6月 3日 14:10
- web
GoogleGuy:: バックリンクとPageRankデータについて @SEMリサーチ
以前JacologでTextoceanさんの解説をピックアップしましたが、それと同じ事です。Googleの検索結果で順位が上がったのにPagerankは低いまんまだぞオラァ!!どうなっとんじゃワレェ!!!と言うのはやめましょう、というか辞めてくださいコノヤロウとGoogleGuy先生は遠回しに怒っている。
- Comments (Close): 0
- TrackBack (Close): 0
Podcasting with TextPattern @thedeplorableword
- 2005年6月 3日 13:58
- textpattern | web
Podcasting with TextPattern @thedeplorableword
流行のPodcastingをTextpatternで。ちなみにTextpatternは最近流行り始めたブログシステム。Textile(だっけ?)と言われる独自タグやらで色々出来る(もの凄いおおざっぱな説明)。Firefoxのロゴデザインで一躍時の人となったJohn Hicks先生もTextpatternユーザー。
- Comments (Close): 0
- TrackBack (Close): 0
「2010年までに国民100%にブロードバンド」総務省が最終案取りまとめ @BroadBandWatch
- 2005年6月 1日 11:23
- web
「2010年までに国民100%にブロードバンド」総務省が最終案取りまとめ @BroadBandWatch
ワーオ、WEB制作者として聞き捨てならない情報。後5年のうちに、本当にそこまで普及できるのかが少し疑問だけれども、進歩の目覚ましいIT業界なのであり得なくもないっすね。ちょっと前まで、テレホーダイとかフレッツISDNだったのが今じゃADSLが主流だもんなぁ。
これでまた色々と、常識が変わるんだろうか。モデム時代じゃタブーとされていたHTMLメールや画像のメール添付、画像やフラッシュを多用したサイトなんてのも、いまじゃ当たり前だし。5年後にはメールに動画を添付する時代になってるかもしれないっすね。
- Comments (Close): 0
- TrackBack (Close): 0
Jeffrey Zeldman Presents The Daily Report
- 2005年6月 1日 10:09
- web
Jeffrey Zeldman Presents The Daily Report
毎度毎度、WEBデザイン業界のニュースや情報をお知らせしてきたZeldman.comが10周年。名前からも分かるように、サイト管理者はスタイルシートの神、Jeffrey Zeldman氏。10年前は中学生・・・。WEBデザインのデの字もないっすね。ちょっと前まではフルスタイルシートでレイアウトするなんて思いもよらなかったですが。てか、自分が学校帰りにゲーセン通いして遊びほうけてる時から、Zeldman氏はWEBデザインの情報発信や仕事をしてきたのかと思うと、キャリアの差をもの凄く感じる・・・、そして神なのも納得。WEBが爆発的に普及したのがWindows95の発売と同時期と言われているから、もうWEB業界創成期からこの業界にいるんすね・・・。
- Comments (Close): 0
- TrackBack (Close): 0
Web Messenger Beta
- 2004年8月 7日 07:58
- web
http://webmessenger.msn.com/
windows版メッセンジャーのフォントカラーを何とかできないかとツール探ししてたら変な物みつけた。
ウェブ上からメッセンジャーできるようになるそうな。出先のマシンとかで使うのかしら。
気が向いたら試してみます。ここに置けるのかな。
- Comments (Close): 0
- TrackBack (Close): 0
Home > web Archive