ネットのサラダボウル

@font-face規則でウェブフォントを表示してみた

どうもお久しぶりです。
Safari 3.1がリリースされてにわかに盛り上がりを見せてきた@font-face規則ですが、早速僕も試してみました。

@font-face規則は利用するフォントを指定するための規則です。@font-face規則を利用することでユーザのシステムにインストールされていないフォントであっても表示することがなどができます。

]]> フォントはただいま制作中のGTFontです。
フォントの良し悪しは、、、目をつぶっていただけますでしょうか。

GTFont表示テスト

Safari 3.1でご覧ください。

abcdefghijklmnopqrstuvwxy&z

サンプルソース

XHTML

abcdefghijklmnopqrstuvwxy&z

CSS

@font-face {
font-family: GTFont;
src: url("../../GTFont.otf") format("opentype");
}

.gtFont {
font-family: GTFont;
font-size: 350%;
text-align: center;
}

ウェブページで表示するテキストは通常、システムにインストールされたフォントしか表示できませんでしたから、この仕組みが広がればコンテンツ提供者は書体を加えた新たなコミュニケーションの提案ができるようになりますね。当然、デジタルフォントにはライセンスがあるので各フォントベンダーの動向を見守らなければなりませんが、1ドメインでいくらというライセンス形態が理想ですね。

こちらの記事は以下を参考とさせていただきました。
Safari 3.1でWebフォントを利用する--SafariのCSS対応 - builder by ZDNet Japan
ぽっけのなかのもじづくり» ブログアーカイブ » ウェブサイトで任意のフォントを使って表示する方法

銀座週間

今週は銀座へ足を運ぶ機会がとても多い一週間になりそうです。

月曜日、タイププロジェクトの鈴木さんからご紹介いただいたイギリス仕込のカリグラファー白谷泉さんのグループ展「河南美和子＆白谷泉とクラスメンバーによるカリグラフィー展写本装飾・紋章アートの世界　～時空をこえて～」を見に行ってきました。飾られている作品の中には僕が今習っている書体と同じ書体を扱ったものなんかもあり、アイデアを参考にしつつ3月末の作品提出に向けて気を新たに引き締めたところです。

]]> 木曜日、子供の誕生日ということで、プレゼント買いに松屋銀座へ。
丁度、ナガオカケンメイさんの展示会、「ナガオカケンメイの考え方」展が開催しているので見てきました。ナガオカケンメイさんのやっているプロジェクトは魅力的ですが、なかでもUSED Gは実際に目で見てしまうと考えさせられるものがありましたね。コンセプトしかり、商品しかり。なんというか商品自体、とても好きなんです。使い込まれてがさがさになったテクスチャといいフォルムといい。

そして土曜日。
こちらもタイププロジェクトの鈴木さんのご紹介でギンザ・グラフィック・ギャラリーにて行われている「TEXTASY：ブロディ・ノイエンシュヴァンダー展」を見に行く予定です。同時にショートムービーの上映会も行われるのでこちらも非常に楽しみです。

普段は千葉と麻布十番を往復していますが、たまに他の町にぶらっと行ってみるのもいいものです。

twitter.jp から学ぶ多言語サービスの提供に関する姿勢

久々のエントリーになってしまいました。その間、26回目の誕生日を向かえ、鼻息を荒くしているところです。

昨年大ヒットしたオンライン・サービスと言えばtwitterがあげられます。今なにしてる？という現在の自分のステータスをユーザ間で共有するというサービスは気負うことなく利用できて瞬く間に日本でもユーザーを増やしたのは周知の通りです。

]]> そんなtwitterの日本語版が現在制作中とのことでのぞいてみると日本テイストのイラストにテキストは縦組みと日本文化に準じているのが見て取れます（ソースは見なかった事にしてください＞＜）。

今回のtwiiterの件に関して言えば「現在制作中」ということをお知らせするのに最低限日本語で書かれてさえすれば内容を伝えるには十分といえるわけですが、そこに日本の文化（イラスト・テキストの縦組み）を加え、受け手に自然な形でより好意的に伝えた今回の手法は天晴れかつサービス提供者として見習うべき姿勢だと感じました。

現在、.htaccess Editor というサービスを提供していて、各国のユーザに使っていただいていますが、まだまだ現在の状況に甘んじることなく、よりユーザに歩み寄った形でサービスを提供できればと思った次第です。

【追伸】
現在、ryoken.orgというウェブサイトを制作中です。
まだまだ、途中ですが良かったらご覧ください。

デジパのデザイナーがこういうのやり始めました。

デジパのデザイナー角森君のブログ、wwwwusic （スリーダブリュージックと読みます）でサンプル素材の提供が始まりました。

シンプルで使える！Photoshop パターン素材 - wwwusic Simple Patterns [ wwwusic.net ]

