IEの異なるバージョンごとにスタイルシートを適用する方法のおさらい
CSSやJavaScriptを使って、IE6, IE7, IE8, IE9 とIEの異なるバージョンごとにスタイルシートを適用する方法のまとめを紹介します。 Use Different Styles For Different Internet Explorer Versions [ad#ad-2] 下記は各ポイントを意訳したものです。 CSS: 条件付きコメント(class) CSS: 条件付きコメント(外部スタイルシート) CSS: CSS Hack JavaScript JavaScript: jQuery おまけ CSS: 条件付きコメント 条件付きコメントを使用して、ドキュメントの一番上の要素(html)にIE6/7/8用のclassを付与します。 HTML <!--[if IE 6]> <html class="ie6"> <![endif]--
もしも10分の1の行数でHTMLが書けたら
Zen-Codingとは 1年ほど前から、Zen-Codingが話題になっています。Zen-Codingを使うと、特定の省略された記法を展開できます。この展開が非常に強力で、ちょっとしたHTMLを記述するのであれば、Zen-CodingでHTMLやCSSのマークアップを効率的に行えます。 Zen-Codingはさまざまなテキストエディタに対応したプラグインとして提供されています。プラグインには、公式対応しているものと、サードパーティの開発者が作成したものがあります。 それぞれのプラグインによって、実装機能が異なる場合があります。これらのプラグインの詳細はZen-Codingの公式サイトから確認できます。 基本的な使い方 ここからはZen-Codingの基本的な使い方を解説します。Zen-Codingをテキストエリアで利用できるサンプルを用いて、実際に試しながら読み進めてください。テキストエ
より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
cssやプログラミングマークアップをより早く Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家）HTMLコーディングが3倍速くなる？「Zen-Coding」秀丸Zen- Codingマクロコーディングの効率化を図
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
無茶苦茶カッコいいHTML5ビデオプレイヤー「SublimeVideo」:phpspot開発日誌
Jilion 無茶苦茶カッコいいHTML5 ビデオプレイヤー「SublimeVideo」。 Steve Jobs がFlash>HTML5といったことで盛り上がっている(?) HTML5ですが、クールなHTML5の動画プレイヤーが公開されています。 全画面モードにできたり、カッコいいコントロールパネルがついていたりと、Flash要らないんじゃないかという気にもなってしまうかも。 フォーカスを外れるとプログレスバーもフェードアウトしながらカッコよく消えます。 流れているムービーもカッコいいので必見です。 まだ公開はされていませんが、近いうちにフリーで公開されるようです。 現時点では、Safari4、Chrome4、IE(with Chrome Frame) に対応しているようです。 関連エントリ 最近公開のHTML5関連の参考サイト色々まとめ HTML5やCSS3のチートシート色々 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宣言とは
Flash HTML設定のまとめ | エントリー | _level0.KAYAC
Flashコンテンツを表示する際のHTMLパラメタってたくさん。。 一覧で将来自分がみたくなるだろうことは必至！！と思って、まとめてみます。 ざっくりですが・・・。
ハイクオリティなフリーHTML/CSSテンプレート集「99 High-Quality Free (X)HTML/CSS Templates」 | DesignDevelop
TOP > WebDesign > ハイクオリティなフリーHTML/CSSテンプレート集「99 High-Quality Free (X)HTML/CSS Templates」 WEBサイトの制作をより簡単にそして精度の高いものにしてくれるテンプレート。現在様々なフリーで使えるテンプレートがリリースされており、かなりクオリティの高いもの存在します。今日はそんなハイクオリティなフリーHTML/CSSテンプレートを集めたエントリー「99 High-Quality Free (X)HTML/CSS Templates」を紹介したいと思います。 Download - Live Demo 様々なタイプの高品質なHTML/CSSが収録されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■O’No! Typography – Downlo
[CSS]HTML 5用のブラウザのスタイルをリセットするスタイルシート
HTML 5用のブラウザのスタイルをリセットするスタイルシートをHTML5 Doctorから紹介します。 <textarea name="code" class="css" cols="60" rows="5"> /* html5doctor.com Reset Stylesheet v1.4 2009-07-27 Author: Richard Clark - http://richclarkdesign.com */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl,
都道府県選択するやつ。
メモ。 誰かの役にも立つかもしれないしってことで、いつも過去の案件のソースとか探してペタペタしてるけど、何処で使ったのか忘れたりするのでここに貼っておこう。 - コメントにて使用条件を書いてほしいとの事だったので念の為追記しておきます。 特別記載が無いエントリー以外は、どう使うのも自由です。 自分のブログにそのままソース掲載してもらっても、仕事で使ってもいいですし、あらゆる用途に対して自由に使ってください。 もちろん、改変・配布とかも自由です。 ただ、ウチで公開しているソースやサンプルに対して何らかの問題が生じても責任は負いません。各自の責任でご利用ください。 大体こんな感じです。 select要素でマークアップ済みの都道府県のやつ <select name="都道府県"> <option value="">都道府県をお選びください。</option> <optgroup label="北
HTMLエンティティ（特殊文字） ♠♣♥♦ | MAKIZOU.COM
HTMLの記号は、そのまま書いてもWebブラウザ上では正しく表示されません。 そのため記号をブラウザ上で表示させたいときは、それぞれエンティティと呼ばれるコードを書くことになります。 ちなみに、数値で表したのがナンバーエンティティ、名称で表したのがネームエンティティです。 また、Webページ（ホームページ）に公開するメールアドレスなどを広告業者に収集されるのを防止する為に利用されることもあります。ＷＷＷページに記載するメールアドレスなどをHTMLエンティティに変換して書き換えれば、ＷＷＷページを実際に見ている人間には支障を与えることなく、メールアドレスなどがクローラー（自動収集プログラム）などから見つかり難くなります。 次表は文字、ナンバーエンティティ、ネームエンティティ、説明をまとめたものです。 ポピュラー 文字 ナンバーエンティティ ネームエンティティ 説明
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取り除く正規表現考えて半日無駄にするところだった・・・ 久々にいい仕事をした。
.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
HTMLにエンベッドできるWYSIWYGエディタ6選 | CREAMU
HTMLにWYSIWYGエディタを搭載したい。 そんなときにおすすめなのが、『6 Embeddable HTML Editors for Your Website Compared』。Mashableによる、HTMLにエンベッドできるWYSIWYGエディタ6選だ。 以下にご紹介。 » WYMEditor » TinyMCE » Kupu » CB RTE » Xinha » NicEdit 元記事は以下から。 » 6 Embeddable HTML Editors for Your Website Compared HTMLにエンベッドできるWYSIWYGエディタ、チェックして使ってみてはいかがだろうか。 プリンタからインクが出なくてかなりへこみました。。
[CSS]クロスブラウザ対応、高さの異なるカラムを揃えるスタイルシート | コリス
Matthew James Taylorのエントリーから、高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介します。 Equal Height Columns with Cross-Browser CSS & No Hacks demo: 2カラム demo: 3カラム 以前、紹介した「高さの異なるカラムを揃えるスタイルシート」では、ページ内アンカーで要素が消失したり、IEで印刷できないなどの不具合がありましたが、今回紹介するものは、その２つの不具合が無いものとなっています（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
Styling form buttons
Anyone who's used the web has encountered buttons in forms. Buttons, as with most form controls, can be a bit tricky to style for consistent look cross browser and cross platform as the operating system often has more to do with how they are rendered than the browser itself. Roger Johansson has delved into this issue in more detail. What I'm going to do here is present a few different options avai
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSS, JavaScript, jQuery, WordPressなどのよく使うコードをまとめたスニペット集
http://www.designwalker.com/2009/03/crossbrowser.html
リンクをデザインするCSSいろいろ - DesignWalker
