日本でも大人気のApple社のiPhoneやiPadなどの端末では、Flashアニメーションが閲覧できません。そのため、iPhoneやiPad用のWebページにアニメーションを表示したい場合は、HTML5やCSS3などを利用することになります。
今回は、GUIでビジュアル的にCSS3アニメーションを作成できる「Sencha Animator」をご紹介します。アニメーション用のCSS3は、大量のコードで複雑になるため、専用ツールでの作成が主流になると思います。
Sencha Animator – 日本語
この投稿の続きを読む »
前回までは、Sassの基本構文や変数、演算子など、基本的な使用方法でした。
今回は、更に進んでCSSの構造化に不可欠な、外部ファイル読み込みや関数機能です。
ここから、JavaScript等のプログラミング知識が必要になってきます。
if文やfor文、while文などの制御構文も利用出来ます。更に関数と引数を組み合わせる事で、複雑なCSSが簡単に管理出来てしまいます。
前回、CSSの構造化にSassを利用してみる（1）でSassの基本的な利用方法を書きました。
ですが、まだSassの機能を利用して効率的にCSSを生成するのに利用出来る機能は沢山あります。
ここからは少々複雑になり、多少のプログラミング知識が必要になります。
今回は、Sassのスクリプト機能を取り上げたいと思います。
この投稿の続きを読む »
iPhoneやiPad、AndroidなどのスマートフォンでWebアプリケーションを展開する場合、HTML5の知識が不可欠になってきました。
HTML5と言っても、各端末に合ったレイアウトやHTML構造の変更、新APIの利用など、対処する事が沢山あります。HTML5はFlash等のプラグインを置き換える目的で仕様策定が進められているため、より多くの事がプラグイン無しで実現できる反面、CSSやJavaScriptなどは複雑さを増してきます。
中でもCSSは構造的に記述する事が出来ないため、メンテナンス性の悪さが難点です。
ですが、最近はCSSを構造化できるメタ言語Sass（Syntactically Awesome StyleSheets）を利用して記述されるケースが増えています。HTML5のフレームワーク内でも利用されているので、少し触れてみる事にしました。
この投稿の続きを読む »
