higash.net
higash.net 2018 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
CSS で簡単に上下中央揃えを実現する
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
flashを設置した際に出来る、下辺の余白
ここ最近エントリーさぼり過ぎてたんで、ちょいネタでも上げていこうっていうスタンスで。 発生条件がイマイチわかってないんですけど、フラッシュを設置した際に、下にpaddingっぽい余白っていうか隙間っていうかが5px～10pxほど空くことがありませんか。IE以外のブラウザで。 こんな風に↓ 図みたく、分かりやすい枠線が有ると露骨に気づくわけですが。 で、まぁコレは画像でも発生するベースラインのアレと同じなんで、解決方法は以下のように。 object, embed { vertical-align: top; } 値は、bottomでもダイジョブです。 embed に指定が無いと、Firefoxで余白が発生して、object に指定が無いとSafariで発生するんで、どちらも指定すると良さげです。
blog in a fog » フォントサイズ指定方法の検証
※検証環境 Windows: IE6, IE7, Firefox2, Opera9, Safari3b Mac: Safari2, Firefox2, Opera9 XML宣言なし、標準準拠モード、utf-8 font-family指定なし これできれいに揃うはず。揃いませんでしたすみません！（↓追記あり） 検証に使ったHTMLファイルはこちら（Win/Firefox2を基準に作成。フォントサイズが変わるところにhrを入れてpx指定のテキストを並べた。比較しやすいように右寄せに。このファイルを各ブラウザで表示させて検証）。 お気づきのようにYahoo! UI Libraryのfonts.cssをもとに作成してます。 たとえばYUIでは12pxは92%となっているけど、これは93%でないとOperaで1サイズ小さく表示されてしまいます。最初は*font-size:smallで検証していたんで
CSSで実現するスマートなロールオーバー
CSSで実現するスマートなロールオーバー 暇があればコーディングコンテストの作品を眺めているのですが、ほんと勉強になります。 長谷川賞を受信したComplexさんが行っていたロールーオーバーの手法が、JavasScriptも画像置換も使わずにと素敵だったので紹介します。 サンプルはボクの方でアレンジしていますので、オリジナルも合わせて参考にお願いします。 まずサンプルのXHTMLソース <ul> <li class="ajaBtn"><a href="/ajax/"><img src="ajax_a.gif" alt="ajax" /></a></li> <li class="amaBtn"><a href="/amazon/"><img src="amazon_a.gif" alt="amazon" /></a></li> <li class="cssBtn"><a href="/css
リアルな資産運用の結果をお見せします。海外投資が調子良い！
「私のリアルな海外投資の結果をお見せします」を運営している管理者です。お越しいただきありがとうございます。 投資全般が好きな私は国内株式や海外への不動産投資や株式・定期口座など多くの投資をしています。 情報収集で多くの投資ブログを閲覧していますが、圧倒的に「投資に失敗している人」が海外投資を批判する内容の記事が多いことに驚きました。 海外投資に失敗している方の特徴はどれも中間業者の選定に間違いがあると感じています。そう海外投資には必ず資産を運用する会社があってこの運用会社の投資の腕にかかってるのです。この選定さえきちんとすれば確実に海外投資はよい結果が期待できます。投資なのでリスクは必ずありますがそのリスクを極力少なくする私の経験を交えて情報を配信したいと思います このサイトは「将来の日本は大丈夫だろうか？」「国家破たんもあるの？」「日本に資産を置いても全然増えない！」でも海外投資は怖いし
１つのファイルにJavaScriptとCSSをまとめて記述する方法:phpspot開発日誌
My experiments with .Net : Combine CSS with JS and make it into a single download! １つのファイルにJavaScriptとCSSをまとめて記述する方法。 まず、test.jscss というファイルを作って、次のように内容を記述します。 <!-- /* function t(){alert('test');} <!-- */ <!-- body { background-color: Aqua; } そして、次のようにJavaScriptとCSSを呼び出す際に先ほど作成したtest.jscssを指定することができます。 <html> <link type="text/css" rel="stylesheet" href="test.jscss" /> <script type="text/javascript"
Elastic Header Image - Swfir.com
Try resizing your text. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non pr
妥当でないCSSとWeb標準 - 徒書
CSSの書式は、もともとエラーが混入することを許容する仕様になっています。それはCSS2の仕様で構文解析エラー処理のための規則(原文)が定められていることからも分かることで、CSS仕様に従うブラウザは、誤まった記述をどの程度の範囲で無視すべきかについても正しく従う必要があります。 なので、CSSに多少のエラーが入っていても、利用者は、ブラウザが正しく処理してそれを無視することを期待することができるものと思います。 そしてここに、いわゆるCSS Hackが有用となる余地があると思います。つまり、あるCSS記述について、 理想的なブラウザが、HackによりそのCSSに含まれた誤りを適切に無視し、かつ仕様で定められたプロパティを全て正しく処理した結果として想定される表示 現実に存在するブラウザが、そのCSSを解釈した結果の表示 の両者が一致するのであれば、将来新たなブラウザが出現したためにそのC
web-conte.com | blue | 世に言うclearing問題（直前のfloatだけをclearしたい）
さて、上山君に質問をもらっていた件の、（私なりの）解答編。おさらいだが、質問は次のようなものだった。 ４２３１のソースをテーブルからスタイルシートに書き換えているのですが、floatタグで英夫日記を左に寄せて、恭子日記を右に来るようにすると、恭子日記で写真がある後にclear:leftしたときに、次の行が英夫日記の下まで飛んでしまいます。 clearが一個上のfloatまでしか効かないようにするにはどうすればいいのでしょうか？ まず最初に断っておかないといけないのは、ブラウザのこの「気の利かない」挙動（CSS解釈）はべつにバグなのではなくて、CSSの仕様に従った正しいものであるということ。「clear」は基本的に、それ以前にあるすべての「float」を解除する（ただしもちろん「clear: left」は「float: left」のみを、「clear: right」は「float: righ
CSS でよく使う装飾定義をコンポーネントとしてまとめる
2007-01-26T01:26:38+09:00 北村曉さんよりコンポーネントにまとめる際、それを或る一つのclass名に集約するという方向性についてご指摘いただきました。この記事をご覧いただく際、是非参照してください。 CSSでよく使う装飾定義をclass名でまとめることについて(徒書) また、いただいたフィードバックを元にもう一度考えを改めて記事を書きました。 『CSS でよく使う装飾定義をコンポーネントとしてまとめる』をもう一度 リニューアルの際に CSS の分割管理を実践したのだけれど、その分割した CSS の中によく使う装飾をコンポーネントとして class にまとめた component.css というのを作成しました。コンポーネントとしてまとめることで変化に強くなりメンテナンス性が上がるのだけではなく、同じような装飾をおこなうために何度も良く似たスタイル定義を行うということ
53 CSS-Techniques You Couldn’t Live Without | Smashing Magazine
CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn’t it great? Well, actualy, it is. Over the la
CSS 分割管理の実践編
2006-12-13T09:47:51+09:00 数日前に行ったリニューアルでは、いくつか課題を設けました。ただただリニューアルしても張りがありませんし、ウェブデザインを行うものにとって自身のウェブサイトは自身の作品のようなものだし、好き勝手できるのも魅力なわけです。何回かの記事にわけて、リニューアルでおこなった作業をまとめていこうと思います。 前回、スタイルシートを分けて管理する方法をまとめるで CSS ファイルを分割管理するメリットや、どのように分割するか案を書いてみましたが、今回のリニューアルで実際に案を元に分割管理を実践し、結果はリストのようになりました。各ファイルの概要は案段階から変化がないので、そちら参照ください。以下のリストでは、テーマファイル以外の実際の CSS ファイルにリンクしています。 common.css component.css fonts.css scree
hxxk.jp - :before 擬似要素 / :after 擬似要素の活用例
記事データ 投稿者 望月真琴 投稿日時 2004-11-27T15:50+09:00 タグ CSS Firefox IE Opera Safari バグ 概要 hxxk.jp の場合は :before 擬似要素 / :after 擬似要素を随所に活用していますので、その例をいくつか紹介します。 リプライ 3 件のリプライがあります。 :before 擬似要素 / :after 擬似要素の使用例 :before、:afterってcontentプロパティ使って要素の前後にイメージやら文字やらを挿入するのにスゲェ便利だと思うのになぁ、って今仕事しながら思った。 同感です。 というか、 hxxk.jp の場合は随所に活用しており、 CSS の便利さを存分に噛み締めています。 私は e-luck さん ( Lucky bag::blog ) のアイデアのようなフッタ部分の更新には使っていません (
hxxk.jp - content プロパティに関するいくつかのメモ
content プロパティに関するいくつかのメモ http://hxxk.jp/2006/03/16/2359 前の記事 : Transitional DTD じゃダメなのかなあ 次の記事 : 春のツアーに出かけます 記事データ 投稿者 望月真琴 投稿日時 2006-03-16T23:59+09:00 タグ CSS hxxk IRC Safari アソシエイト バグ メモ 仕様 実践 Web Standards Design 概要 content プロパティに attr(X) 形式で HTML の属性値を指定する記述方法のメモと、 CSS3 のセレクタ関連の Last Call で示されている擬似要素の記述方法と、 Safari における content プロパティのバグや対応状況についてのメモ。 リプライ リプライはまだありません。 content プロパティに、任意の文字列と HTML
CSS drop shadow - webtoolkit.info
Technique to build flexible CSS drop shadows applied to arbitrary block elements. Most of the existing techniques for creating element shadows use images, this one doesn't. IT uses plain simple CSS. Have a look below. Technique to build flexible CSS drop shadows applied to arbitrary block elements. Most of the existing techniques for creating element shadows use images, this one doesn’t. IT uses p
【CSShack/ＣＳＳハック】いつie7リリースがあってもこれで大丈夫！なハック::::::STOPN' LISTEN::::::to the silence:::::::
免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
Lucky bag::blog: ピュア CSS なプレゼン用スライドショー
前回の「CSS3 の target 疑似クラスで脚注を動的に表示する」に引き続き、:target 疑似クラスを使ってスライドショーみたいなんを作ってみた。ひとつの HTML 文書なんだけど、画面が切り替わっていくかのように見せる。ピュア CSS とか言いつつも、前回同様、:target 疑似クラスに未対応な IE でも動くように JavaScript を使っている。純粋に CSS のみで動くのは、Firefox、Safari あたり。Opera は動かない。 ピュアCSS なプレゼン用スライドショー サンプル <div id="section-01" class="section"> <!-- 1ページ目 --> … </div> <div id="section-02" class="section"> <!-- 2ページ目 --> … </div> <div id="section-0
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://msugai.fc2web.com/web/CSS/table.html
はてなブログ | 無料ブログを作成しよう
