STUDIOドキュメントFMDocsグラフィックデザインとWebデザインのこと。ホームホームページ制作についてHTML5/CSS3(X)HTML/CSSWebアプリケーションCMSとはSNSSEO・SEMプロに頼まず自分で作るグラフィックデザインについて新聞・雑誌広告、SPツールエディトリアルデザイン書籍装丁・ブックデザインCI・VI・BIとはブランディングアートディレクターとはタイポグラフィについてWebフォントデザイナーの使い方ホームページ制作についてHTML5/CSS3HTML5HTML5とは、HTMLの5回目の仕様改訂版です。これまでに比べよりシンプルになり、またより文書構造を表現しやすくなるタグが追加されています。<svg>やCANVASといった描画機能やマルチメディア機能を持った要素なども追加されており、これにCSS3の効果やjQueryなどのJavaScriptライブラリによるプログラミング機能を加えれば、ブラウザの対応状況にもよりますが、Flashを駆逐するのではないかと期待されています。Playerの開発を取りやめると発表しています。iPhoneやiPadで使用されているiOSは当初からFlashを採用しておらず、Flash排除の動きが加速しています。CSSJavaScriptとCANVASで表現したアニメーション。FlashではありませんCSS3CSS3とはCSSの3回目の仕様改訂版で、これまで画像でしか表現できなかったボックスの角丸や半透明、ドロップシャドウ、グラデーションなどをCSSの記述により表現できるようになっています。transitionやtransformといったアニメーション動作を設定する要素もあり、:hoverなどで位置を変えたりする際、中間の動作を表現する事も可能です。実際このページもHTML5とCSS3で記述されています。左上のロゴは画像ではなくSVGで記述されており、左のメニューのロールオーバー時のドロップシャドウ、IE以外のブラウザならグラデーションも現れますが、これらは画像を一切使用していません。ここでは使用していませんが、jQueryは要素の移動やフェードイン・フェードアウトなどをアニメーションで表現できますし、これまでFlashでやってたスライドショー程度なら、Flashを使わずとも表現できます。便利な時代になりました。WebGLプラグインなしで、直接ブラウザに3D画像を描画する技術です。HTML5の<canvas>を用い、JavaScriptで制御します。2012年4月現在、IE以外の主要ブラウザで対応しています。OutlinerHTML5の文書構造を表示してくれるサイト。Generator様々な効果を持ったCSS3の記述を生成してくれるサービス。パラメータを変えて色々実験できます。Effectsbox-shadowを使って様々な種類のドロップシャドウを表現する方法を紹介していますjQueryもうほぼ業界標準のJavaScriptライブラリCreateJSHTML5をフルに駆使してリッチコンテンツを作るためのJavaScriptライブラリjsdo.it優れたJavaScriptコードを公開しあうコミュニティ。Bootstrapサイト制作時にいつも行うような設定の標準化の提案。ExperimentsGoogleが提供するWebGLのサンプル集。プログラマーとしてアルバイトをしながらデザインを独学。ホームページ制作を中心に業務を行う。2007年より本格的にカリグラフィーを独学。2008年よりJAGDA正会員。趣味はアイリッシュフィドル。Reserved.▲Top。