タグ

htmlとtipsに関するkanariiaのブックマーク (9)

  • もしも10分の1の行数でHTMLが書けたら

    Zen-Codingとは 1年ほど前から、Zen-Codingが話題になっています。Zen-Codingを使うと、特定の省略された記法を展開できます。この展開が非常に強力で、ちょっとしたHTMLを記述するのであれば、Zen-CodingでHTMLCSSのマークアップを効率的に行えます。 Zen-Codingはさまざまなテキストエディタに対応したプラグインとして提供されています。プラグインには、公式対応しているものと、サードパーティの開発者が作成したものがあります。 それぞれのプラグインによって、実装機能が異なる場合があります。これらのプラグインの詳細はZen-Codingの公式サイトから確認できます。 基的な使い方 ここからはZen-Codingの基的な使い方を解説します。Zen-Codingをテキストエリアで利用できるサンプルを用いて、実際に試しながら読み進めてください。テキストエ

    もしも10分の1の行数でHTMLが書けたら
  • ke-tai.org > Blog Archive > ケータイ3キャリアに対応するためのDOCTYPE宣言について

    ケータイ3キャリアに対応するためのDOCTYPE宣言について Tweet 2009/10/14 水曜日 matsui Posted in 全キャリア対応, 記事紹介・リンク | 11 Comments » XHTMLを使ってケータイサイトを作成する際には、HTMLの冒頭にDOCTYPE宣言を記述する必要があります。 先日からこの「DOCTYPE宣言」に関するブログエントリーが人気を集めているようなので、当サイトも触れてみようと思います。 下記2つのサイトでは、どちらもif文でユーザエージェントを判定して、DOCTYPEを出し分けるという処理を紹介しています。 → ma-san.org 携帯サイトをHTMLではなくPHPで組むときのDOCTYPE分岐方法 [ma-san.org] → ある人のぼやき 携帯サイトのDOCTYPE分岐方法 [d.hatena.ne.jp] DOCTYPE宣言とは

    kanariia
    kanariia 2009/10/18
    XHTMLを使ってケータイサイトを作成する際には、HTMLの冒頭にDOCTYPE宣言を記述する必要があります。 先日からこの「DOCTYPE宣言」に関するブログエントリーが人気を集めているようなので、当サイトも触れてみようと思います
  • Flash HTML設定のまとめ | エントリー | _level0.KAYAC

    Flashコンテンツを表示する際のHTMLパラメタってたくさん。。 一覧で将来自分がみたくなるだろうことは必至!!と思って、まとめてみます。 ざっくりですが・・・。

    Flash HTML設定のまとめ | エントリー | _level0.KAYAC
    kanariia
    kanariia 2009/10/07
    Flashコンテンツを表示する際のHTMLパラメタってたくさん。。 一覧で将来自分がみたくなるだろうことは必至!!と思って、まとめてみます。
  • HTMLエンティティ(特殊文字) ♠♣♥♦ | MAKIZOU.COM

    HTMLの記号は、そのまま書いてもWebブラウザ上では正しく表示されません。 そのため記号をブラウザ上で表示させたいときは、それぞれエンティティと呼ばれるコードを書くことになります。 ちなみに、数値で表したのがナンバーエンティティ、名称で表したのがネームエンティティです。 また、Webページ(ホームページ)に公開するメールアドレスなどを広告業者に収集されるのを防止する為に利用されることもあります。WWWページに記載するメールアドレスなどをHTMLエンティティに変換して書き換えれば、WWWページを実際に見ている人間には支障を与えることなく、メールアドレスなどがクローラー(自動収集プログラム)などから見つかり難くなります。 次表は文字、ナンバーエンティティ、ネームエンティティ、説明をまとめたものです。 ポピュラー 文字 ナンバーエンティティ ネームエンティティ 説明

    kanariia
    kanariia 2009/07/06
    HTMLの記号は、そのまま書いてもWebブラウザ上では正しく表示されません。 そのため記号をブラウザ上で表示させたいときは、それぞれエンティティと呼ばれるコードを書くことになります。 ちなみに、数値で表したのがナ
  • fladdict» ブログアーカイブ » FlashでHTMLテキストからタグを抜き取る方法

    Flashは文字操作が貧弱で、HTMLからタグを取り去ってプレーンテキストにするとか、自分で実装しなきゃならない。 投稿するテキストや、RSS文からHTMLを取り除くとかが、非常にメンドイのだ。 で、どうにか楽にできないかなーと、思ってたら閃いた。 var str:String = "<b>html</b> test"; var txt:TextField = new TextField(); txt.htmlText = str; str = txt.text; trace(str); といった具合に、テキストフィールドのhtmlTextにHTMLを渡してやって、textプロパティから引っこ抜くとHTMLが見事にストリップされる。 もうすこしで危うく、HTML取り除く正規表現考えて半日無駄にするところだった・・・ 久々にいい仕事をした。

    kanariia
    kanariia 2008/12/15
    テキストフィールドのhtmlTextにHTMLを渡してやって、textプロパティから引っこ抜くとHTMLが見事にストリップされる。
  • .htaccessで使える16の技:phpspot開発日誌

    16 Useful .htaccess Tricks and Hacks For Web Developers : Online Marketing Blog - Website Development & Website Marketing tips and Strategies .htaccessで使える16の技が色々と紹介されていました。 1. ErrorDocumentでエラーページ指定の方法 ErrorDocument 401 /error/401.php ErrorDocument 403 /error/403.php ErrorDocument 404 /error/404.php ErrorDocument 500 /error/500.php 2. Timezone設定 SetEnv TZ America/Houston 3. IPブロッキング allow from al

  • [CSS]クロスブラウザ対応、高さの異なるカラムを揃えるスタイルシート | コリス

    Matthew James Taylorのエントリーから、高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介します。 Equal Height Columns with Cross-Browser CSS & No Hacks demo: 2カラム demo: 3カラム 以前、紹介した「高さの異なるカラムを揃えるスタイルシート」では、ページ内アンカーで要素が消失したり、IEで印刷できないなどの不具合がありましたが、今回紹介するものは、その2つの不具合が無いものとなっています(IE7調べ)。 対応ブラウザは、IE5.5, 6, 7, Fx1.5, 2, 3, Op8, 9, Safari, Google Chromeなどほとんどのものに対応しています。 仕組みはカラムごとにdivを用意し、それぞれをずらして配置します。 下記は、そのイメージです。

  • SWFObjectを使ってFlashPlayerのバージョン検知 - blog.naggg.jp

    ウェブ人間(きっと)みんな大好きSWFObjectについて、一個だけ注意しなくてはいけないことが。対象バージョンに達しない場合、HTML置換が行われないというヤツ。 たとえば、 var so = new SWFObject("test.swf", "test", "550", "400", "8", "#FFFFFF"); so.write("content"); とすると、Player8以上では表示されるけど、7以下ではHTML置換が起きないので、置換対象タグが空だと何も表示されないという・・・。 これを防ぐためには、上記コンストラクタにリダイレクトURLを引数で渡すことでカスタムエラーページをつくることができるんだけど、他に何か方法ないかとおもって解析してみたら、SWFObjectインスタンスのプロパティで分岐させればいけたっす! SWFObjectのインスタンスは installed

  • ワリオランドシェイクみたいに HTML が崩壊するブックマークレット(とそのソースコード) - てっく煮ブログ

    as, box2dワリオランドシェイクと YouTube のコラボプロモーション が面白かったので、似たようなものを作ってみました。次の文字列をコピーしてアドレスバーに突っ込むと、HTML が崩壊します。javascript:(function(){var d=document; var s=d.createElement("script"); s.charset="UTF-8"; s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"+(new Date()).getTime(); d.body.appendChild(s)})();崩壊するのは画像だけなので、画像があるページで試してみてください。このブログだとこんな具合。画像はドラッグすることも可能です。あまり画像が多いと重くなりすぎるのでご注意を。仕組みFlash と JavaSc

  • 1