IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.
はいどうも~。 今月から「プロフェッショナル」というよくわからない職種を与えられたエンジニアの吉田です。 2011年7月31日に「Adobe Edge」のプレビューが公開されました! 「Adobe Edge」とは、一言で説明すると、Webサイトのモーションや インタラクションをGUIでオーサリングできるツールです。 ここ最近は、HTML5、CSS3、JavaScriptなどのWeb標準技術を使って インタラクティブな動きを表現するサイトを見かけるようになりました。 しかし、HTML5やらCSS3やらJavaScriptやらでアニメーションを作るとなると まだまだプログラマがコードを書かなければならない状況ではないでしょうか。 しかし、Adobe Edgeを使えばそんなお悩みも解決できるかもしれません! Adobe Edgeではタイムラインにキーフレームをポチポチ打ってアニメーションを 創っ
The Expressive Web is an Adobe-curated resource website for the advocacy, support, and advancement of HTML5 and CSS3 web development.Copyright © 2011 Adobe Systems incorporated. All rights reserved. Use of this website signifies your agreement to the Terms of User and Online Privacy Policy. Resources About Adobe and HTML5
生成AIでコンテンツを制作するAdobe Fireflyで、想像力の赴くままにクリエイティブを創造できます。
スマートフォンサイトのサイト設計、画面設計に続き、今回はデザインとHTML/CSSの制作です。前回作成したワイヤーフレームをもとにデザインカンプを作成し、HTML/CSSをコーディングしていきます。 Photoshopでデザインカンプを作成する 最初に、グラフィックソフトを利用してデザインカンプを作成します。今回はPhotoshop CS5を使いましたが、FireworksやIllustratorなど使い慣れたツールで構いません。 デザインにあたっては、スマートフォンのブラウザーの画面領域を定義したテンプレートを用意してからデザインパーツを作成、配置していきます。画面領域はサイズを測ってガイドを引いてもよいですが、本連載の第5回で紹介したデザインテンプレートを利用するのが手軽です。
About This Pages! HTML5とCSS3の勉強をかねて、サンプルとして作成しています。 まだまだ作成途中なので、あまり突っ込まないでください。 SafariかChrome、Firefoxで見てください。 IEは確認してません。いや、だってCSS3まともに対応してないブラウザだs(ry ぜひソースとCSSファイルを見てほしい ソースを見てもらえれば分かりますが、このページで使用している画像は、↑のタイトルの部分で使用した飾りと、背景に使用した4つの画像(青いグラデと紫のグラデ、模様が2つ)だけです。 角丸とか、角丸にさらにドロップシャドウ付いちゃったり、よく見れば背景画像透けてます。 全部CSSで指定してます。 長いのが、難点ですね。 CSSファイルは、「css/common.css」と「css/layout.css」になります。 参考になるか分からないですけど、気になった
Webを記述する言語の標準の現状 昨年度であれば、HTMLを記述する授業では自信をもって以下の基準を推薦していました。 HTML (文書の構造を記述する言語) – XHTML 1.0 もしくは XHTML 1.1 CSS (文書の体裁・デザインを指定する言語) – CSS 2 しかしながら、ここ数年で、とくに去年あたりから状況は大きく変動しつつあります。現状の変化を理解するには、ここに至るまでの歴史的な経緯について簡単に理解する必要があります。ここまでの経緯を整理した上で、将来の展望を探りたいと思います。その上で、この授業ではどのような基準にのっとって「正しい」ということを定義するのか決めていきたいと考えます。 HTML (Webサイトの記述言語) の標準化巡る闘争の歴史 AppleInsider: なぜ Apple は HTML 5 に賭けているのか: ウェブの歴史 [Page 2] よ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く