- 2007-12-07 (Fri) 10:29
- その他
他サイトでも紹介されているが、個人的にぐっと来たのでご紹介。
複雑な図形の形にあわせてテキストを回り込ませたい、というときがたまにある。
ワードやイラストレーターではそういった処理が可能だが、ウェブでそれを再現しようと思うとちょっと厄介だ。
そこで登場したのがCSS Text Wrapperだ。このサイトでは自分で好きな図形を描き、それにあわせてテキストを配置することができる。
そのようにして作った「テキストの回りこみ処理」はCSSのコードでダウンロードすることができる。このコードを回り込ませたいテキストの直前に配置するなどすれば自分のサイトで簡単に応用可能だ。
ウェブで表現するのが厄介、で思考停止せずに、こうしたジェネレータを作ろうと考えることが大事ですな。
管理人の独り言 『正午が締め切り！』
さて15日に開催予定の忘年会議ですが、今日の正午が締め切りです。ご参加希望の方はよろしければどうぞ！
・今年も『忘年会議2007』を開催します！
http://www.ideaxidea.com/archives/2007/12/2007_1.html
今日の運動記録
うーむ。
- Newer: ブログ上で「ライブイベント」を展開できる『Convert It Live』
- Older: アップした写真をアスキーアートにして拡大、ポスターとして貼れる『ASCII Poster Maker』
Comments:1
- 名村 07-12-07 (Fri) 12:00
-
これ、レンダリング結果を見るだけでもかなり面白いですよね！
静的なポスター的なサイトであれば、使ってみたいなぁ～と思っています！
Trackbacks:0
- Trackback URL for this entry
- http://www.100shiki.com/archives/2007/12/csscss_text_wrapper.html/trackback
- Listed below are links to weblogs that reference
- テキストの回りこみ処理をCSSで実現するための『CSS Text Wrapper』 from 100SHIKI ～ 世界のアイデアを日替わりで
