タグ

typographyに関するyo_wakaのブックマーク (12)

  • Domain Suspension

    ICANN, the Internet Corporation for Assigned Names and Numbers, requires us to ask you as a Registrant of a domain name to verify your contact information for this domain with your provider. As a Registrant of a domain name, a new domain registration or changes to the first name, last name, contact address or email address of an existing domain name, requires verification of the information within

    Domain Suspension
  • Webタイポグラフィまとめ - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド(“&”) スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記

  • Service Unavailable

    アクセスいただいたサイトは、ただいまご利用いただけません。 担当者までお問い合わせください。

  • Advanced Typography techniques using CSS | 3.7 Designs

    While the descriptions and basic uses for CSS typography controls have been beaten to death, there are still many rich typographic abilities of CSS that are not well documented. This is an example of what you can do by combining and tweaking type using css. I am not at this time going to be describing the code in much depth, but if you are interested in learning how I did it download my advanced c

  • indeza.jp

    This domain may be for sale!

  • AS3.0 への移植 "INVISIBLE"(1)【閃光的網站・弛緩複合体 -Review Division-】

    今回は "INVISIBLE" の AS3.0 への移植についてです。 これは複数の文字列から構成されるモーションタイポです。 ステージ領域をクリックすることで、各文字列を構成する文字の、規定位置への集合もしくはランダム位置への離散を指定します。 その結果、順番に特定の文字列が表示されるものです。 まずは話を単純にするため、一つの文字列についてテストします。 以下がそのテストサンプルです。 領域をクリックするたびに、文字列が集合と離散を繰り返します(集合は、マウスカーソルの位置が基準となります)。 mono.zip ( 10.3 KB ) これは、以前おこなった「Tweener で MotionTypography (7)」で完成させたクラスを流用することで簡単に実現できます。

  • AS3.0 への移植 Hopper(1)【閃光的網站・弛緩複合体 -Review Division-】

    AS3.0 への移植、モーションタイポ系を続けます。 ちょっとした書き換えで作品としてのバリエーションをドンドン増やすことができるクラスって、ホント~にイイもんですね! 今回の移植対象は Hopper です。 Hopper の話に入る前にクラスのパッケージ化について一言。 繰り返しになりますが、私のモーションタイポは以下のクラスから構成されています(ドキュメントクラスは除外)。 モーションタイポ構成クラス最低限リスト TypoLetter.as StringSplitter.as MotionEngine.as 上記の3クラスのうち、文字列を1文字ずつ分解する StringSplitter.as と文字の定義クラスである TypoLetter.as は、現段階でパッケージ化が可能なまでに汎用化できたと判断しました。 厳密にいうと、複数行にわたるモーションタイポには対応していないんですが、そ

  • blog.keitap.com: OTFその後

    こないだのエントリーそのまんまだったがその後うまくいった。 thaの寡黙で有名な花村さんが異様にこのプログラムに興味を示してくれて面白かった。リガチャーとかはどうなんすか?!とか、聞かれたんだけど、そもそも聞かれた時合字なんてモノを知らなかったし、花村ッチが声が小さいのでエガチャーとか聞こえて、後は皆さんのご想像通りのサブいギャグを一発かましたりました。敬具。

  • 埋め込みフォントの情報を swfassist で取得する - てっく煮ブログ

    as先日の Shibuya.js のあとに、BeInteractive! の yossy さんが「swfassist を使ってくれる人が少なくて悲しい」みたいなことを言ってたので、埋め込みフォントのベクタ情報を swfassist を使って取得してみた。SWF のバイト情報は loaderInfo.bytes に入っている。そこで、フォントを埋め込んだ SWF を swfassist にわしてやると、フォントのベクタ情報が取れる。このベクタ情報を元に ShapeOutlineDrawer を使って描画してる。(追記) ただし、loaderInfo.bytes は Flash Player 9.0.115 以降にしか含まれていないので、それ以前のバージョンだとエラーになる。ShapeOutlineDrawer には graphics.lineStyle(1,0x000000); という行が

  • フォント情報を元に歪めて描画:ユメのカタチ - てっく煮ブログ

    as埋め込みフォントの情報を swfassist で取得するから先へ進んで、フォントのベクタ情報を加工して遊んでみよう。(追記) 手元の Firefox だと「bytes が読み取れない」と例外が出る。ブラウザや Player のバージョンによっては動かない!? bytes は Flash Player 9.0.115.0 以降にしかないので、それ以前のバージョンでは動かない…ということだ。swfassist には描画の仕方を定義する FlashGraphics クラスがある。これを拡張して、FuzzyFlashGraphics というクラスを作成してみた。与えられた座標から、ずらして描画するためのクラスだ。さっそく例。ランダムにずらしつつ、ずらす幅を時間ごとに変化させてみた。FlashGraphics オブジェクトのコールバック関数 f で歪め方を定義する。そこそこ汎用的に遊べるんじゃな

  • てっく煮ブログ - ラスタ→ベクタ変換する AS ライブラリ "PotrAs"

    as, potras超絶のまとめ記事が反応ありすぎて意外すぎます。それはそうと、超絶で発表した PotrAs を公開します。詳しくはプレゼン資料をごらんあれ。プレゼンの閲覧方法:プレゼン資料をクリックしてフォーカス与える→で次のページ、←で前のページHome で先頭、End で最後のページ0〜9+Enter で入力したページにジャンプ2色のラスタ画像をベクタに変換するライブラリです。プレゼン資料はリアルタイムで変換しながら表示しているので、CPU 消費量が少し高めです。あと、Mac でどう表示されるかが分からないのがちょっと不安です(アンチエイリアスがらみ)。(2007.10.3 追記) Mac 対策しました。Mac では BitmapData.draw したときにデフォルトでアンチエイリアスがかかってしまうため、細い線になるのが原因でした。threshold メソッドで2値化することによ

  • 40 Killer Typographic Posters, Photoshop Effects and Tutorials

    40+ Killer Typographic Posters, Photoshop Effects and Tutorials We cannot escape typography; it's everywhere on the web. In most modern designs it is used to not only present information but also be read by the users. Today we’re going to take a look at 40 stunning typographic posters, along with step-by-step Photoshop tutorials which can enrich your design skills and improve the quality of your w

    40 Killer Typographic Posters, Photoshop Effects and Tutorials
  • 1