HTML5のさまざまなform要素があなたのブラウザでどのように見えるかのまとめ -Native form elementsHTML5のform要素、input, textarea, select, option, fieldset, legend, label, buttonの各要素とさまざまなタイプをまとめたサイトを紹介します
[JS]自分仕様のかなりかっこいいローディング用アニメーションを生成できる -Sonic Creator
かっこいいデザインのローディング用アニメーションのCanvas版、アニメーションGIF版、CSSスプライトPNG版を同時に作成できるオンラインサービスを紹介します。 Sonic Creatorの前に、まずはSonicのデモから。 Sonic Sonicは、HTML5 Canvasを使ってローディング用のアニメーションを作成する超軽量（約3K）のスクリプトで、実装方法などは下記をご覧ください。 かなりかっこいいデザインのローディング用アニメーションを生成するスクリプト -Sonic 今回紹介するのは、このSonicをコードベースでオンラインで簡単に設計でき、それをアニメーションGIFやCSSスプライト用のPNG画像を生成するオンラインツールです。
HTML5で組んでるならこの魔法のjsも入れておけっていう話
現在、A!@attripさん発で話題になっている「たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS」という記事。 Webデザイン界隈では当たり前のものですが、実はもうひとつ追加しておくといいかもしれないjsがあったりします。 Photo:html5 By michael pollak IE8以前のブラウザはどうにもこうにも開発者泣かせなわけですが、ie9.jsとcss3-mediaqueries.jsを突っ込むことで、モダンブラウザと同じ挙動にすることができちゃいます。 もう少し具体的に書くと、ie9.jsを組み込むことで、 position:fixed;に対応 max-width、max-heightに対応 属性セレクタ、擬似クラスに対応 margin:0 auto;でのセンタリングに対応 透過PNGに対応 opacityに対応 といったことが可能になります。要はCS
第2回 課題も多いHTML5、それでも本格採用に踏み切る企業の思惑
第2回 課題も多いHTML5、それでも本格採用に踏み切る企業の思惑：なぜ今、HTML5なのか――モバイルビジネスに与えるインパクトを読み解く（1/2 ページ） あらゆる分野で期待される技術でありながら、解決すべき課題も多いことからなかなか普及が進まないHTML5。しかし、いくつかの企業は本格的なサービスへの採用を始めている。これらの企業はどこにメリットを感じて本格採用を決めたのか。 第1回の連載で解説したように、様々な問題が足を引っ張っているため、一気にHTML5がIT関連業界の全体に普及するまでには至っていない。特に日本企業の多くは、現時点ではHTML5については調査段階でしかなく、今後実際に活用していくかどうかを測りかねている状況だ。 しかし、それでも最近、ポツポツとではあるが、日本のコンテンツ業界でもHTML5を導入するケースが生まれ始めた。その一つが書籍や雑誌、あるいはパンフレット
第1回 次世代Web標準「HTML5」は今、どこまで使えるレベルにあるのか？
第1回 次世代Web標準「HTML5」は今、どこまで使えるレベルにあるのか？：なぜ今、HTML5なのか――モバイルビジネスに与えるインパクトを読み解く（1/2 ページ） 動きが速いモバイルビジネスの世界で、このところ急速に注目度が高まっているWeb技術が「HTML5」だ。HTML5はWebの世界をどのように変えるのか、どんなメリット、デメリットがあるのか、モバイルビジネスにどんな影響を与えるのか――。短期集中連載でKDDIリサーチフェローの小林雅一氏が解説する。 高度で多彩な情報処理機能を備えた、最新鋭のWeb技術「HTML5」がじわりとIT業界に浸透してきた。例えば米Microsoftが先頃プレビューを開始した次世代「Office Web Apps」。これは同社のフラグシップ製品である統合文書ソフト「Office」のWebアプリ版（クラウド版）であり、Internet Explorer（
HTML5、CSS3の実用的な使い方を学びたい人向けの一冊
HTML、CSSをある程度理解していて、HTML5、CSS3の実用的な使い方を学びたい人向けの先週末に発売されたばかりの本を紹介します。 HTML5の新しい要素から特に使用するものの使い方をはじめ、これから使われなくなる要素や属性、HTML5/CSS3未対応ブラウザへの対応方法など、すぐに現場で使える内容となっています。 HTML5&CSS3実践入門 [amazonでみる] [楽天ブックスでみる] 著： Brian P. Hogan 監修： 高橋登史朗 訳： 株式会社クイープ 出版社： インプレスジャパン 発売日： 2011/7/8 [ad#ad-2] 「HTML5&CSS3実践入門」は、今年の初めに出版された「HTML5 and CSS3: Develop with Tomorrow's Standards Today（amazonでみる）」の翻訳版で、今年最も旬なHTML5, CSS3
クロスブラウザはもう古い！ HTML5＋CSS3時代のプログレッシブ・エンハンスメント
IE 9が登場！ ユーザーの閲覧環境がますます多様化！ 4月26日、ついに日本でもInternet Explorer（以下、IE） 9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。 IEのみならず、Firefox、Safari、Google Chrome（以下、Chrome）など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。 そうした流れの中で、必然的に欠かすことができなくなる知識が、この「プログレッシブ・エンハンスメント」という概念です。 プログレッシブ・エンハンスメントって何？ Webブラウザや端末などの閲覧環境が多様化してきていま
HTML5とは何かを簡単にまとめてみた
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに こんにちは。R＆D統括本部 制作本部 ウェブデベロップメント部に所属しております。岡部和昌（@kzms2）と申します。 最近スマートフォンやタブレット向けのページを作成する機会が増えてきました。 なので、今回はちまたで大人気のHTML5について書きます。 若干今更な内容にも思えますが、あまりHTML5になじみがない方にもわかってもらえるような内容にしています。 HTML5の基本概念や思想・実際の組み方というよりも、 HTML5で組むと今までと比べて何が違うのか などについて書いていきます。 なぜこれからHTML5なのか HTML4との違いがわからない HTML5を使う利点がわからない など疑問に思っている方はぜひ見ていた
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
