タグ

htmlに関するstylusのブックマーク (24)

  • twistori

    What's the vibe on social media?

    twistori
    stylus
    stylus 2008/08/19
    色が綺麗 タイポ
  • CSS - dtをfloatする場合の注意点 | Try | d-spica

    dtをfloatし,margin, padding, borderなどをあてる場合の注意点です。 Tried at 2008-05-12 まず,マークアップは次の通り <dl class="recent"> <dt>2008-05-12</dt> <dd>ページ5を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-10</dt> <dd>ページ4を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-07</dt> <dd>ページ3を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-06</dt> <dd>ページ2を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-04</dt>

  • ants Lab. | Web制作 | 【アリンコWeb標準】XHTMLの使ってよい要素・属性をガイドライン化しよう(1/2)

    Webページは、採用した文書型定義(以下、「DTD」)に基いて作成します。 XHTMLのDTDには、2つのバージョンと3つのタイプがあります。 XHTML 1.0 - Strict(厳密型)/Tranditional(移行型)/Frameset(フレーム型) XHTML 1.1 - Strict(厳密型)のみ 更にこれらのバージョンやタイプによって廃止されり、使ってはいけない要素・属性があります。

  • CSS - 文頭に『※』がついた文章の表示方法について - pyro | blog

    ※ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ 上記の場合、体裁としては、二行目から一文字あけて表示させたいところ。 とはいえ、tableやdl/dt/ddタグを使ってごちゃごちゃやるのは面倒くさい。 こんな場合、下記のようなスタイルシートが手間がかからなくて有効。 //CSS p.supplementary { text-indent: -1em; margin-left: 1em; } //HTML <p class="supplementary">※あああああ~(略)~</p>

    stylus
    stylus 2008/08/19
    字下げ?
  • .htaccessでリダイレクト機能を利用する方法

    .htaccess活用法(6) .htaccess(拡張子がhtaccessということで、ドットが必要です。ファイル名がないので最初戸惑いますが、こういうものだと思ってください。)が利用可能だと、 アクセス制限(Basic認証)が可能。 特定のホストIPアドレス。プロバイダ)からのアクセスを制限することが可能 参照元(Referer)によるアクセス制限が可能(画像の直リンク禁止も可能) 特定のユーザーエージェント(ブラウザ・ロボット)からのアクセス制限が可能 ブラウザ経由でのアクセス(http://~)を拒否することも可能(大切なデータファイルを守る) リダイレクトが可能(ページの移転時などに重宝) 404 File Not Foundページのカスタマイズが可能。 拡張子別に文字コードを設定することが可能。(文字化け対策に必須の場合があります。) index.cgiやindex.php

  • ブログが続かないわけ | 初心者プログラマーが簡単なフォームを作るときにやりがちな6つのミス

    お問い合わせフォーム、登録フォーム、キャンペーンの申込フォーム。 Webにはいろいろなフォームがある。 Webプログラマーであれば誰もが一度は作ったことがあると思う。 新人プログラマーの初めての実務がフォームであることも多いだろう。 新人が作っているというのにもかかわらず、技術的にも面白い部分がないせいか、正しい知識のある人がレビューすることが少ないと思われる。 単純さゆえにテストが不足しているということもあるかもしれない。 上記の理由は憶測にすぎないが、杜撰なフォームがたくさん出回っているのは事実だ。 もう、CAPTCHAの話とか以前の問題だ。 よく見かける悪い例を簡単にあげておく。新人が初めての実務に当たるときにこれを気にしてくれれば、世の中のフォームがだいぶ良くなると思う。 1. クライアントサイド(JavaScript)でのチェックのみ。 2. 選択肢式の入力欄に対するチェックの漏

    ブログが続かないわけ | 初心者プログラマーが簡単なフォームを作るときにやりがちな6つのミス
  • SWFAddressとSWFObjectを組み合わせた時の挙動 | (SCRATCHBRAIN.BLOG v2)

    SWFAddressのバージョン2と、SWFObjectのバージョン1.5と2.0をそれぞれ組み合わせてブラウザで確認すると、少しずつ挙動が違う。 今回試したのはつぎの4パターン。 表1.SWFAddressとSWFObject、DOCTYPE宣言の組み合わせ

  • d.aql - scriptタグの中にJavaScriptを書く正しい方法

    XHTMLでCDATA区間を使う。以上。 経緯 HTML4のscriptタグでJavaScriptをちょろっと書く時、中にHTMLタグがあるとダメという話が発端である。例えば、以下のようなのがダメだ。 <script type="text/javascript"> document.write('<p><a href="http://www.hikoboshi.org">hikoboshi.org</a></p>'); </script>ちなみに、ブラウザで動かせば多分動く。(試してないけど。)じゃあ何がダメかというと、HTMLの仕様的に。ちなみにこういう書き方をすると、多分HTML4でもXHTML1でもダメだと思われ。 そんな話をきっかけに、いろいろ調べた。 何故ダメか まずはHTML4のDTDを調べる。(別にstrictを選ばなくても良いんだけどとりあえず。) http://www.w

    d.aql - scriptタグの中にJavaScriptを書く正しい方法
  • HTML5 における HTML4 からの変更点

    この文書「HTML 5 における HTML 4 からの変更点」は、W3C の HTML ワーキンググループ による「HTML 5 differences from HTML 4 (Working Draft 22 January 2008)」の日語訳です。 規範的な文書は原文のみとなっています。この日語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。 原文が勧告 (Recommendation) ではなく、策定途中の草案 (Working Draft) であることにご注意ください。 原文の最新版 は、この日語訳が参照した版から更新されている可能性があります。また、この日語訳自身も更新されている可能性があります。日語訳の最新版は、W3C 仕様書 日語訳一覧 から参照することができます。 更新日: 2008-09-

    stylus
    stylus 2008/01/23
  • Website Explorer

    電脳レストハウス梅ちゃん堂は終了しました。

    Website Explorer
    stylus
    stylus 2007/12/17
    サイト構成を解析
  • textareaをたった一行のコードで拡張してくれる『WMD-editor』 - 100SHIKI ~ 世界のアイデアを日替わりで ~

    使いどころが微妙に難しいが、便利な人には便利そうなのでご紹介。 WMD-editorはHTMLtextareaを拡張してくれるJavascript。 これを導入しておけば入力したテキストをリスト形式にしたり、見出しをつけたりといったことが可能になる。 またそのようにして入力されたテキストをリアルタイムにプレビューするタグも用意されている。 インターフェースがリッチなサービスが人気の今、既存のHTMLタグを拡張するこうした仕組みはおもしろいですね。

    textareaをたった一行のコードで拡張してくれる『WMD-editor』 - 100SHIKI ~ 世界のアイデアを日替わりで ~
  • 1日最大500ページのコーディングに対応! Web標準対応の高品質HTMLコーディングサービス | Web担当者Forum

    ゴーフィールドは5月23日、ウェブ標準に対応した大量、高品質なHTMLコーディングをスピーディーに低価格で代行制作するサービス「Go-factory」を開始した。 「Go-factory」は、大量HTMLの制作、チェック、納品までをライン化した“大量HTMLコーディング専門工場”を開発。工場内のそれぞれのラインがひとつの制作タスクに集中して取り組むことで、高品質、短納期でのサービスの提供を実現した。 「Go-factory」では、高松社に編成されたコーディングチームにより1日100ページの大量制作に対応。さらに生産性を高めたい場合は関連会社である中国法人(大連)のコーディングチームを用意しており、日・大連両コーディングチームの利用で1日500ページの大量制作が可能だ。 大連での制作作業は、現地に常時5名以上常駐している日人スタッフの指導のもと行われ、日語レベルも高い、優秀な中国人ス

    1日最大500ページのコーディングに対応! Web標準対応の高品質HTMLコーディングサービス | Web担当者Forum
  • http://www.adobe.com/jp/support/flash/ts/documents/fl0005.html

    stylus
    stylus 2007/05/11
    EMBED、OBJECTタグのパラメータの解説
  • 栄光ゼミナール;塾選びガイド

    栄光ゼミナールの授業料、サービスなど充実させたコンテンツで作成していますが、やはり一番栄光ゼミナールを知るには、資料請求が一番です。 栄光ゼミナール資料内容 日程と授業料についてのご案内 栄光ゼミナールの夏期講習のご案内 個別指導のご案内。 「今子供たちは・」資料集栄光ブックレット とっておきなDVD(届くまでお楽しみ) 栄光ゼミナールでは、はじめての方には無料の夏期講習会になります。テキストの教材費は自己負担になりますが、それでも1教科につきたったの2100円。 栄光ゼミナールは特に中学生を対象に向けて圧倒的人気のサービスです。もちろん、それに付随するしっかりとしたサービスがあります。大手の学習塾には、有名講師が授業を100人程度で聞くタイプと少人数制(6人から20人程度)できめ細やかな授業を受けることができるタイプと個人指導で1対1、1対2でもっと自分のペースにあわせることがで

    stylus
    stylus 2007/05/04
    XHTMLの利点とは?
  • C90%M10%Y40%: HTML売りの少女

    連載長編大河小説HTML売りの少女」 最終回 「HTMLは要りませんか?」 「HTML買ってください。」 冷たい北風が吹き荒れる街角で、今日も少女は道行く人々にHTMLを売り続けました。 「HTMLはいかがですか?」 「心のこもった暖かくて分かりやすいHTMLです。」 「Web標準準拠のHTMLは要りませんか?」 しかしすれ違う人々は冷たく少女を突き放すのでした。 「内製してるから要らないよ。」 「ブログサービスがあるからそれで充分。」 「SEO?もうたっぷりやってあるわ。」 疲れ切った少女は街の片隅に座り込んでしまいました。 少しでも暖かさを得ようと、 DreamweaverでHTMLを「ブラウザでプレビュー」しました。 一枚目のHTMLでは、 ページの中で暖かそうな家族がひとときの団欒を繰り広げていました。 二枚目のHTMLでは、おいしそう料理写真が表示されてい

  • cyano: FlashをXHTMLで表示させるには(embedタグを使わずに表示させるには)

    最近はstrict XHTMLを使ってWebページを製作することが多くなったのですが、そういった場合Flashをどうやって表示させるかは悩みどころ。というのは、embedタグはXHTMLには定義されていないからです。embedタグを使わないとFirefoxやNetscape系でFlashを表示させることができないと思われがちですが、そうでもないようです。 SG::Acme : Flashをstrict XHTMLで。では、XHTMLで定義されているobjectタグだけを使ってFlashを表示させる方法を紹介しています。objectタグにどの属性をつけてどの属性を取り除くのかがポイントのようですね。 この件に関する詳しい議論はリンク先を読んでいただくとして、どのブラウザでもobjectタグのみで表示するのに最低限必要なコードは以下の通り。 <object data="fma.swf" wid

    stylus
    stylus 2007/02/13
    どのブラウザでもobjectタグのみで表示するのに最低限必要なコード?
  • 【HTMLタグ】これってなんの略?タグが何の略なのか調べてみた

    免責事項:サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら

    stylus
    stylus 2007/02/05
    語源を知ってると覚るの早い
  • ウノウラボ Unoh Labs: 携帯サイト作成時のXHTMLでの相違点

    GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠

    ウノウラボ Unoh Labs: 携帯サイト作成時のXHTMLでの相違点
  • HTMLの特殊文字 : IT用語辞典

    HTMLの文字実体参照 ASCII文字コード 記号・特殊キーの読み方 ギリシャ文字・キリル文字 HTMLで使われる文字実体参照の表記一覧です。OSやWebブラウザの種類によって一部正しく表示できない場合があります。 一般的な記号など 字実体参照数値参照名称・解説 &&amp;&#38;アンパサンド ¦&brvbar;&#166;破断縦線 µ&micro;&#181;マイクロ記号 ‰&permil;&#8240;パーミル ¤&curren;&#164;一般通貨記号 €&euro;&#128;ユーロ記号 ¢&cent;&#162;セント記号 £&pound;&#163;ポンド記号 ¥&yen;&#165;円記号 ©&copy;&#169;著作権記号 ®&reg;&#174;登録商標記号 ™&trade;&#8482;商標記号 ↑&uarr;&#8593;上向き矢印 →&rarr;&#8594;

  • IFRAME を使わない方法の補足 | WWW WATCH

    phpspot開発日誌さんで紹介されていた 「IFRAMEを使わずにHTMLファイルから他のHTMLファイルを読み込む方法」 を読んでちょこっと補足。 人気エン... XHTMLではiframeタグは禁止されているのでValidにしたい場合はこっちを使ったほうがよいらしいです。 iframe 要素は、HTML4.01 Strict 及び XHTML1.0 Strict では未定義 (Transitional、Frameset では定義済み)、XHTML1.1 では廃止されていますので、Strict でコーディングする際に外部オブジェクトを (X)HTML によって読み込むには object を使うことになりますね。 で、object 要素の DTD はどうなっているかというと、(XHTML1.0 Strict) <!ELEMENT object (#PCDATA | param | %bl

    IFRAME を使わない方法の補足 | WWW WATCH