{{"or" | i18n}} {{"sign_in" | i18n}} {{"using_your_favourite_network" | i18n}}
現在、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
名前: 石井 隆 性別: 男 年齢: 47才 (2011年1月現在) 【経歴】 大阪市立大学工学部修士課程終了後、(株)東芝に入社。 東芝ではオフィスコンピュータ/IAサーバー関連のハードウェア開発業務に15年程度従事。 現在は、東芝を退社し、フリーランスでソフト開発の請負やシェアウェア開発等を行っています。 【連絡先メールアドレス】 t-ishii@js2.so-net.ne.jp 当サイトでは、第三者配信による広告(Google Adsense社の広告)サービスを利用しています。 Google を含む第三者配信事業者は、Cookie を使用して、ユーザーのウェブサイトでの閲覧履歴に基づく広告を配信します。 Google 広告 Cookie を使用することにより、Google や Google のパートナーは当サイトや他のサイトへのアクセス情報に基づく広告をユーザーに表示でき
<引用元:テッククランチ> テッククランチなどで記事が出ていますが、HTML5の標準化陣営がW3GとWHATWGに分裂したそうです。生きた標準(実際的な標準)を目指すWeb Hypertext Application Technology Working Group (WHATWG)と静的なスナップショット版を目指す W3C とで別の動きが始まりました。WHATWGはW3Gの動きがあまりにも遅いのでそれに業を煮やして作られたグループです。HTMLから離れるかどうかに関しても対立があります。 これで二つのバージョンが出来るHTML5の定義が判らなくなりました。 The two organizations currently responsible for the development of HTML have decided on a degree of separation and th
Initializing... Liveweave expand_more home Home data_object CSS Explorer arrow_outward Palette Color Explorer arrow_outward Polyline Graphics Editor arrow_outward outbox_alt Generative AI arrow_outward build Tools expand_more restart_alt Load base template post_add Generate Lorem ipsum... code Format HTML code_blocks Format CSS data_object Format JavaScript library_add Library expand_more AAlgolia
名前: 石井 隆 性別: 男 年齢: 47才 (2011年1月現在) 【経歴】 大阪市立大学工学部修士課程終了後、(株)東芝に入社。 東芝ではオフィスコンピュータ/IAサーバー関連のハードウェア開発業務に15年程度従事。 現在は、東芝を退社し、フリーランスでソフト開発の請負やシェアウェア開発等を行っています。 【連絡先メールアドレス】 t-ishii@js2.so-net.ne.jp 当サイトでは、第三者配信による広告(Google Adsense社の広告)サービスを利用しています。 Google を含む第三者配信事業者は、Cookie を使用して、ユーザーのウェブサイトでの閲覧履歴に基づく広告を配信します。 Google 広告 Cookie を使用することにより、Google や Google のパートナーは当サイトや他のサイトへのアクセス情報に基づく広告をユーザーに表示でき
alt-scape.com 2019 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy
■<video>タグで動画を埋め込む 現在、インターネット上で動画が提供される場合には、Flashなどの独自フォーマットを利用するのが一般的です。 こうした独自フォーマットの動画を再生するには、 それぞれのフォーマットを再生するのに必要なプラグインを、ブラウザに追加インストールする必要があります。 HTML5では、任意の動画フォーマットを文書に埋め込むための<video>タグが追加されています。 この<video>タグを使用することで、ユーザーにプラグインをインストールしてもらうことなく、 HTMLからシンプルに動画を扱えるようになります。 感覚的には<img>タグで画像を扱うような感じです。 <video>タグで文書に動画を埋め込む場合には、例えば以下のように記述します。 とてもシンプルです。 ■ユーザー環境への配慮 <video>タグは、旧いブラウザではサポートされていない場合がありま
最近スマートフォン用サイトの引き合いが増えてきていますが、そこで培ったノウハウもこのブログで紹介していこうと思います。今回は、スマートフォン(およびタブレット)用サイトでの動画の取り扱いについて。 スマートフォンで動画というと、真っ先に思いつくのはYoutubeにアップしてリンクを張り付ける方法ですが、企業の内規や動画の性質によっては、Youtube上に動画をアップすることができない場合もあります。先日担当したキャンペーンサイトもまさにそうでした。というわけで、ここではYoutube貼り付けじゃない方法での、スマートフォン/タブレット端末用サイトで動画を掲載する際のポイントをご紹介します。違ってるところがあればコメントでご指摘いただけると幸いです。 ちなみに、プラットフォームやOS毎の実装状況をひとまずまとめると以下の通り。なお、スマートフォン/タブレット版はデフォルトブラウザでの利用が前
ページ分割などでよくあるインターフェース。これをコーディングするとき、ul要素(とli要素)ではセンタリングできないのでtable要素を使っていました。 コーディングする際に問題になるのは、幅が可変だということです。幅が決まっていれば、widthを指定した上、margin: autoでこと足りますが、幅が指定できない場合、ul要素の幅は100%です。そこで、内容に合わせて可変幅を持つtable要素の出番、となるわけです。 しかし、よく調べてみるとリスト要素はセンタリングすることができるようです。 参考:リストのセンタリング <ul class="pagenate"> <li><span class="current">1</span></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
今回はスマートフォンの画面サイズに特化させるための方法の覚書です。普通に作成したWebページでもスマートフォンで閲覧できますが文字が小さく表示されてしまいます。指で拡大縮小できますが手間ですね。そこで meta 要素に Viewport 指定することで指定したサイズに最適化されます。 まずは端末ごとの画面サイズを見てください。 スマートフォンの画面サイズ 端末 画面サイズ
HTML5/CSS3を使ったアニメーションを作成できるオーサリングツール「Sencha Animator」。本連載ではこれまでSencha Animatorに用意された基本図形や文字だけを使ってアニメーションを作成しましたが、実際には既存の写真やイラストなどの画像を組み合わせることが多いでしょう。そこで、今回は画像を使ってスライドアニメーションを作成します。また、画像がクリックされたら特定のページへ移動する方法も解説します。学習事項をまとめると以下のようになります。 画像の読み込みと配置 グループ化 フェードイン/フェードアウトの処理 クリック時の処理 テンプレートの追加 最初に、画像を1枚だけ読み込んだ状態でフェードイン/アウトする処理の設定方法を解説し、その後、複数の画像を読み込ませる方法、クリック時にページを移動させる処理について説明します。 画像の読み込みと配置 Sencha An
「HTML5タグの誤用で恥をかいた」「分厚い仕様書は読み切れない」コーダー&デザイナーのためのコーディングガイド。最終草案に対応したほか、商用サイトを意識したコーディング例を新たに書き下ろし。HTML5マークアップへ移行するために必要な知識を効率よく学べる1冊です。ネットで話題の「HTML5カルタ」付き! HTML5マークアップ 現場で使える最短攻略ガイド 定価:2,808円 (本体2,600円)/形態:B5変 (240ページ) ISBN:978-4-04-866070-9 前回はHTML5のセクションとアウトラインについて詳しく解説しました。今回はセクション関連の新しい要素を解説します。 セクションを明示するための要素 HTML5では、セクションを明示する要素として、section要素/article要素/aside要素/nav要素/body要素が定義されています。 section要素
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く