Understanding the Pros and Cons of Flash and HTML in Modern Web Development For many years, two of the most commonly utilized and well-liked online technologies have been Flash and HTML. Although they are both necessary tools for producing dynamic and interactive web content, their methods and capacities differ greatly. This essay will look at the main distinctions between HTML and Flash as well a
最近、ヨモツネットさんで 「HTML5 でのセクションの誤用にご注意」 なんて記事が出てたり、ちょうど HTML5 Doctor でも 「Document Outlines」 と題してアウトラインの解説記事が上がってたりするので、この 「アウトライン」 について簡単にまとめてみようと思います。解説って言うほど偉そうなものではありませんがなるべくわかりやすく書いてみようかと。 アウトラインを理解することは、HTML5 でマークアップする際にとても重要になりますので覚えておくとよいと思いますよ。 アウトラインとは？ アウトラインとは見出し、フォームタイトル、テーブルタイトル、その他ラベル付けされた要素によって生成される文書構造のこと…なんて書くととても難しそうですが、従来の (X)HTML でも見出し要素のレベルを使い分けることで文書構造を示すというのをやっていたと思います。例えば、 俺の日記
ページの作り始めは HTMLファイルやイメージファイルなどの数も少なくファイルの収納は1つのフォルダでも困りませんが、 ページが増えてくると、1つのフォルダ内にいろいろなファイルが散らばってどれがどれだが分からなくなります。ファイルを手直したり、イメージを差し替える時たくさんのファイルから一つ一つ確かめないと作業はできなくなり、効率が非常に悪くなります。そこでファイルの整理が必要になります。新しいフォルダを作ってその中に関係するファイルを一まとめに収めます。フォルダの中にサブフォルダを作りサブフォルダの中にまたフォルダ・・・とフォルダ名も入っている内容に合う名前を付け、自分がわかりやすいように整理します。ファイルのフォルダ分けをするとファイルの位置が変わります。そこで階層という考え方が必要になります。 ファイルの位置を指定するのには、二種類の方法があります。 相対的パス ファイルどうしの
CSS Specific for Internet Explorer デモページ（※IE7で表示） [ad#ad-2] デモ紹介 1. 条件付きコメントの利用 2. CSS Hackの利用 3. 条件付きのHTML class デモ紹介 デモページは、下記のように設定されています。 スタンダードブラウザ（IE9, Firefox, Chrome, Safari, Operaなど） 背景色がグレー IE8 背景色がピンク IE7 or IE8互換モード 背景色がグリーン IE6 背景色がブルー 下記はデモページをIETesterで表示したものです。 IETesterの詳しい説明は、「IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester」を参照ください。 デモページ（※IE8で表示） IE9もWin7+IE9で確認したところ、背景はグレーに表示されていました。 [a
更新: 2012年2月24日23時20分頃 SVGというものはずっと昔からありました。かつてはブラウザ側の対応がいまいちで、プラグインを入れたりしないと表示できなかったりもしており、あまり使われていませんでした。しかしIE9がSVGに対応したことで、かなり使えるようになってきた印象があります。最近では仕事でもガチでSVGを使うことが増えてきています。 SVGの特長のひとつは、ベクターグラフィックなので伸び縮みに強いという点です。サイズ可変の領域にうまい具合に背景を敷きたいときには便利です。そして、最近はサイトのコンテンツ全体がサイズ可変ということも増えてきました。というか元々可変ではあると思うのですが、Media Queries (www.w3.org)を使った派手な変更を伴うパターンが増えてきて、画像のサイズを大幅に変更したいケースが増えてきています。 写真などはJPEG画像を拡大・縮小
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
ミツエーリンクスさんのアクセシビリティ Blog 経由ですが、Firefox が longdesc 属性をサポートするとのこと。なんですが、Firefox （っていうか Mozilla のころから） ってすでに longdesc 属性に対応しなかったっけ？ って思ったのでちょっと確認してみた話と、ついでなので longdesc 属性についてサンプルソースとか交えて簡単に書いてみます。 Firefox が longdesc 属性をサポートへ ： ミツエーリンクス アクセシビリティ Blog 現時点での longdesc 属性の状況 （HTML5 の拡張仕様、「HTML Image Description Extension」 として策定が進んでる件） や本件のあらましは、リンク先の記事がとてもわかりやすくまとめてくださっているので、そちらを見ていただいた方が早い。ということで下記に大胆に引用
#myButton a { display: block; overflow: hidden; height: 0px; width: 100px; background-image: url(img/tip007_1.jpg); padding-top: 30px; text-align: center; margin: 10px 50px; } #myButton a:hover { background-image: url(img/tip007_2.jpg); } ２行目：指定要素がブロックレベルで表示されるようにします ３行目：ボックスの範囲内に内容が入りきらない場合に、はみ出た部分を表示しないようにします ４行目：高さを 0px にします（これは後の指定で上余白を画像の高さ分取るためです） ５行目：画像の幅を指定します ６行目：背景画像を指定します ７行目：上余白を画像の高さに
CDPで用いられているHTML 4.01は最新のバージョンの仕様ではなく、2018年には「Superseded Recommendation（古いもの）」のステータスになっています。 直ちにCDPがブラウザで表示できなくなるということはないですが、 現在CDPを使っている方やこれから導入を考えている方は、より新しい仕様に書き換えての使用を強く推奨します。 2019年6月追記 基礎HTMLをダウンロードしたい方は基礎HTML配布にアクセスしてください なぜこういった形態の配布法をしているのか知るためにはユーザーMENUにアクセスしてください 配布されているCDPを探したい方はCSS配布サイトリンクを利用してください CDPのCSSを自身で作成し配布したい方は制作者MENUにアクセスしてください 疑問点があったり理解を深めたい方はFAQにアクセスしてください このサイトについて CSS着せ替え
久しぶりのエントリになってしまいました＞＜また元気に書いていきます★ webcre8は正直なところHTMLを学びだして大した年月を重ねているわけではありませんが、自分なりに密度の濃い学習に励んできたつもりはあります。 そしてその中ではとりあえず理解が及ばなかったり、ソースが英語で、「自分より詳しい人がこの解釈で間違いないと言っているから」「リファレンスに書いてあるから」そういうものだと受け入れてしまっているセオリー的な知識や情報も多々あります。 でも「これってそう言われてるけど本当にそうなのかな」って考えることも必要ですよね。 HTMLは内容、意味 CSSは表現、装飾 これは大前提ですよね多分。pは段落。h1、h2、h3等が見出し。sectionは段落から始まるコンテンツの塊(セクション)。blockquoteは引用。このように、HTML内に書かれたテキストや画像、コンテンツ等の文書の内容
![[HTML]素朴な疑問：空白の行は内容か装飾か ― 文章とHTML](https://cdn-ak-scissors.b.st-hatena.com/image/square/cc31fb479040621c377f551ca7401441b93e134f/height=288;version=1;width=512/https%3A%2F%2Fv17.ery.cc%3A443%2Fhttp%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2012%2F02%2Fspace-html-and-css-150x150.png)
positionプロパティは、ボックスの配置方法（基準位置）が、相対位置か絶対位置かを指定する際に使用します。 positionプロパティで指定するのは、配置方法（基準位置）のみです。 実際の表示位置の指定には、 top、 bottom、 left、 rightを併用して、基準位置からの距離を設定する必要があります。 ■値 static 特に配置方法を指定しません。この値のときには、top、bottom、left、rightは適用されません。これが初期値です。 relative 相対位置への配置となります。positionプロパティでstaticを指定した場合に表示される位置が基準位置となります。 absolute 絶対位置への配置となります。親ボックスにpositionプロパティのstatic以外の値が指定されている場合には、親ボックスの左上が基準位置となります。親ボックスにpositi
投稿者:haseo 投稿公開日:2009 年 3 月 14 日 投稿カテゴリー:ホームページ製作に役立つhtml&cssのmemo 投稿コメント:0件のコメント CSSで半透明にするって技。 いろいろ使えると思います。ロールオーバー画像を作るのが面倒くさいとき等。 但し、それぞれのブラウザに対応したスタイルシート(CSS)が必要。 実装する場合は ============================ filter:alpha(opacity=50); /*IE*/ -moz-opacity:0.50; /*FF*/ opacity:0.50; ============================ +IEのみ下記のいづれかを指定しないと半透明になりません。 display:inline-block; height:実際の値; width:実際の値; float:left または ri
↑CSSだけでこんな感じに上下中央揃えを実現させるテクニックです。下記の3つの方法を紹介します。 ・1行のみのテキストを中央揃えにする場合 ・2行以上のテキストまたは画像を中央揃えにする場合 ・高さが決まっていない要素を中央揃えにする場合 1行のみのテキストを中央揃えにする場合 <!-- HTML --> <div> <p>1行のみのテキストに有用</p> </div> /* CSS */ div{ width: 200px; height: 100px; background: #DDDDFF; text-align: center; } p{ line-height: 100px; } →1行のみのテキストを中央揃えにするサンプル line-heightは行間のスペースを制御するプロパティです。なので、2行以上の文などには利用できません。1行だけの場合には簡単に実装できる有用な方法です
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