前々からネタとして考えてたみたいだけどいよいよという感じで楽しみです。是非ともこれからも定期的に発信してほしいです。この手のサイトははっきり言ってよくあるけど見せ方に工夫があって一定のクオリティも期待できるところが非常に良いです。

.htaccess Editor 翻訳プロジェクトが一気に加速

とても久々のエントリーになってしまいました。
いろいろと新しいサービスを考えたり新しい分野にチャレンジしたり子育てなんかでブログの更新がおろそかになってしまいました。

サラダボウル、不定期で更新中であります。

さて、今回お送りするのは昨年リリースした、.htaccess Editor というサービスについて動きがあったのでエントリーしてみます。

]]> そもそも作った経緯としては、オンラインで.htaccess を簡単に作れたら便利だな。なんて思ったのがきっかけ。入力フォームに入力するだけで簡単に.htaccess を出力してくれるという小さな小さなサービスです。リリース当初からサイドフィードにならい英語版を作成。ついでと思っていくつかの言語ページを用意しました。もちろん、ページだけ用意して「誰か翻訳してくれませんか？」という他力本願な内容で。

しばらくすると、ネタフルさんphpspot開発日誌さんに紹介されユーザを獲得することが出来ました。その流れで韓国語に精通している方や、台湾に留学中の方から韓国語、簡体字中国語、繁体字中国語を翻訳していただけるとご連絡があり、昨年末にそれぞれリリースしました。

今回、ひょんなことから英語ページがdel.icio.us に取り上げられ、ドイツ語、イタリア語、フランス語、スペイン語、ポルトガル語、ロシア語などさまざまな言語に翻訳していただけるとナイスガイからの連絡が多数寄せられています。

そんなこんなでただいま、総勢2名のスタッフで鋭意対応中です。
Hello World! 世界の皆様、今しばらくお待ちください。
年内には多数の言語に対応した.htaccess Editor の誕生です。

AXIS Condensed 発売予定日ほぼ決定！

タイププロジェクトが制作したAXIS Font のコンパクトシリーズ、AXIS Condensed が9月初旬に発売が決定しました。

]]> 当初の予定は春発売でしたが、技術的な課題が発生したため延期となっていました。開発の発表はかなり前からされていたので首を長くして待っていた方も多いのではないでしょうか？実は僕もその1人なのであります。

実際の書体の形状や雰囲気については発売に先行してAXIS design のウェブサイトで使われているのでその確認が出来ますがかっこいいですね。発売後は色々なところで目にするだろうなと今からとてもわくわくしています。

あなたのサイトをオンライン査定します！

Webサイトの仲介を手がけるサイトストックがオンライン上で簡単にWebサイトの査定が出来る、無料オンライン査定サービスを公開しました。

テキスト入力欄に「URL」「月間売上」「月間コスト」「月間 PV」「会員数」「総ページ数」を入力するだけで簡単に査定が出来ます。

もちろん入力された情報以外にWeb上の様々なデータやサイトストックが取り扱った過去の成約案件の実績を掛け合わせて算出しています。

査定結果の演出がなかなかよいと身内ネタながら感心してしまいました。
30秒で出来るのでブログを運営されている方や、お勤めしている会社のWebサイトなどで試していただければ幸いです。

無料オンライン査定しちゃう！

KAYAC、CUPPY リニューアル

面白法人カヤックとそのグループ会社である株式会社クーピーのウェブサイトがリニューアルしている。
カヤックは主に自社サービスの企画・立ち上げ・運用がメインの業務。一方クーピーは受託制作がメインとなっている。

]]> 7月7日に発表されたこのリニューアルは創業以来続いている7月7日に7つのニュースをリリースするという777PROJECTのうちの1つ。

出来上がったサイト見てみるととにかく文字がデカイのが分かる。
そして若干もっさりしているもののhtmlソースを読み取り画像データをシステム側で吐き出すといったことも行なっていて新しい試みだと思う。ライセンス問題が気になるけど。
その他のリニューアルの方針はKAYAC CUPPY サイトリニューアル解説で詳しく解説されている。

僕は両サイトから2つほど大きく分けて感じた。

第一に感じたは超目的達成型ウェブサイト。
つまり全ページがランディングページのような感じ。文字がデカイ、リンクボタンデカイ、コピー良好などの要素はランディングページでは必要不可欠であるからだ。今回リニューアルされた両サイトに共通している。

第二にエモーショナル。
次に感じたのはエモーショナル部分で、「なんかやってくれそう」だとか「モチベーション高そう」などウェブサイトからかもしでている。きっとこのプロジェクトに関わったメンバー全員がいいモチベーションだったのだろうなと。

いい感じですなあ。

小林章さんの新しいブログ「ここにも Futura」

タイプデザイナー小林章さんの新しいブログここにも Futura が公開されている。

