Example 1 - Curve Curved with a radius of 300 $example1.arctext({radius: 300})
Donatelloは幾何学模様をJavaScript/CSS3で描くドローライブラリです。 HTML5を利用すればこれまで画像やFlashを使わざるを得なかった描画がJavaScriptとCSSを組み合わせて実現できるようになります。どれくらい奇麗なグラフィックスを描けるのか、さらにそれをいかに手軽に実現できるかを知るのにDonatelloはぴったりなライブラリです。 サンプルです。時刻に合わせてオブジェクトの描画が変わります。 四角い形が円に沿って描画されていくサンプルです。HTMLの内容を見ると分かりますが、JavaScriptを使ってダイナミックにレンダリングしています。 このような複雑な形も描けます。 時計そっくりな描画も。こちらは実際に針が動きます。 四角が繰り返される描画。JavaScriptで描画内容をコーディングしているので幾何学系のアートが多いです。 実際のコード。複雑で
先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 (一部の図はセミナーの資料を元に作成してます。) 始めに:スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ(0からスマートフォンサイト用に構築) jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く