BRIANS PET TOKYO主催者 WebデザインからRuby on RailsでのWebアプリ構築までをトータルに行うWebコンテンツデザイナー。現在はBRIANS PET TOKYOにてWebアプリケーション「DORIBAR(ドリバー) 」を開発中 http://brianspet.com
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
少し前にJeffrey ZeldmanとEric Meyer両氏の手によってリニューアルされた、"An Event Apart"(Webサイト制作者向けのオンライン雑誌 "A List Apart"のオフラインライブイベント版)や、今年6月15日-17日にかけてロンドンで開催される、Clearleft社主催のユーザー・エクスペリエンスのワークショップ"UX London"のサイトでは、先月少しだけ紹介した"<!DOCTYPE html>"という新しい文書型宣言が採用されています(→連載 #20をご参照下さい)。 すでに個人レベルでは、可能な範囲でHTML5によるマークアップを試みる事例は見られたものの(事例1、事例2、事例3)、ウェブ業界関係のサイト、しかも実質的に採用したのは文書型宣言だけ(HTML5固有の要素や新ルールの適用は、ひとまず見合わせた感じのおとなしめのマークアップになってる
HTML5では、これまでには HTML4 や XHTML では規定されていなかった新たな要素が追加されています。Firefox 2.0、Opera 9、Safari 3 では、未知の要素に対して CSS ルールを記述したとしても有効になりますが、Internet Explorer では無視されてしまいます。 もし将来的に HTML5 でサイトを構築するような時が来たら、少なくとも現在リリースされている Internet Explorer6, 7 対策に苦慮しそうです。 ところが、なんと、すでに、Mozilla Corporation の JavaScript エバンジェリストであるジョン・レシグ(John Resig)氏のブログ記事『HTML5 Shiv』で、HTML5 の新要素に対して CSS を適用させるテクニックが紹介されています。 簡単にまとめると、次のような感じです。 CSS:
2009.06.30 | トピックス クリエイティブ・タブロイド withD休刊のお知らせ 2009年6月30日をもって休刊させていただきました。 ご愛読いただき、ありがとうございました。 2009.06.29 | インスピレーション・ネタ探しの旅 行動につながる情報を見つけ出す インスピレーション・ネタ探しの旅 ♯26 ミキチョクシ(ペタビット/ナフタリン)
2009.06.30 | トピックス クリエイティブ・タブロイド withD休刊のお知らせ 2009年6月30日をもって休刊させていただきました。 ご愛読いただき、ありがとうございました。 2009.06.29 | インスピレーション・ネタ探しの旅 行動につながる情報を見つけ出す インスピレーション・ネタ探しの旅 ♯26 ミキチョクシ(ペタビット/ナフタリン)
ストーリー by hylom 2009年06月19日 15時44分 使い勝手のよいオーサリングツールは登場する? 部門より 本家Slashdotで、InfoWorldの「HTML 5: Could it kill Flash and Silverlight?」という記事が話題になっている模様。 似たような話でInfoQの「Google WaveはRIAやSilverlightに影響を与えることになるか?」という記事もありますが、いずれもこれまでマルチメディアなどWebコンテンツのリッチな表現を担ってきたFlash、Silverlight、JavaFXといったプロプライエタリなRIAプラットフォームが、HTML 5という新たな標準にその地位を脅かされるのではないか?という内容の話です。 HTML 5についてはGoogle Waveが基盤技術としているほか、YouTubeとDailymotio
Web関連技術の標準化団体World Wide Web Consortium(W3C)は米国時間2009年7月2日,マークアップ言語HTMLをXMLで再定義した言語「XHTML 2」について,策定担当ワーキング・グループ(WG)の憲章(行動指針)「XHTML 2 Working Group charter」の適用を2009年末で打ち切ると発表した。同憲章を更新せず,HTML担当の「HTML WG」に投入するリソースを増やすことで「HTML 5」仕様の策定作業を加速させ,HTML開発の方向性を明確化する考え。 W3CはXHTMLをHTMLのXMLシリアライゼーション(XML形式への変換)と見なしている。HTML 5仕様にXMLシリアライゼーションを含め,引き続きHTML WGで検討していく。現在HTML 5仕様でこのXMLシリアライゼーションは「XHTML 5」と呼んでいるが,今後HTML
この文書は、XHTML の今後について寄せられた質問をまとめたものです。W3C が今後どのように XHTML と関わっていくのかを、コミュニティや W3C Member が理解を深められるように作成されました。 XHTML 2 Working Group はどうなりますか? 2007 年 3 月に、W3C は HTML Working Group と、XHTML 2 Working Group という、ふたつのグループを設立しました。この際、私達は XHTML 2 の市場価値などを見ながら、今後について検討すると表明していました。 私達は、何年にもわたる XHTML 2 Working Group の活動と貢献をとても評価しています。しかし、参加者と話した結果、W3C は、2009 年末で失効する XHTML2 WG の憲章を改正しないことを決定しました。 HTML Working Gro
HTML5の開発に取り組んでいるWHATWG(Web Hypertext Application Technoloty Working Group)のブログ「Quality Assurance tools for HTML5 « The WHATWG Blog」で、HTML5文書を記述する際のクオリティチェックに使えるツールが紹介されていました。 どんなツールなのか、試してみることにしましょう。 Validator.nu (X)HTML5 Validator Validator.nuは、その名の通り入力されたHTML文書がHTML5として有効かどうかをバリデートしてくれます。入力はURLを指定するか、ファイルをアップロードするか、テキストをペーストするか、いずれかです。 YouTubeのHTML5用サンプルページを指定してみました。エラーメッセージとともにエラーの箇所を指摘してくれています
HTML5ではWebブラウザ内にSQLite3が組み込まれ、データベースが使えるようになる。既にHTML5に一部対応しているSafari(iPhone含む)ではブラウザ内部にデータベースを持っている。これを使えばGearsのような操作が可能になる。 データベースを使ったサンプル JavaScriptから使うデータベースなので、使う場所はきちんと考える必要があるだろう。使う方法はAlex Frameworkを利用すれば良い。 今回紹介するオープンソース・ソフトウェアはAlex Framework、HTML5に向けたJavaScriptフレームワークだ。 Alex FrameworkはWebブラウザ内部で使えるデータベース向けO/Rマッパーを提供している。これを使えばサーバサイドからデータをダウンロードし、クライアントで参照したり、加工するのがとても簡単になる。使い方が簡単であれば、実際に利用
CSS3とHTML5のマストハブなチュートリアル&リソース集70ということで、大量のコンテンツがまとまっています。 例えば、どんなものがあるというと、CSS3の基本ガイドや、CSS3のリファレンス、CSS3による角丸、CSS3のボーダー、ドロップシャドウ、Opacity、マルチ背景画像といった感じでかなり網羅されているみたいです。 CSS3とHTML5によるコンビネーションを使ったテクニックの他、HTML5関連のチートシートなど便利なものが満載の内容になっています。 先取りで覚えておきたい方は知っておいたほうがよさそうですね。 リンク先は以下の元エントリより参照してください。 70 Must-Have CSS3 and HTML5 Tutorials and Resources | Web Resources | WebAppers 関連エントリ CSS3等を使ったサンプルや各種CSSリソ
最近公開のHTML5関連の参考サイト色々をまとめてみました。 チュートリアル〜チートシートまでをご紹介。 Coding A HTML 5 Layout From Scratch | How-To, Tutorials | Smashing Magazine ゼロからHTML5レイアウトを行うためのチュートリアル HTML 5 Reset Stylesheet | HTML5 Doctor HTML5用のCSSリセットスタイルシート How to build a desktop WYSIWYG editor with WebKit and HTML 5 - Ars Technica WebkitとHTML5を使ってWYSIWYGエディタを作成するチュートリアル HTML5 drag and drop in Firefox 3.5 ? 0xDECAFBAD Firefox3.5でHTML5のド
開催予定 終了したイベント CSS Nite in OSAKA, Vol.39 年忘れスペシャル 「仕事とお金の回(大阪版) Pt.1」 CSS Nite in OSAKA, Vol.39 終了いたしました。 CSS Nite in OSAKA, Vol.39は「仕事とお金の回(大阪版) Pt.1 」をテーマに開催! CSS Nite in OSAKA, Vol.38 なくなったわけじゃないけど、Fireworksを使わない ワークフローを考えなきゃいけないかも会議 CSS Nite in OSAKA, Vol.38 終了いたしました! CSS Nite in OSAKA, Vol.38は「なくなったわけじゃないけど、Fireworksを使わないワークフローを考えなきゃいけないかも会議」! CSS Nite in OSAKA, Vol.37 撮影スペシャル CSS Nite in OSAK
W3C HTML5 の「第4章 HTMLの要素 (4 The elements of HTML)」とそれに関連する項目をもとに、HTML5 の HTML タグリファレンスをご用意しました。主に HTML5 の仕様の和訳となります。 正確性を求める場合は、最新の原文を参照してください。また、もし本サイトのリファレンスが、最新の仕様と異なる部分がありましたら、ご指摘頂けると幸いです。 コンテントモデル HTML5 の要素は、コンテントモデルと呼ばれるグループに分類されます。このコンテントモデルは、その要素の中に入れても良いものを定義します。HTML5 をマークアップするには、このコンテントモデルを意識しなければいけません。まず最初に、コンテントモデルを理解しましょう。 グローバル属性 すべての要素で共通に使える属性をグローバル属性と呼びます。class 属性や id 属性など、これまでによく使
XHTML 2 is dead, long live HTML5! According to W3C News Archive, XHTML 2 working group is expected to stop work end of 2009 and W3C is planning to increase resources on HTML5 instead. And even although HTML 5 won’t be completely supported until 2022 (yes, 2022), it doesn’t mean that it won’t be widely adopted within the foreseeable future. XHTML 2 is dead, long live HTML5! According to W3C News Ar
コンテンツ講演 リクリでコンテンツとデザインについて話しました 先日スピーカーとして第2回 Re:Creator’s Kansaiに参加しました。WDEの菊池さんも加わり、これから何をしようかといった将来の話題が中心のイベントになりました。大阪でセミナーをするのはかなり久しぶりだったので、こうした機会が巡ってきて嬉しかったです。今年は執筆している記事も含めコンテンツにフォーカスした講演が多かったですが、リクリでも再びコンテンツをテーマにした話題でした。今までは概念的な部分が多かったのに対し、今回は「コンテンツ戦略を意識したデザインアプローチ」という題名で、コンテンツにフォーカスしたサイトの組み立て方を、実際あるサイトを例に挙げて解説しました。 テレビ、紙媒体、ラジオでは顧客・消費者を「視聴者」「読者」「観覧者」と呼びます。受動的な呼び名が使われているのに対し、Webでは「利用者」という能動
In: ブログBy:KikuchiOctober 21, 2009 Leave a response 11月11日(日)に開催されたリクリにて、WDE の代表 菊池が『HTML5 Loading』をプレゼンいたしました。基本的な内容は全日の WCAN のプレゼンと同様に、HTML5とCSS3について講演をしました。ただ、WCAN の講演より時間の関係もあり、CSS3 の内容を多くコンパクトな内容にしました。 今回の内容は、Web Directions の John Allsopp が『CSS Reloaded』を公開したとき、誰もが驚き興奮し、一方でその過激さゆえに IE を理由に現実的ではないという意見もありました。しかし、それから1年半がすぎ、今では海外では Google もふくめて CSS3 を当たり前のように使うようになり、やはり Web Directions が昨年に指し示した方
新野淳一 Publickey 2009/11/27 オペラソフトウェア(以下、オペラ)は、グーグルやモジラと同じように積極的にHTML5への取り組みを見せる企業だ。同社はなぜHTML5を支持し、実装するのだろうか オペラは、当初からHTML5策定に深くかかわっていた 現在、HTML5の仕様策定としてW3CのHTMLチームでエディタを勤めるグーグルのイアン・ヒクソン(Ian Hickson)氏は、元オペラの社員であり、HTML5の策定母体となったWHATWG(Web Hypertext Application Technology Work Group)の設立当初はオペラに所属していました。 この話が象徴するように、オペラはHTML5の策定に当初から深くかかわる企業の1つであり、現在もその姿勢は変わらず、積極的にHTMLを実装し、また普及にも積極的です。同社はHTML5について、いまどう考え
サイト内検索 この記事は、html5doctor に掲載されている記事「How to get HTML5 working in IE and Firefox 2」を日本語訳したものです。この記事では、新要素に対応していない IE や Firefox 2 で、新要素を適切にレンダリングさせる方法を分かりやすく解説しています。HTML5 でサイトを作る場合には、必須の知識となります。 原文タイトル How to get HTML5 working in IE and Firefox 2 原文ページ URL http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/ 著者 Remy Sharp 氏 原文投稿日 2009-06-20 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了
アスキー・メディアワークスは、HTMLの次世代版「HTML5」のドラフト版にいち早く対応した『ASCII.jp HTMLリファレンス』とCSS 2.1に対応した『ASCII.jp CSSリファレンス』を本日より公開しました。 ASCII.jp HTMLリファレンス 「ASCII.jp HTMLリファレンス」は、HTMLの各タグの定義や使い方を解説したものです。書籍『超図解 HTML & CSSリファレンス』(エクスメディア、2006年1月刊行)をベースに大幅に加筆。現在提案されているHTML5の仕様まで含め、合計123項目を収録しリファレンス性を高めています。WebデザイナーからWebプログラマーまで、幅広く、末永くご利用いただける内容に改訂しました。 ASCII.jp CSSリファレンス 「ASCII.jp CSSリファレンス」は、CSS(Cascading Style Sheets )
2009年もあと数日ということで、今年のWeb標準について簡単ですが本Blogのエントリをもとに振り返ってみようと思います。 XHTML 1月にXHTML Media Typesの第二版が公開され、XHTML文書を公開する際のガイドラインがより現実を反映したものになりました。 XHTML Media Typesの第二版が公開 7月にはXHTML2 Working Groupの活動終了がアナウンスされました。 XHTML 2 WGが活動終了へ、XHTML 2.0も策定終了に XHTML 2.0の策定は中止されますが、XHTML自体が終了するわけではありません。 HTML5と関連API 2009年はHTML5の注目がとくにまった一年であるように感じました。 Web Forms 2を統合した新しいHTML5の草案が公開 Last Callに向け進むHTML5 HTML5のeditor, Ian
今年も明けましておめでとうございます。 白石です。 正月明けからイッパイイッパイです。 で、いきなり本題。 HTML5用のリセットCSS(どのブラウザでもデフォルトの見た目が同じになるよう、強制的に表示を調整するCSS)と言えば、昔HTML5Doctorで紹介されたやつが有名です。Google Codeでプロジェクトがホスティングされてもいます。 でもこのCSS、ちょっと悩ましいことに中途半端なんですよね。例えば、HTML5ではあらゆる要素にhidden属性を指定することができるのですが、「hidden属性のついた要素は非表示にする」と言ったスタイル指定が行われていなかったり。 で、完全なものはないのかというと、あります。それも仕様書の中に。これは、HTML5仕様が正式に「提案」しているものです。 でもどう見てもHTML5DoctorのCSSのほうが有名ですよね。 で、みんながその中途半端
OperaでWebエバンジェリストを努めるBruce Lawsonが、「アクセシブルなHTML5のビデオ」という記事を実装方法とともに紹介しています。 Accessible HTML5 Video with JavaScripted captions デモ:“HTML5 Video with JavaScripted synchronised captions: demo” (video要素とOgg Theoraをサポートするブラウザーが必要です) videoのアクセシビリティ video要素やaudio要素のアクセシビリティは、動画や音声にデータとして情報を含む事が望ましいとされています。ただ、それが難しい場合のことを考えて、このデモではビデオの字幕をページ内に記述し、それをビデオの上に重ねるという手法で字幕を表示させています(JavaScriptが有効でない環境では、トランスクリプトが
HTML5を使用した、JavaScriptでOggフォーマットのオーディオファイルをコントロールするスクリプト「jai」を紹介します。 jai - javascript audio interface 「jai」は、「JavaScript Audio Interface」の略で、グラフィカルなインターフェイスには画像を使用せず、canvasによってレンダリングされています。 対応する音声ファイルはOggフォーマットで、コーディックには「 Ogg Vorbis audio codec」が使用されています。 プレイリストはスタイルシートでデザインされたリスト要素で、下記のような書式になります。 <textarea name="code" class="html" cols="60" rows="5"> <li> <a href="@F1LT3R - Cryogenic Unrest.ogg">
Not your computer? Use a private browsing window to sign in. Learn more
Jilion 無茶苦茶カッコいいHTML5 ビデオプレイヤー「SublimeVideo」。 Steve Jobs がFlash>HTML5といったことで盛り上がっている(?) HTML5ですが、クールなHTML5の動画プレイヤーが公開されています。 全画面モードにできたり、カッコいいコントロールパネルがついていたりと、Flash要らないんじゃないかという気にもなってしまうかも。 フォーカスを外れるとプログレスバーもフェードアウトしながらカッコよく消えます。 流れているムービーもカッコいいので必見です。 まだ公開はされていませんが、近いうちにフリーで公開されるようです。 現時点では、Safari4、Chrome4、IE(with Chrome Frame) に対応しているようです。 関連エントリ 最近公開のHTML5関連の参考サイト色々まとめ HTML5やCSS3のチートシート色々 HTML
IEにだけできないことを可能にしたい。 そんなときにおすすめなのが、『10 ways to make Internet Explorer act like a modern browser』。IEをモダンブラウザのように扱う方法です。 便利そうなのが揃っているので、ざっとご紹介しますね。 HTML5をIEでも使用可能にする html5.jsを読み込んで、HTML5をIEでも使用可能にする text-shadowプロパティー IEでtext-shadowプロパティーをfilterを使って実現 IEでのbox-shadow filterを使ってシャドウに見せるテクニック 角丸 モダンブラウザはborder-radiusで、IEにはDD roundiesを適用 マルチカラム div要素にカラムを追加する。IE用にはjQueryプラグインで実装 HTML5の表現はだんだん増えてくるかと思うので、一
Chrome Experiments is a showcase of work by coders who are pushing the boundaries of web technology, creating beautiful, unique web experiences. You'll find helpful links throughout the site for creating your own experiments, and you can also explore resources like WebGL Globe and our workshop of tools.
52FrameworkはHTML/JavaScript/CSS製のオープンソース・ソフトウェア。これまでのWebデザインが今後、大きく変わっていく可能性を秘めているのがHTML5やCSS3だ。まだ実験段階というイメージが強いが、GoogleやYoutubeをはじめとする大手サイトでも取り入れられ始めている。 Safari4での表示 最大シェアを持つIEの対応がいまいちなため、積極的に取り入れていくのは難しいと感じているかも知れない。しかし時代は進んでいる。ついにHTML5/CSS3をターゲットにしたデザインフレームワークが登場した。それが52frameworkだ。 52frameworkはHTML5でコーディングされ、CSS3を使った角丸やテキストの影、ボックスの影、グリッド表示、CSSリセットなどを行っている。グリッドはウィンドウを16のブロックに分割する。一つのブロックはフレームワーク
"HTML5 script要素"というキーワードで検索すると、async属性(及びdefer属性)に注目している人が多いようです。確かに、こういう細かい挙動も、ひいてはビジターの快・不快(いわゆるUser Experience)に影響を与えるので、決して軽んじていいわけではありませんが、これを使いこなせるほど重い処理をスクリプトにやらせるのか、と考えると、AJAX万歳な時代の趨勢に漠然とした不安を覚えます。 ところで、私が個人的に注目しているのは、script要素の中身です。4.01では、 The SCRIPT element places a script within a document. This element may appear any number of times in the HEAD or BODY of an HTML document.
はじめに もう何年も前のこと、プログラマになりたての私が主に携わっていたのは、プレゼンテーションやコンピュータゲームを構築するためのマルチメディアアプリケーション(ビデオ、オーディオ、アニメーション、テキストを組み合わせたプログラム)の開発でした。1990年代初頭には、作業のほとんどをMacromedia Directorで行っていました。ビデオはもちろん、オーディオを扱うWebアプリケーションの開発でさえ夢物語と思われていた頃でしたが、RealNetworksの登場で状況は一変しました。RealNetworksは初めてのメジャーなストリーミングテクノロジであり、バッファにためたメディアコンテンツをインターネット経由で送信するという処理を可能にしました。のちにRealNetworksはWebページへのメディアコンテンツの埋め込みにも対応しました。 HTML内にビデオやオーディオに関する専用
原文: Why Apple is betting on HTML 5: a web history By Daniel Eran Dilger Published: Saturday, September 19, 2009 07:00 PM EST Apple は、自社の儲けのほとんどをハードウェアの売上げから得ているにもかかわらず、ソフトウェアの未来を形づくるためにかなりの投資をおこなっている。 この例のひとつに HTML 5 とそれに関連するウェブ標準がある。 HTML 5 標準はまだ最終勧告にはなっていないものの、Apple はすでに同社の戦略における重要なコンポーネントとして同標準を位置づけ、iPod touch や iPhone のモバイルブラウザから Mac および PC 上の Safari、Dashboard ウィジェットから新しい iTunes LP コンテンツ、さらには
このごろ「HTML5があればFlashは不要」みたいなほとばしった意見を見かけることがある。そうなるかどうか、いつごろそうなるか、という点はよく判らない。どうせ棲み分けしていくんだろうけど、そうなったとして、それぞれの局面でどちらで実装するかディレクターが判断することになるんなら、ちょっと面倒だ。 ここで少し余談。Flashが担っていた部分をHTML5に置き換える理由って色々とあるだろうけど、「オープン性」を挙げている人がiPhoneやiPadについて賞賛しているのを見ると、どうにも収まりの悪い気持ちになる。なんで? と言われそうだが。 余談はさておき。「FlashをHTML5で代替する」という可能性について少し違った切り口で考えてみたい。 棲み分けがなされたとして、HTML5でやりましょうとなったとき、では誰にやってもらうのか? というのはちょっと気になる。いやまあ、アサインできる制作ス
Web development is an area in which you have to keep up with the latest technologies and techniques, so that you are at the top of your game. And no wonder - this is an area which changes with an amazing pace. What is the standard now will be obsolete in just a couple of years. But changes do not come from nowhere. The early adopters are already using what we are going to use day-to-day a few year
原文(投稿日:2010/02/05)へのリンク nfoQ では先週,YouTube の HTML5 ベータの提供と H.264 フォーマット採用のニュースをお伝えした。その後間もなく,Vimeo からも HTML5 ベータの発表 があった。こちらもビデオコーデックには H.264 を使用する。 Mozilla のオープンソース・エバンジェリストである Chris Blizzard 氏は,Mozilla が Ogg に固執する理由 を説明するために GIF サブマリン特許 で起きた問題を引合いに出している。特許対象であった (しかしそれまではロイヤリティフリーだった) イメージフォーマットが Web 上でのデファクト(事実上の)標準となった後に,ロイヤリティ請求の標的にされた,というものだ。(特許は 2003 年から2004年の間に失効している。) このときは GIF のフリーな代替として
タイポグラフィが好きだ。 そんなあなたにおすすめなのが、『15 Excellent Examples of Web Typography』。タイポグラフィの美しいサイト15選だ。 以下にご紹介。 » A List Apart Webサイト制作者向け » Shaun Inman プロのデザイナー・デベロッパー向け » FontShop サイト名の通り » Jesús Rodríguez Velasco UC Berkeleyの教授のブログ » BearSkinRug Shop プロのイラストレーター、Kevin Cornellのサイト » Design View Andy Rutledgeのサイト » Rikcat Industries アートディレクター、Rik Catlowのサイト » Quipsologies ニュースとクリエイティブTips » Design Snips Webデザイ
「描き文字」とはなにか? 日本近代デザイン史研究家と、最後の描き文字人が、毎回ゲストを招いての談論風発。鉄壁の論考に対する実践者の直感が激突したりしなかったり、緩急自在、スリリングな話の展開が快感。 エディトリアルデザインの王道がページものだとしたら、それと異なる我流の文字組み処理や文字デザインを展開しているデザイナーを「組版外伝系」と呼べるだろう。異端(?)にして実践的、実用的なデザインの世界。全6回。 博覧強記というより博覧狂気なうんちくと、文字にたいするほとばしる愛情のもと、本邦古今の組版、書物を惜しみなく紹介する府川充男劇場。次から次と繰り出される貴重なビジュアルと明解な考証の醍醐味にひたる。
ちょっとモーションタイポグラフィーのサイトを探したのでメモ。 ■pre-voce http://pre-voce.com/ ■ichirou.org http://www.ichirou.org/ ■エッシャー展 http://www.ntv.co.jp/escher/ ■長藤寛和デザイン室 http://nagafuji.jp/ ■coreywecler http://www.coreywecler.com/ ■Enigmind http://www.enigmind.com/ →メインじゃないけど
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド(“&”) スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
フォントブログ閉鎖と一部記事の移管について 平素はフォントブログをご覧いただき誠にありがとうございます。 数年前よりブログの更新を中止したまま、諸般の事情で過去の記事は公開をしていましたが、 時代に合わない内容や、すでに古い情報をこのまま残しておくのは良くないと考え、 フォントブログを閉鎖することにいたしました。 これまでお世話になった方々、私に様々な機会を与えてくださった方々、 そして約25年間に当ブログをご覧いただいた方々に心より感謝いたします。 私自身2014年に関東から地元へUターンをし、 書体デザイナーやフォントメーカーの方、文字関係者の方と直接お会いする機会が減ってしまったこと、 また私自身の環境の変化により、以前のように情報収集をする時間の確保が難しくなってしまいました。 フォント好きとして初心に帰り、過去の一部の記事は順次個人サイト (PETITBOYS) のブログのほうへ
http://lab.allianceport.jp/web-typography-app/web_typography/ 私が印刷とウェブのデザインの比較について興味を持ち始めたのは、まだ私が学生だった頃なので、もう 10年近くも前になります。当時、Josef Muler Blockmannの『Grid System』をもとに、ウェブデザインへのグリッドシステムの応用を考えていました。その頃から「メディアによる再現性の違いを理解し、一つの理論をそれぞれに展開する」という考えをベースに、実用的なツールをつくりたいと思っていました。 グラフィックデザインには、グリッド・システムというデザイン手法が存在します。グリッドシステムとは、書籍デザインにおいて、全ページを同じグリッド上で展開することで、ページ全体に統一性を持たせ、レイアウト上の判断を効率的に行うツールとして、全世界のデザイナーに使われ
Over the last several months, a small group of web developers and designers have been hard at work perfecting a method to insert rich typography into web pages without sacrificing accessibility, search engine friendliness, or markup semantics. The method, dubbed sIFR (or Scalable Inman Flash Replacement), is the result of many hundreds of hours of designing, scripting, testing, and debugging by Mi
『嘘じゃない、フォントの話』 連載『嘘じゃない、フォントの話』(supported by モリサワ) 第1回:文字にも性格がある? 日本語の「フォント」を知る 私たちが日々何気なく接している「文字」。実はこの「文字」、日本語だけでも千種類以上もの「フォント」があることをご存知でしょうか? 「文字は性格を表す」と言われることもありますが、人によって書く文字の形が違うように、印刷物やインターネット上で使われているフォントにもさまざまな性格や役割があります。そして同じ文章や言葉でさえ、使うフォントによって伝わり方が変わってくるのです。 連載第1回目はまず、私たちが普段目にしている様々な文字の不思議をひも解いていきたいと思います。 (テキスト・撮影:CINRA編集部 協力:竹下直幸) いきなり「フォント」と言われても、なじみの無い人は困るかもしれません。 でも、実際に見てみるとなんて事はない、皆さ
MULTICOL. はHTMLで雑誌のような美しい段組みレイアウトを実現するだけのシンプルなjQueryプラグインです。 もちろん、日本製のプラグインなので日本語もきれいに段組みにします。 一 或春の日暮です。 唐の西の門の下に、ぼんやり空を仰いでいる、一人の若者がありました。 若者は名を杜子春といって、元は金持の息子でしたが、今は財産を費な身分になっているのです。 何しろその頃洛陽といえば、天下に並ぶもののない、繁昌は、まるで画のような美しさです。 しかし杜子春は相変らず、門の壁に身を凭かと思う程、かすかに白く浮んでいるのです。 「日は暮れるし、腹は減るし、その上もうどこへ行っても、泊めてくれる所はなさそうだし——こんな思いをして生きている位なら、一そ川へでも身を投げて、死んでしまった方がましかも知れない」 杜子春はひとりさっきから、こんな取りとめもないことを思いめぐらしてい
HOKYPOKY. | MULTICOL. jQuery Plugin MULTICOL. はHTMLで雑誌のような美しい段組みレイアウトを実現するだけのシンプルなjQueryプラグインです。もちろん、日本製のプラグインなので日本語もきれいに段組みにします。HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグインの紹介。 次のようにコードを書くと、複数のブロックを簡単に4カラムにすることが可能です。 $("#sample1").multicol({colNum:4, colMargin: 10}); マージンを指定できるところも良いですね。 関連エントリ 複雑なブロックレイアウトもシンプルかつ簡単に実装可能な「malo」 複雑なCSSレイアウトもサクッと実装できるCSSフレームワーク「emastic」 CSSレイアウトのチート集「CSS Layout Cheats
2009年のトレンドという噂もある、フォントをプレスしたようにするレタープレスのPhotoshopのチュートリアルを紹介します。 噂はこちら 2009年、押さえておきたいウェブデザインの10のトレンド
Smashing Magazineで、商用無料でタイポグラフィーなXHTML/CSSテンプレートが配布されています。 ざっといくつかご紹介。 ↑はT-20。 Megan David Kruger MiniCon Luvbold In May we announced the Typographic Layout Design Contest that aimed to collect beautiful typographic (X)HTML+CSS-based layouts created by the design community and release them for free as a gift for the web design community. However, we did receive a number of brilliant typographic te
7 Key Principles That Make A Web Design Look Good下記、そのポイントを意訳したものです。1. バランス2. グリッド3. カラー4. グラフィック5. タイポグラフィ6. ホワイトスペース7. コネクションおわりに1. バランスバランスで一番大切なことは、デザインが一方向に偏らないことです。対称あるいは非対称のものでもウェイトにはバランスをおくようにします。実例: Subtractionこのグラフィックの重要なポイントは右のクロスです。このクロスはビジュアルのウェイトに大きな影響を与えています。 この小さなクロスがどれだけグラフィックのバランスに効果があるかは、あなたの手でクロスを隠して見てください。これが非対称のバランスと呼ばれるものです。ビジュアルのサイズやカラーをコントロールし、ウェイトを調整することができます。 仮にクロスのカラーがオ
「Smashing Magazine」で、タイポグラフィーに関する素晴らしいブログ集が紹介されています。 ざっといくつかご紹介。 ↑のキャプチャはType for You。BlogSpotで運営されていて、フォントレビューやイベントなど、タイポグラフィーにまつわることを扱ってるようですね。 NiceWebType タイポグラフィーについての情報を集めています Design & Typo タイポグラフィーの素材やTIpsを紹介しているブログ FontLover あらゆる種類のフォントやフォントのアップデート、レビュなどを紹介するブログ タイポグラフィー好きな方は見てみてはいかがでしょうか? » Fantastic Typography Blogs For Your Inspiration いろいろと映画を見ています。「レッドクリフ」おもろかったね。男性はみんなかっこよくて女性は綺麗すぎました
Information Architects Japan - ウェブデザインの95%はタイポグラフィ http://informationarchitects.jp/ja/the-web-is-all-about-typography-period/ Information Architects Japan - 95%タイポグラフィ説ーその後 http://informationarchitects.jp/ja/webdesign-is-95-typography-partii/ 「Web Trend Map」で世界的に知られるデザイン会社、Information Architects JapanのOliver Reichenstein氏による2006年の記事。Webデザインにおけるタイポグラフィの重要性について述べられており、何度読み返しても啓発される素晴らしい内容。 両エントリより抜粋
タイポグラフィーデザインが好きだ。 そんなあなたにおすすめなのが、『15 Great Examples of Web Typography』。Webタイポグラフィーに優れたサイト15選だ。 このエントリーでは、ロゴのフォントの使い方や空白の使い方など、タイポグラフィーに焦点を当てて優れたデザインのサイトを紹介している。 ロゴの位置や字間、色、大きさなど、綺麗な見せ方の参考になるのではないだろうか。 Webタイポグラフィーに優れたサイト、チェックして参考にしていきたいですね。 「レミーのおいしいレストラン」を見ました。とても幸せな気持ちになりましたw。 まったりし過ぎだな。
TOP > WebDesign > jQueryで制御する文字エフェクト集「20+ Easy to Use jQuery Text Effects and Animations 」 WEBで文字にちょっとした変化をつけようと思うと、なかなかHTMLとCSSだけでは難しくて、どうしても画像にしたりFLASHにしたりとしなければいけない場合が多いかと思います。多くの場合は問題はないのですが、利便性などを考慮した場合、テキストのまま処理ができたほうが良かったりもします。今日紹介するのはjQueryで文字に対してかけられる様々なエフェクトを集めたエントリー「20+ Easy to Use jQuery Text Effects and Animations 」です。 FontEffect jQuery Plugin グラデーション、影、アニメーションなどなど様々なエフェクトが公開されていま
jQueryでテキストにエフェクトをかけたりアニメーションさせたりするプラグイン集が色々まとまったエントリが公開されており、それぞれ便利に使えそうです。 テキストエフェクト 画像を使わずにJavaScriptやCSSを駆使してテキストにエフェクトを加えるものが色々。 FontEffect jQuery Plugin アウトラインや影、グラデーション効果をJavaScriptでかけることが可能。 jQuery Label Effects 文字を盛り上がりや影付きにしたりできます Text-shadow in IE with jQuery IEでテキストを影付きにする例 Codename Rainbows グラデーションなど様々なテキストエフェクトをかけることが可能 Textgrad – A jQuery Text Gradient Plugin テキストにグラデーション効果を自由自在に与える
美しい写研フォント・写研書体をDTPで使いたい。写研システムで組版したい。数式や漢文を美しく組み上げたい。そんなご希望にお応えします。 和文書体一覧表_01 ●LHM(本欄明朝L) ●MHM(本欄明朝M) ●DHM(本欄明朝D) ●DBHM(本欄明朝DB) ●BHM(本欄明朝B) ●EHM(本欄明朝E) ●HHM(本欄明朝H) ●SHM(秀英明朝) ●SOM(爽蘭明朝) ●UM(大蘭明朝) ●LMNKL(石井細明朝) ●MMANKL(石井中明朝) ●BMANKL(石井太明朝) ●EMANKL(石井特太明朝) ●YMA(石井横太明朝) ●LSM(スーシャL)横組み専用 ●BSM(スーシャB)横組み専用 ●ILMA(岩田細明朝) ●ISNMKLB(岩田新聞明朝) ●YSEM(新聞特太明朝) ●LTA(石井細教科書) ●MTA(石井中教科書) ●DT
ウェブデザインをはじめ、印刷にも役立つ基本的だけど大切なタイポグラフィのルールをfred designから紹介します。 Simple rules for good typography もしくは、Typophile 下記は、その意訳です。 はじめに ここにウェブや印刷のためのタイポグラフィに役立つ基本的なルールがあります。もちろん、このルールは基本であり、そしてルールは破られることを意図されているものです。 しかしながら、もしあなたが一般的にきちんとしていて美しくみえる何かを制作するためには良いルールです。 1. たくさんのフォントを使わない ウェブサイトなどのドキュメントに一貫性は非常に重要な要素です。一貫性は統一と一つのアイデンティティーをもたらします。 この一貫性を守るためには、一つのドキュメントに対して3つ以上の異なるフォントを使用しないことです。 2. ヒエラルキー ページ内の階
「えっ、どこに問題があるの?」と思ったあなたは、 2月末に刊行予定の『欧文組版』をご購入ください。 最近ではデザイナーが欧文を組む機会は多いと思いますが、 これがかなり難しい。「最初の1行はどのくらい字下げするんだっけ?」 「1行の長さはどのくらいにしたらいいの?」などなど、 和文では当たり前にできたことが欧文になると分からないのです。 そんな「どうやって組むんだっけ?」という疑問を解消してくれるのが この本『欧文組版 組版の基礎とマナー』です。 自分で字間、ワードスペース、行間を調整して、 最適な間隔を体感する練習問題を解いたり、 20の項目別に組版のポイントを解説したり、 名刺やレターヘッドの組み方を徹底的に説明したり、と その内容はかなり実践的。 デザイナーは前に納品した英文のデザインを やり直したくなるくらい衝撃的な本です。 欧文組版を見る目が明らかに違ってくるでしょう。 と、さん
When I started this blog, way back in 2006, I had no clue how long it would last. I actually had no idea I could even write about something for more than a couple of days. It is funny how things go. Once I read in a book that the secret of happiness was low expectations. That explains why, for over a decade, I have been running this site. It also explains why you might end up on this page. Not los
When I started this blog, way back in 2006, I had no clue how long it would last. I actually had no idea I could even write about something for more than a couple of days. It is funny how things go. Once I read in a book that the secret of happiness was low expectations. That explains why, for over a decade, I have been running this site. It also explains why you might end up on this page. Not los
Last year we posted on Abduzeedo a very cool post about typographic portraits, the 45 Amazing Type Faces - Typographic Portraits became one of the most popular posts on Abduzeedo, and a lot of people asked me how to create that effect in Photoshop. We have also posted a little tutorial showing how to do that using, Flash Photoshop Quick Tips #5 - Typographic Portrait, however I decided to create a
Super Easy Typographic Portrait in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials 人の顔をベースにタイポグラフィで描画するPhotoshopチュートリアル。 次のように、写真をベースにタイポグラフィで描画したカッコいいグラフィックを作成するチュートリアルです。かなりかっこいいですね。 ベースとなる画像は以下です。 これは是非自分の顔でやってみたいですね。 関連エントリ プロレベルのPhotoshopチュートリアル集 2009年の凄いPhotoshopチュートリアル100種 ボタン作成のPhotoshopチュートリアル集
When I started this blog, way back in 2006, I had no clue how long it would last. I actually had no idea I could even write about something for more than a couple of days. It is funny how things go. Once I read in a book that the secret of happiness was low expectations. That explains why, for over a decade, I have been running this site. It also explains why you might end up on this page. Not los
2008年8月設立。アクセシビリティ,ユーザービリティ,CMSの導入,SEO/SEMといったWebサイト制作から,ROIを意識したブランディング,ソーシャルメディアを用いたユーザーとのコミュニケーションの最適化など,マーケティング活動までを手がけるクリエイティブユニット。 今回は最近話題のHTML5について取り上げます。HTML5はまだ正式に発表される前の段階ですが、Firefox、Google Chrome、Safari、Operaなどの新しいブラウザが仕様の一部を取り入れ始めています。新機能の中でも特に注目されているcanvas要素は、Flashなどのプラグインを使わずにブラウザ上に図などを描くために策定された仕様です。 HTML5で新たに追加される要素 HTML5は現在ウェブページ向けマークアップ言語の主流であるHTML4.01が持つ多くの要素を引き継ぎつつ、Webアプリケーションの
ノーコードWeb制作プラットフォーム「STUDIO」 コードを書かずに、高度なデザインを。サイトは1クリックで公開可能。CMS、フォーム、分析ツールもオールインワン。 事業コンセプトの検証から、デザインチーム組成まで。おしゃべりAIアプリ「Cotomo」の立ち上げ支援について 2024年2月にStarley株式会社からリリースされた、音声会話型おしゃべりAIアプリ「Cotomo (コトモ)」。事業立ち上げに関わる、事業コンセプトの設計・初期プロダクトの設計・デザインチーム立ち上げをrootとして伴走しました。音声会話型AIという特殊なドメインにおいて、いかに事業の方向性を固め、プロダクト内の体験を検証したのか。また、素早いデザインチーム立ち上げをどのように支援したのか、事例をまとめます。 STUDIO導入時に知りたい!「STUDIOをおすすめできる/できないパターン」を無料配布します ca
黄金比、フィボナッチ数列、ファイブエレメンツ、サインウェーブなど数学的な要素を巧みにウェブデザインに取り入れる方法をSmashing Magazineから紹介します。 Applying Mathematics To Web Design 下記は各ポイントを意訳したものです。 また、当サイトでも黄金比をウェブデザインに取り入れる簡単な方法を紹介していますので、あわせてどうぞ。 黄金比をサイトのデザインに取り入れる簡単な3つの方法 はじめに 1. 黄金比(黄金四角形) 2. フィボナッチ数列 3. ファイブエレメンツ 4. サインウェーブ [ad#ad-2] はじめに 「数学は美です。」 数字嫌いの人には、ばかばかしく聞こえるかもしれません。けれども、自然や宇宙にある美しいもの、最も小さい貝殻から最も大きい銀河まで、数学的な要素を持っています。 数学ははるか昔から今日まで芸術や建築のデザインに
Webサービス公開前にサイトをチェック Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック各ブラウザでどのように
初心者にますます優しく、楽しくなったAdobe Premiere Elements 8 アドビシステムズのビギナー向けビデオ編集ソフトのPremiere Elementsの新バージョン『ADOBE PREMIERE ELEMENTS 8』。さっそく利用してみたのですが、初心者に優しい機能、使って楽しい機能を搭載し、ますます使い勝手のよい編集ソフトに仕上がっていました。 ビデオの編集というと、どうしても「難しい」と思われがちですが、今回のバージョンでは、自動編集機能が大幅に機能アップしています。そうした改良点なども含めて、新Premiere Elementsをご紹介しましょう。 AVCHDの取り込みが簡単 ハイビジョン対応ビデオファイルの標準形式といっていいAVCHDですが、このAVCHD形式の映像が手軽に読み込めるのは嬉しいですね。読み込み方法は簡単。読み込みたいAVCHD形式のファイルを
Mac、iPhone、iPod、歌声合成、DTM、楽器、各種ガジェット、メディアなどの情報・雑感などなど NEW:20分で理解するSekai Camera〜セカイカメラ関連記事のまとめに、新たな関連記事まとめを作りました。 追記(2009-10-31):仮想現実に関するTwitterアカウント「ar_onetopi」をOneTopiで始めました。セカイカメラをはじめとするAR関連の最新トピックを追いかけています。まとめページはこちら。 これはきょうのAppleの発表もぶっとぶほどすごいことなのかも。世界カメラ「Sekai Camera」。SekaiCameraとの表記もありCEOの井口氏はセカイカメラと言っているので、日本語表記は「セカイカメラ」かな? まずはYouTubeの動画をどうぞ。 TechCrunch 50で、日本企業のTonchidot(頓智・)がプレゼンテーションして絶賛され
Day by Day Infinity – Webな日々(HTML/XHTML/CSS/JavaScript/PHP/CMS) 少し前に購入したAdobe Premiere Elements 4で使える、Premiere&After Effects用のエフェクト&トランジションプラグインを紹介します。 プラグインは完全にフリーで使えるもののみをまとめています。実は、最近のPremiereはAfter Effectsのプラグインとも互換性があり、Elementsでもそのまま使えるものがあります。After Effects用のプラグインでも、Premiere Elements 4.0へのインストールが確認できたものは合わせて紹介します。 Pete's Plugins 42種類ものエフェクトプラグインが入ったパック。「After Effects Plugins」とあるのがそれです。おすすめです。
アルファブロガー・アワード2009にGIGAZINEがノミネートされ、投票の結果、先ほどアルファブロガー・アワード2009のガジェット部門を受賞しました。投票していただいた読者の方々、ありがとうございました! 今年の4月でGIGAZINEは10周年なので、これを機になかなか良いスタートができればなぁと思っています。その他の各カテゴリの受賞ブログと得票数は以下から。特にゲーム部門がすごすぎです。 最終更新:2010/02/23 22:55 会場のビルに到着 誰もいないんですけど……ここで合っているのだろうか……? 6階へ行け、というナゾの指示が。 6階に到着。お、誰かいますね。 受付を済ませて中へ。 これが発表会場 今回はこんな感じでUSTREAMを使って実況中継しているそうで。 結果発表イベント、少し時間遅れてスタート。 予定はこんな感じ。結果発表は20時35分から。 注意事項もろもろ。
クラゲや人などを透明なテープによって形作ったアート作品。素材が透明であることを生かして光の表現などもされており、身の回りにある素材でありながらも、ちょっと現実離れした光景が作り出されています。 詳細は以下から。 The sticky stationery sculptures that tape creativity to new heights | Mail Online テープアートの作り方を解説したムービー。基本的には実在物にテープを一度巻き付けて外し、形を取って作っています。 Off the Roll Tape Sculpture Contest Annie Kさんによって作られた、自転車をひきずっていこうとする巨大クラゲ。 デスクやPCから人間にいたるまで仕事場を再現したScott Mさんによる作品。 赤いハートが透けて見える郵便屋さん。Joshua Rさんの作品。 単にテープを
世界で最も多くの人がプレイしている有名MMORPGである「World of Warcraft」について、現実世界の数値との比較をメインに図解したものがありました。 アメリカとヨーロッパの人たちがゲームに支払っている料金がサモアのGDPを超え、またサーバーの維持費だけで毎日スポーツカーが購入できるだけの大金がかかっているなど、驚くべき結果がそこには描かれていました。 詳細は以下から。 世界全体では1150万人のプレイヤーがいるということですが、その内訳は48%のプレイヤーがアジアの人で、北アメリカとヨーロッパのプレイヤーを足した数より多くなっています。 WoWの料金は月額制となっているのですが、北アメリカとヨーロッパのプレイヤーの支払い分だけでサモアのGDPを軽く超えてしまっています。しかも、ここには全世界で一番プレイ人口の多いアジアでの収益が含まれていないとのこと。 ゲーム中ではドワーフや
AppleのiPhoneやiPod touchに対抗するために、ソニーがPSPと携帯電話を合体させた「PSPケータイ」とでも呼ぶべきハイブリッド端末を開発する意向であることを昨年6月に日本経済新聞社が報じましたが、ついにソニーが開発していることを認めたそうです。 すでにPSPシリーズ向けにゲームソフトのダウンロード販売に乗り出しているほか、リモートプレイを利用してPS3のゲームをプレイすることができる携帯電話「Aino」を発売しているソニーですが、携帯電話とPSPを一体化させることで、いったいどのようなモデルが生まれるのでしょうか。 詳細は以下から。 Sony Ericsson Hints At PSP Phone << TheSixthAxis ? PS3 and Xbox 360 News, Trophies And Opinion この記事によると、ソニーグループの携帯電話メーカーで
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く