グーグル、FlashをHTML5に変換するツール「Swiffy」を発表
Googleは、FlashファイルをHTML5に変換するツール「Swiffy」を発表した。SWFファイルにこのツールを適用すると、SWFファイルがJSONファイルに変換され、HTML、SVG（Scalable Vector Graphics）、CSS（Cascading Style Sheets）を使ってレンダリングされる。Googleによれば、変換されたファイルのレンダリングパフォーマンスは非常によく、ファイルサイズはオリジナルよりわずかに大きくなるという。 Adobe Systemsも、2011年に入って同様のツール「Wallaby」を発表している。このツールは、FLA形式のファイルを、HTML5、JavaScript、CSSに変換するものである。 Googleは、Swiffyに関するFAQで、Adobeは「FlashプラットフォームがFlashプレーヤーをサポートしていないデバイスに
CSS 2.1仕様が「勧告」ステージに
ウェブの世界はほぼCSS 3へと移行しつつあるが、World Wide Web Consortium（W3C）は米国時間6月7日、CSS 2.1をウェブフォーマットの標準とすると宣言した。 W3Cによると、CSS 2.1は「勧告」ステージに達したのだという。W3Cでインタラクション分野のリーダーを務めるPhilippe Le Hegaret氏が、Twitterにてこのマイルストーンを発表した。 ブラウザメーカーは、常に遅れ気味のMicrosoftでさえすでにCSS 3に目を向けている。CSS 3は、ページ遷移時のトランジション効果を利用したり、角が丸いボックスを表示したり、Adobeの提案に従えば雑誌のようなレイアウトをすることも可能となる。 それでも、CSS 2.1は標準として完成させておくべきものだ。こうした技術は寿命も数十年と長くなる可能性があり、その間非常に幅広いユーザーや組織がウ
アドビ、「CSS Regions」プロトタイプを公開
サンフランシスコ発--雑誌風のレイアウトツールをウェブパブリッシングにもたらそうとしているAdobe Systemsは米国時間5月9日夜、同社の提案するフォーマッティングテクノロジをウェブ開発者がテストできるよう、特別に設計されたブラウザのプロトタイプをリリースした。 「CSS Regions」と呼ばれるこのテクノロジを利用すると、プログラマーはマルチカラムレイアウトを作成したり、テキストを多角形型に配置したり、テキスト表示エリアの中心にオブジェクトを配置したりすることができる。そうしたテクノロジは印刷出版の世界では何年も前から存在しているが、一般的にウェブからは欠落していた。雑誌や新聞がデジタルパブリッシング、とりわけAppleの「iPad」のようなタブレット上でのデジタルパブリッシングへ移行する中で、そうしたテクノロジの不在はますます顕著になってきている。 このフォーマッティング機能が
画一的なプレゼンテーションにさよならを。HTML5/JavaScript/CSS3によるプレゼン·CSSS MOONGIFT
CSSSはHTML5/JavaScript/CSS3で作られたWebベースのプレゼンテーションテンプレート。 CSSSはHTML5/JavaScript/CSS3によるオープンソース・ソフトウェア。最近はHTMLやJavaScriptを使って作られたプレゼンテーションが増えている。JavaScriptでキーの動きに合わせてスライドを動かす類のものだ。 奇麗なHTMLプレゼン コンテンツがHTMLベース、つまりテキストで作れるのが大きな魅力だろう。そして最新のWeb技術を盛り込んで作られたのがCSSSだ。 CSSSは矢印キーによるスライドと切り替えと、Ctrlキーと組み合わせたキーボードショートカットをサポートしている。Ctrl+Hでスライドのサムネイル一覧を作ることもできる。矢印を押すたびに文字が追加表示されていくと言ったアクションも実装できる。 スライド一覧 良いと思ったのは、スライドの
犯してはいけないHTMLタグの過ち10個
【追記】 HTML5ではインラインとブロックの要素分類がなくなり、代わりに、メタデータ、フロー、セクション、ヘッディング、フレージング、エンベッディッド、インタラクティブというコンテンツの種類が定義されています。 2. 画像に代替テキストのalt属性が入っていない <img src="sample.gif" /> alt属性は、Webページに表示されるすべての画像に必須の要素ですので、必ず使用する必要があります。 <img src="sample.gif" alt="サンプル" /> 必須の要素ですので、特にテキストで表示する必要がない場合でも、alt=""としておく必要があります。 【追記】 HTML5では「Images whose contents are not known(どのような内容かわからない画像)」に限り、alt属性を省略することができます。写真共有サイトにユーザーが画像を
The portfolio of Bryan Katzel | Design, illustration & stuff to make you smile
Webleed Design is the portfolio site of Bryan Katzel. As a professional designer, Bryan's world revolves around all things "print". His work includes package design, illustration, branding, toy, poster and advertising. Bryan holds a creative position focusing on design and developement for the toy & game market. The position has opened his eyes to package design and the retail toy market. Here are
CSSの生みの親、新しいウェブレイアウトの可能性を描く
ノルウェーのオスロ発--ウェブフォーマットの標準仕様であるCSS（カスケーディングスタイルシート）は、知る人の比較的少なかった長い期間を経て真価が認められ、新世代のインタラクティブで洗練されたウェブページの開発技法として中心的な役割を担うようになった。CSSは現在、新たな方向に発展しようとしており、この技術を生み出したHåkon Wium Lie氏は、新たな方向に改良が進めば、CSSを使ってさらに複雑なウェブページのレイアウトができるようになると考えている。 Opera Softwareの最高技術責任者（CTO）でもあるLie氏は、オスロで行われたインタビューで「レイアウトのためには、まだやるべき重要な作業が残っている」と語った。現在策定中の新しいCSS3は多段組みのテキスト配置に対応しているが、「CSSで新聞の紙面を模倣することはできなかった」。 現在、グリッドレイアウトおよびテンプレー
シャッター・アイランドのトリックにまだ引っかかっている映画評論家 « 破壊屋
今回のエントリは『シャッター・アイランド』の完全ネタバレです。未見の人は読まないで！ 映画『シャッター・アイランド』はトリック系の映画だけど、本編を観る前に設定を聞いただけで、なんとなくオチの予想がつく人は多いと思う。 精神病の犯罪者を収容するシャッター・アイランドという島がある。絶対脱出不可能な島にもかかわらず、女性患者が忽然と消えた。連邦捜査保安官の主人公は事件の調査を開始するが…… 当然ながらオチは…（以下ネタバレ） 当然ながらオチは、主人公がその精神病院の患者だった！になる。でも『シャッター・アイランド』は演技と演出がトリックを作り出していく過程を楽しむ映画なので、トリックが事前に予想できても十分に楽しめる作品だ。むしろトリックを頭の中で構築しながら鑑賞するとかなり見応えがある。それに『シャッター・アイランド』にはもう一つ別のトリックが仕掛けられており、観客はそちらに驚かされる構成
デザイナは要注目！ 明日から語れるHTML5＆CSS3（1/4）- ＠IT
デザイナは要注目！ 明日から語れるHTML5＆CSS3：一撃デザインの種明かし（13）（1/4 ページ） ※本稿では特に断りがない場合、Firefox、Google Chrome、Opera、Safariは2010年7月時点の最新バージョン、IEはInternet Explorer 6/7/8の総称です。 いま世界で一番熱い「HTML5」「CSS3」とは？ 最近、「HTML5」「CSS3」といった言葉をよく耳にしませんか？ これらはWebの表現をもっと豊かにするために策定中の言語です。いままでのHTML 4.01やXHTMLでは実現できなかったことができるようになったり、CSS3はCSS 2.1よりさらにグラフィカルな部分まで表現できるようになりました。 FirefoxやOpera、Safari、ChromeといったHTML5＋CSS3に対応するWebブラウザが増えてきたことで、HTML5
KAYAC Engineers' Blog
SREチームの長田です。 今回は、カヤックのメンバーが業務で使うために開発・公開しているOSSなプロダクトをまとめて紹介しようという企画です。 KAYAC organization以下にあるものだけでなく、在籍中のメンバーが作ったものもひっくるめて、実際に業務で使用しているものを中心に 紹介しています。 以下の3つのカテゴリに分けて記載しています。 各カテゴリ内はアルファベット順です。 ツール編 人間が手動で実行するもの アプリケーション編 どこかに常駐して、イベントを受け取ると動作するもの ライブラリ編 ツールやアプリケーションから参照されるもの 集めてみたらそこそこの量になったので、本記事では詳細な説明は省いています。 GitHubリポジトリのURLや関連記事のリンクを併記していますので、より詳しく知りたい場合はそちらを参照ください。 (...) 内はそのプロダクトで使用している主なプ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web開発に便利な機能を「Visual Studio」へ追加してくれる「Web Essentials」NOT SUPPORTED
ショートカットキーのカスタマイズが可能になった「BlueGriffon」v1.3が公開
「Visual Studio」の補完機能を最新のHTML5/CSS3対応に「Web Standards Update」NOT SUPPORTED
オープンソースのHTMLエディター「BlueGriffon」v1.1が公開
http://www.designwalker.com/2010/05/css3.html
背景に使えるドットパターンをCSSおよび画像で生成してくれるサイト「Patternify」 | ライフハッカー・ジャパン
https://csswarp.eleqtriq.com/
曲線に沿ったテキストを表現するCSSを作成できるジェネレータ「CSSWARP」 | ライフハッカー・ジャパン
コリス
Ambilight