Futura の都市伝説のようなものはタイポグラフィに興味を持った方なら一度は耳にしたことがあると思う。具体的には「Futuraはナチスが制定書体として使っていたから欧米などの一部では大変嫌われていて、場合によって使用を控えた方がよい」などと言われている。

これに対して、小林章さんはデザインの現場や小林章さんの著書「欧文書体その背景と使い方」などでもその関係性を否定している。それまで、実は僕もその都市伝説を信じていたが、小林さんの著書に出会ってからというもの一切信じてはいない。小林さん自身、現在はドイツのライノタイプ・ライブラリ社で勤めていることもあり、ドイツの周辺事情については特に詳しい。

そんな小林さんが小林章のドイツ日記というブログとは別に新しくここにも Futuraを公開した。ブログ公開の目的は日本に広がるFuturaの都市伝説払拭のようで、様々な海外で使用された例を写真にとりためて公開しています。

文章からも人となりの素敵さが伝わる小林さんのブログがゆるい感じで楽しみです。

XHTML+CSS関連の書籍出ます。

明日、7月3日（火）にWWW WATCHの加藤さん、CSS HappyLifeの平澤さんと共著で書かせていただいた、Web標準XHTML+CSSデザインクリエイターが身につけておくべき新・100の法則。というタイトルの書籍がインプレスさんから出版されます。

以下はAmazon さんに掲載されている内容紹介からの抜粋です。

デザイン的なテクニックだけで満足していませんか? デザインを忠実に再現するだけではない、ワンランク上の実践的コーディングノウハウを解説。Web標準サイト制作を行う上で基本となるXHTMLの基礎から現場で使えるCSSの技までオールカラーの図解、実例を使って丁寧に解説。もう「できません」ではすまされないWebクリエイターのための一冊。やりたいことがすぐにできる新・100の法則シリーズ最新刊!

書店などで見かけた際には手にとっていただければ幸いです。

また、出版にあたり関係者の皆様にご尽力いただきましてありがとうございました。
この場を借りてお礼申し上げます。

ジェイエスファニチャー

ベイクルーズ、動いてます。
いささか前のニュースですが、ベイクルーズが50～70年代のアメリカのアメリカ・アンティーク家具を集めたショップを6月29日にオープンするとのこと。気になるショップ名は「J.S. Furniture （ジェイエスファニチャー）」。なんだか予想通りというか、、、

残念ながら、ウェブサイトはまだないようです。
出来上がりにはチェックしてみようと思います。

CSS Nite主催、スイッチ鷹野さんへインタビュー

CSS Nite主催、スイッチ鷹野さんへのインタビューがデジパのオフィシャルサイトに掲載されています。

7月15、16日行われるWeb標準の日々やCSS Niteを開催する経緯とCSS Niteのこれからの展開について語られています。

必見です。

CSS Nite主催　スイッチ鷹野雅弘氏 | インタビュー | デジパ株式会社

ユニクロが当たり前にかっこ良くなっている。

ユニクロが今、当たり前にかっこ良くなっている。
去年のデザイナーズインビテーションプロジェクトが功を奏したかは別としてもUNIQLO Soho NY 立ち上げとともに作られたウェブサイトから何かが変わっているというのを肌で感じるようになっていた。

そうしている間に「UT」ブランドを展開し1枚、1,500円という低価格ながらも高品質なT-shirtをだし続けている。僕も思わずT26とのコラボT-shirtを3枚ほど買ってしまった。

そして今、UNIQLOCKが新たに公開されている。
音楽、映像、タイポが良い感じでブログパーツが公開されている。

踊っている女性のオーディションシーンも公開されていてなんだか試みとして愉しい。

外側からガッチガチ固めてきているユニクロが今当たり前にかっこ良くなっている。あとは内から醸し出す味わいが加わればさらに良いものとなると思ってる。

出来ると思ってやらなくなる

いつも出来る出来ると思ってはいるがやらなくなってしまうことがある。
あの雰囲気を作り出すにはこうだと頭で見えていても実践する回数が減ってくるとそれが出来なくなる。と思えて来た。

出来ると思っても逐一実践を重ねなければ、、、
そう思っていると本当に作り出す人をただ尊敬する。

精進せねば。

Web標準の日々に参加します。

7月に15、16日に行われるWeb標準の日々に参加します。内容は以下の通りでビジュアルデザイントラックでお話をさせていただくことになりました。ビジュアルデザイントラックで内容はタイポグラフィのことを中心にお話をさせていただく予定です。

尚、Web標準の日々では以下のトラックが同時進行で行なわれます。

アクセシビリティ/ユーザビリティ
XHTML+CSS
ブラウザ
SEO/SEM、アクセス解析
リッチメディア
JavaScript/Ajax/DOM
Webマーケティング
Webディレクション
ビジュアルデザイン
スポンサートラック［Adobe CS3］

まずはご報告まで