August 06, 2006
プラスザイニング創刊号購入
毎日コミュニケーションから出版された、プラスデザイニング創刊号です。先週アマゾンで購入したファミコン CD と一緒に届きましたが、記事にし忘れておりました。
毎日コミュニケーションといえば、Web Designing ですね。先月まで会社で定期購読していました。個人で定期購読しようかな。
このプラスデザイニングも興味深い特集があるみたいなので、定期購読しちゃおうかな。って、毎月私いくら払えばいいんだっていう･･･。
投稿者 Kuro : 10:00 PM | コメント (0) | トラックバック
November 02, 2005
TrueTypeフォントパーフェクトコレクション購入
Amazon.co.jp で購入しました。Amazon ギフト券が10月末日までだったのでギリギリ使いました。
英文フォントが欲しかったので、こちらの本を選択。
以下のフォントが一番の目的だったり。
- Helvetica Neue(Swiss721)
- Frutiger(Humanist777)
- Univers(Zurich)
ビットストリーム社によるクローン？フォントなので、フォント名が若干違います。
ホンモノのフォントを購入するには、ライノタイプでしか買えないようです。
ウェイト1つで4〜5万円するし、高いのです。個人で買う分にはこれで十分かなーと。
すべて500書体も入っていてこのお値段は安いかなと。
デザインの仕事でフォントとアプリケーションは一番お金がかかりますねえ。
投稿者 Kuro : 11:35 PM | コメント (0) | トラックバック
May 19, 2005
CSSギャラリーと使用例をカテゴライズ「CSS Drive」
今回紹介するのは、CSS Drive。
最近発見した、CSS による Web サイトの紹介する Web サイト(←Web サイト何回も使ってごめんなさい!)。
カテゴリーに分類されているので、参考にしたい Web サイトを探すのに便利だと思います。
まあ、この乱文乱筆な文章を読むよりも実際見た方が速いと思います(笑)。
投稿者 Kuro : 10:44 PM | コメント (0) | トラックバック
May 17, 2005
様々なジャンルの優れたWebサイトを紹介する「Pajatti.net」
今回紹介するのは、Pajatti.net。
Designing with web standards な Web サイトを紹介する Web サイトは英語サイトばかりかと思っていましたが、日本語サイトでもありました。
Web standards な Web サイトばかりでなく、デザインが洗練されている Web サイトも数々紹介されているので、とても刺激的です。
こちらの Web サイトで発見したのですが、リンクでないテキスト上にマウスカーソルを乗せるとテキストの色が変わるという面白いこともやっておられます。
こういった Web サイトの巡回は、常に新たな発見があってやめられません(中毒?)。
ブックマークを整理するのが楽しかったりします。
投稿者 Kuro : 10:31 PM | コメント (0) | トラックバック
May 13, 2005
Web デザインと標準化についての宣伝サイト「Stylegala」
今回紹介するのは、Stylegala。
これまで紹介した Web サイトと同じように、デザインと CSS と標準化が施された Web サイトを紹介する Web サイトです。
About にはこのように書かれています。
What is this?
Stylegala is an online resource and inspiration guide for web agencies, designers and developers who take interest in websites that combine the powers of design, web standards and CSS. Web standards are recommendations set by the W3C as to how web sites should be constructed to work better for everyone. CSS is the acronym for Cascading Style Sheet and describes how a html document is displayed or printed. The basic idea of web standards and CSS is to separate content from presentation - an effective way of producing beautiful and functional websites for the internet.
Stylegala aims to promote, discuss and inspire the fast and furious web audience in the area of design, CSS and web standards - combined. We want to show you that good design and web standards are two sides of the same coin. Style gala aims not only to promote the finest and most beautiful websites that uses CSS and web standards, but also to engage you as a visitor to learn more about the technologies and how they can help you build better web sites.
かなり適当な和訳(←略)。
これは一体何ですか？
Stylegala は、デザイン、Web standards および CSS の力を併せ持つ Web サイトに興味を持つ Web サイト構築業者、デザイナー、および開発者のためのオンライン上の資料と刺激を与える手引書です。
Web standards は、W3Cによって決められた Web サイトが皆のために、よりよく使われるためにどう構成されるべきであるかに関する推薦です。
CSS は、Cascading Style Sheets の頭文字であり、html ドキュメントをどのように表示するか、またはどのように印刷するかを設定します。
Web standards と CSS の基本的な考え方は、プレゼンテーションと内容を切り離すことです - これはインターネットのために美しくて機能的な Web サイトを製作する効果的な方法です。Stylegala は、デザイン、CSS、Web standards の領域の中で怒り狂う Web を閲覧する人を発展させ、議論して奮い立たせるのを目指します - いずれ一体化するでしょう。
良いデザインと Web standards が同じコインの2つの面であることをあなたに示したいと思います。
Stylegala は、単にCSSと Web standards を使用する最もすばらしくて最も美しい Web サイトを促進するのではなく、技術とそれら CSS や Web standards が、より良い Web サイトを製作するのをどう助けることができるかに関してさらに学べるように訪問者としてあなたを助けるように目指します。
↑かなーり適当なので、信じないように!
つまり、ただ美しい CSS と Web standards な Web サイトを紹介するだけでなく、そういった Web サイトを訪問者が作ることができるように手助けになるような資料やリンクを置くオンラインドキュメントとして活用してください、てことですね(きっと)。
私もこういった先駆者の後を追って見たいと思います。
いつかは、先駆者の仲間入りを。
投稿者 Kuro : 11:30 PM | コメント (0) | トラックバック
May 12, 2005
CSSによる美しいWebサイトを紹介する「unmached <style>」
今回紹介するのは、unmatched <style>。
CSS によってデザインされた美しい Web サイトのギャラリーと、デザインニュース、役に立つ資料などがまとめられている Web サイトです。
About にはこのように書かれています。
What is unmatched <style>?
unmatched <style> is a constantly growing community dedicated to acknowledging those who have made exceptionally gorgeous web sites, using the methods we feel to be the only acceptable way. This method is of course through the use of Cascading Style Sheets and web standards. By recognizing these exceptionally beautiful designs, other designers, and businesses, and others can get inspired, and find a direction they may wish to take with their own web sites.
かなり適当な和訳(←またかい)。
unmatched <style> とは何ですか？
unmatched <style> は、私たちが唯一の基準に満たした道になるように感じる「方法」を使用して、群を抜いて豪華なウェブサイトを作った人々を承認するのに捧げられた、常に変化する共同体です。
その「方法」はもちろん、Cascading Style Sheets と Web standards です。
これらの群を抜いて美しいデザインや、他のデザイナー、企業、またはその他のものが心動かされて、使用法を見つけることができると認めることによって、彼らはそれらを自分自身の Webサイトで使いたがるかもしれません。
群を抜いて美しいこれらの Web サイトにある、さまざまなテクニックを利用した Web Standards な使用法は、Table や間違ったタグの使い方に慣れたデザイナーの心を揺れ動かし、Web Standards 路線の方向に向かわせるかもしれません。
Table をレイアウトやその他の配置のために使用するのは全て投げ捨てる覚悟をすれば、CSS による「自分の思った位置に置ける快感」が味わえることでしょう。
Table 使いの人ならわかると思いますが、Table はかなりテキトーな描画を行うので自分の思った位置や幅にすることが困難でした。
はじめは少しツライかもしれませんが、慣れてしまえば「こんな楽にできるのか」と思える日が来るのはすぐです。是非この機会に!
投稿者 Kuro : 11:04 PM | コメント (0) | トラックバック
May 11, 2005
Web標準化されたWebサイトを表彰する「WEB STANDARDS AWARDS」
今回紹介するのは、Web Standards Awards。
About を読んでみるとこう書いてあります。
Why award web standards?
Although web standards give us a better, faster Internet, not many sites use them. The Web Standards Awards aims to promote web site design using W3C standards by seeking out and highlighting the finest standards-compliant sites on the Internet. By showing you standards-compliant sites that make your jaw drop, we hope to show you that web standards aren't a constraint, they are a liberation.
かなり適当な和訳。
なぜ Web Standards Awards なの？
Web 標準化はより良く・より速いインターネットを提供しますが、Web 標準化された Web サイトはそれほど多くはありません。Web Standards Awards は最もすばらしい規格に対応したサイトをインターネットから探し出して、紹介して強調することによって W3C 規格に則ったウェブサイトデザインを促進することを目指します。
Web Standards Awards は既に Web Designing のコラム「CSS Analysis」(大藤幹著)で紹介されているのでご存知の方も多いのではないでしょうか。
このサイトは CSS テクニックにより中央にあるデザインで、中央寄りにすることを CSS で実現できることを知った方は多いのではないでしょうか。私もその中の1人です。
表彰される Web サイトは数ある中でも選び抜かれた Web しか紹介されませんので、全ての賞された Web サイトを見るのもいいのではないでしょうか。
投稿者 Kuro : 11:08 PM | コメント (0) | トラックバック
May 10, 2005
CSSでデザインされた秀逸サイトを紹介し創造性を奮い立たせる「CSS Vault The Web's CSS Site」
今回紹介するのは、CSS Vault The Web's CSS Site。
秀逸 Web サイトを紹介する他に、CSS な Web デザインとコーディングを行う上で有用なテクニックを紹介している情報サイトも resources から見に行くことができます。
こういうとき感じるのは「もう少し英語を勉強していればなぁ」です。
日本語の Web サイトでも CSS に関する情報はあるにはあるのですが、英語で書かれた Web サイトから引っ張ってきた内容が殆どだと思います。一次情報源を読み漁れば最新テクニックを身に付けられるだろうなぁといつも悔やんでいます。
とまあ悔やんでいてもしょうがないので、いろいろな Web サイトを見て回っている Kuro でした。
投稿者 Kuro : 10:19 PM | コメント (0) | トラックバック
May 09, 2005
CSSでデザインされた秀逸サイトのショーケース「CSSBEAUTY CSS DESIGN SHOWCASE」
昨今の Web サイト構築に携わる人間にとってコーディング技術は日々進化し続けているので、既に公開されている Designing with web standards な Web のコーディング方法、コーディングの規則、 class 名・id 名の命名基準、スタイルシートの整理方法、スタイルシートでの裏技を見てみたくて仕方ないはず。
今週はそういった「世界中の (X)HTML + CSS に準拠しつつも訪問者の目を引き付ける秀逸な Web サイト」を紹介する Web サイトを私が紹介させていただこうと思います。
私も「Web サイト構築に携わる人間」の1人なので Standard な Web サイトはとても興味があります。
仕事に携わっている方、これから Web サイトを作ろうかなと思っている方、タグを覚えようとしている方もご覧ください。英語のサイトが多いですが、秀逸な Web サイトの画像があってその画像クリックすれば見れますので簡単にブラウジングできると思います。
さて、本日はその中のひとつ、CSSBEAUTY をご紹介。
紹介しているサイトは 300 以上で、ビジネス向け・エンターテイメント向けなどのカテゴリで分かれているので、カテゴリ別にデザインを見物してみるのもいいのではないでしょうか。
別にネタがないから他の Web サイトを紹介することで埋め合わせでは決してありません。ええ、そうですとも。
投稿者 Kuro : 11:00 PM | コメント (0) | トラックバック
April 02, 2005
Stopdesignのエイプリルフール
CSS による Web デザインの第一人者、Douglas Bowman 氏の Web サイト stopdesign.com が、エイプリルフールにちなんで、他サイトを真似したデザインになっていました(日本時間10時には元に戻った模様)。
- What Do I Know を真似た Stopdesign
- SimpleBits を真似た Stopdesign
- kottke.org を真似た Stopdesign
- Jason Santa Maria を真似た Stopdesign
投稿者 Kuro : 10:11 AM | コメント (0) | トラックバック
March 01, 2005
ヴェネチア・ビエンナーレ第9回国際建築展日本館「おたく：人格＝空間＝都市」を東京で再現展示中
ロリスク水ポスターで話題となったヴェネチアで行われていたヴェネチア・ビエンナーレ第9回国際建築展日本館が、現在東京都恵比寿ガーデンプレイス内にある東京都写真美術館で再現展示中だそうです。
2月22日から3月13日までの間が、「おたく：人格＝空間＝都市」となっています。
料金は、一般が300円、学生が250円、中高生や65歳以上は150円です。
お近くを通ったアレゲな方はぜひ立ち寄ってみてはいかがでしょうか。
ちょっと取材がてらいってみようかと思ったのですが、美術館なだけに写真撮影はやっぱりだめなんでしょうかねー。
問い合わせてみるかな。
投稿者 Kuro : 10:47 PM | コメント (0) | トラックバック
October 21, 2004
2ndfactoryがテレビに出てた
FlashによるWebサイトを多く製作しているデザイン会社の一つセカンドファクトリーがNHKのあしたをつかめ-平成若者仕事図鑑に紹介されていました。
月曜に家でテレビを見ていたところ、JALの予約システムをFlashで製作している画面が映っていたので見ていました。
同じWebデザインをしている人間として見ないわけには行かないと。
以前defideというデザイン会社がANAのFlash予約システムを作成していたと記憶していたので、今回は別会社とにらんでたのですがやっぱり的中。
なんとなく2番目的な見方もありますが、他がやればウチもやるという考えがあるようですなぁ。
Flashはスクリーンリーダーでは読むことができないから、結局目が見える人間しか使えないんですよね。
鮮やかさや見易さは目で判断できるんだけど、見えないユーザーの対処も考えなければならないのがFlashサイト。
もちろんHTML形式のページも同時に作成すればよい話ですが、手間が2倍となるわけです。
そんな戯言を言ってみました。
投稿者 Kuro : 09:47 PM | コメント (0) | トラックバック
September 30, 2004
PukiWikiをマルチカラムデザインに
サボラーズの Kuro です。
大きい仕事が終わったので久しぶりに記事を Post。
自宅サーバに設置した PukiWiki をなんとか table を使わないマルチカラムデザインに挑戦中です。
本家で公開しているのもメモしておこう。
■PukiWiki.orgの仕様
すでに table を使わないPukiWikiにしている方々を発見したので参考にがんばってみるテストです。
■かわちょき（KawaChoki）
■Firefoxまとめサイト
Wikiの仕様なんてのも公開中です
私の自己流の編集方法は、PukiWikiをインストールしたディレクトリの skin 内のpukiwiki.skin.ja.php。
CSSは同ディレクトリの default.ja.css です。
他にもあるみたいなのですが以下のファイルは使われていない気がします。
default.en.css
print.en.css
pukiwiki.skin.en.php
enとついているので、英語版なのかな・・・。とりあえず使っていないのは、アンダーバーを先頭につけて退避させちゃってます。
あーそれと、元に戻せるように編集する前にbackup20040901みたいないフォルダを作ってバックアップしてます。
これで思う存分にいじくれますわ。
以上、9月は今日にて終了。
#週刊少年チャンピオン連載の舞姫は今日から放送だそうです（テレビ東京25時30分〜24時00分）
投稿者 Kuro : 09:21 PM | コメント (0) | トラックバック
September 13, 2004
MinuteDesign
こんばんわ、毎週音楽CDを買い集めようとしているKuroです。
kuroduction.comの一番上のディレクトリ(いわゆるpublic_html)にあるのがまったく殺風景なので、時間が空いた時をつかってデザインを考えてまス。やっぱりWebデザインは楽しい。特にタグ打ちが(Dreamweaver MX 2004なのに)。
最近気になっているWebサイトがMinuteDesignです。幅760pxを固定しているのに文字も見やすく、適切に行間が開いていてとても見やすいです。
色は白とネズミ色だけなのに、暗くもなく明るくもない。もちろん Valid XHTML + CSS。
私もこんなWebサイト作ってみたいわ〜。
投稿者 Kuro : 09:39 PM | コメント (0) | トラックバック
June 25, 2004
アフォーダンス
Webデザインを考える私が良く耳にしている言葉があります。それがアフォーダンス( affordance )です。
例えば、高さ50cmぐらいで平行な板があり、その上に柔らかい材質で覆われている物体を見ると、「座れるもの」だと理解することができる。
これがアフォーダンスだ。
そのほかには、扉に取っ手があり手前に引っ張るような仕組みであれば、引き扉だということがわかる。逆に平らな白い板のようなものがついている扉であれば押し扉だということがわかるわけだ。
Webデザインという職業にもこのような人間の先入観のようなものも考えていかねばならなくなってきた。
誰も指示や、使い方を示さずに「これは押すことのできるボタン」ということをデザインで表現しなければならないのだ。
今やアクセシビリティーだ、ユーザービリティーだというものが出現してきて、Webデザインという仕事も楽ではなくなってきた気がします。
今月の Web Desiging にはそんな「情報デザイン」について参考になることが書かれているのでデザインに関わる方なら是非ご一読を。
投稿者 Kuro : 10:21 PM | コメント (0) | トラックバック
December 23, 2003
Changing PRiMENON
デザイン変更中。
真っ黒の背景に、真っ白文字は目が痛いね。
まっちろは目が痛いから抑え目にしないと。
しかも、左メニューのアンケートはtableつかってるから、divのclassで文字を白に変更しても
table内には影響ないんだよなぁ。
アンケートとっちまうか。
# BGM : KOTOKO - Change my style
# Powered : I've sound
# Arengement by : Kazuya Takase
# Game : Costte! My Honey ! Main Theme
↑こういう風に表示させるスクリプトないかなぁ（ぉ
投稿者 Kuro : 08:55 AM | コメント (0) | トラックバック
December 21, 2003
テンプレート再チェック中につき
現在PRiMENONはHTMLテンプレートとCSSテンプレートをW3C xhtml1.0になるべく準拠させるために
不要なtableを削除しマルチカラムデザイン仕様に変更作業中です。
一時的にテキストベースになっていますことをお許し下さい。
とりあえず今日はここまで。
また続きは火曜に。
ときどき横スクロールバーがでますがこれも火曜に修正します。
ではおやすみなさい。
（明日、人身事故がおきませんように・・・・）