タグ

cssに関するwebmugiのブックマーク (406)

  • Web Page Under Construction

    Network Solutions - Original domain name registration and reservation services with variety of internet-related business offerings. Quick, dependable and reliable.

  • 日記 | ヨモツネット

    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 意味なかったです多分。いまは HTMLSVG 混在でき

    webmugi
    webmugi 2010/05/04
  • :visited の挙動が変更に。制作への影響は? | Web標準Blog | ミツエーリンクス

    次期バージョンのFirefoxのプレビュー版 “Mozilla Developer Preview” ですが、新しいアルファ版が公開されました (プレビュー版ですので、常用のものではありません)。 このアルファ版には、先日より各所で取り上げられている、CSSの:visited擬似クラスに関する大きな修正が現在Firefoxで行われています。詳しくは、次のページをお読みください。 CSS によるブラウザ履歴の漏えいを防ぐ取り組み (原文: “Plugging the CSS History Leak”) CSS の :visited に行われるプライバシー対策 (原文: “privacy-related changes coming to CSS :visited”) (二つ目の記事について、翻訳をMozilla Developers Streetに寄稿させていただきました。) :visit

  • cssの情報・まとめ - かちびと.net

    この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 cssの情報まとめです。ローカル 環境にストックしていた情報を 開放してみますのでシェアして 頂ければ幸いです。内容は 結構偏っていると思いますので 参考程度になさってください。 全てのcss情報が有るわけではありません。主観でストックしていたリンク集です。ツールとかメニュー関連とかハックとかいろいろ188の情報です。 ツール オンラインのcssツール。 CSS Validation Service / W3C検証サービス日語版 RoundedCornr / 角丸のHTMLCSSコードを生成してくれる CSS Type Set / ファミリー、色、単語間、行間等をプレビューで確認 CSS Text Wrapper / 様々な形のテキストの回りこみを簡単に実現でき

    cssの情報・まとめ - かちびと.net
    webmugi
    webmugi 2010/01/20
  • duree dpe

    Par la rédaction Rédigé le 2021-05-25 Les diagnostics de performance énergétique dpe doit être affiché pendant toute sa durée de validité de 10 ans l'affichage doit être visible par le locataire. Dans le diagnostic je pense que tout est résumé une super équipe sur laquelle nous pouvons compter à tout moment de surcroit très sympathique. De la performance énergétique dpe logement tous les cas à par

    webmugi
    webmugi 2010/01/18
     平澤さんの新しい仕事
  • Firefoxでのテーブルボーダー1pxのズレを無くす方法|web bibo

    /* CSS(スタイルシート)に関する知識・テクニックなどの備忘録 */ 文字サイズ 大 中 小 現在のページ: HOME » CSS テーブル・表 » Firefoxでのテーブルボーダー1pxのズレを無くす方法 tableにborderを付ける時、border-collapseを使って隣接するセルのボーダーを重ねると思いますが、この方法だとFirefoxではtableのサイズが1pxはみ出すのです。 border-collapseを使ったテーブル Firefoxで見ると左のボーダーが1pxズレているはず。IE、Safari、Chrome、Operaなどは指定した幅の通りになっています。 <table> <tr> <td>AAAAAAAAAAAAAA</td> <td>BBBBBBBBBBBBBB</td> </tr> <tr> <td>CCCCCCCCCCCCCC</td> <td>DD

    webmugi
    webmugi 2010/01/06
     いつも軽く悩まされるところ。cellspacing属性を使わない方法はないものか。
  • 「印刷用ページ」の作り方

    CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

    「印刷用ページ」の作り方
  • モダンブラウザでも使えるCSSハック18選(1/3) - @IT

    有限会社タグパンダ 喜安 亮介 2009/12/16 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック&フィルタTipsをお届けします(編集部) モダンブラウザとMac OS XのIE 5でも使えるCSSハック 前回の「IE 6とIE 7のためのCSSハック16選」では、IE 6とIE 7のためのCSSハックのテクニックを紹介しましたが、今回は、モダンブラウザでも使えるCSSハックのテクニックを下記に分けて紹介します。 IE 6/7/8をハック(IE 6とIE 7、IE 8に効く、もしくはIE 6とIE 7とIE 8に効かないハック) IE 6とIE 7、IE 8に効くハック コンディショナルコメント ユーザーエージェントハック IE 6と

  • オブジェクト指向CSS、HTML複雑だがパフォーマンスと再利用性向上 | エンタープライズ | マイコミジャーナル

    SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Kevin Yank氏がSitePointにFirst Look: Object Oriented CSSのタイトルのもと、オブジェクト指向CSS (Object Oriented CSS: OOCSS)に関する概要をまとめている。同文書ではオブジェクト指向CSSに関してはYahoo!エンジニアであるNicole Sullivan氏が有名であるとし、Nicole Sullivan氏の発表資料をとりあげてOOCSSについて説明している。 説明によればOOCSSはなにか実体のあるフレームワークではなく、CSSの使い方に対する視点変更を求めるものだという。結論からまとめれば、ロケーションを特定してCSSを適用する方法をやめて、そのかわりより複雑なHT

    webmugi
    webmugi 2009/06/22
     ちょっと考えさせてくれ的なもの
  • CSSの実装状況を知るには? | Web標準Blog | ミツエーリンクス

    BlogではHTML5やCSS3などの策定状況をお伝えしていますが、実装状況についてはあまり触れていませんでした。というわけで、今回は実装状況を調べるためのリソースを取り上げてみようと思います。 Firefox Firefoxについては、開発者のDavid Baronが、CSS WGのメーリングリストに“CSS implementation status reports (and a first one from Mozilla)”というメールを投稿しています。Firefox 3.5とその次のバージョンについて、実装している機能と実装されていない機能がまとめられています。 Davidは「実装状況や今後のプランなどを共有して、より相互運用性を高めよう」という考えのもとこの企画をはじめたようで、メールでは今後実装を考えているモジュールについても触れられています。 Firefoxは他にも、Mo

  • CSS Template Layout Module

    W3C Working Draft 2 April 2009 This version: http://www.w3.org/TR/2009/WD-css3-layout-20090402 Latest version: http://www.w3.org/TR/css3-layout Previous version: http://www.w3.org/TR/2007/WD-css3-layout-20070809 Editors: Bert Bos (W3C) bert@w3.org Copyright © 2009 W3C® (MIT, ERCIM, Keio), All Rights Reserved. W3C liability, trademark and document use rules apply. CSS is a simple, declarative langu

  • float の下に食い込まない見出し | ヨモツネット

    float された要素と見出しなどを並べると、次図のように通常は見出しなどの領域は float された要素の下にい込んだように表示されます。 い込んだように表示される demo しかし、このようにい込んでしまう表示は意図しないことがほとんどです。次図のように float された要素は避けるように表示したい場合も多いでしょう。 これを実現するためには、見出しなどの要素が次の 3 つを満たす状態にします。 display : block; overflow : hidden; hasLayout : true; (IE 用) e.g. h3{ display:block; overflow:hidden; zoom:1; } い込む見出しの対策をした demo ただし、テキストが自動で折り返さない場合、崩れてしまいます。(IE とその他の Web ブラウザーで表示が違います。また、IE

    webmugi
    webmugi 2009/02/06
  • Antenna House Formatter | Web標準Blog | ミツエーリンクス

    少し前のお話になりますが、今月に出荷が開始される予定のAntenna House Formatter V5.0をアンテナハウス様よりご紹介いただき、先月20日に東京で催された「CSSによる文書レイアウト指定セミナー」に参加させていただきました。 アンテナハウスでは、以前からXML組版・印刷ソフトウェアとしてXSL Formatterを開発、販売してきました。バージョン5.0において、レイアウト指定方法に従来のXSL-FOに加えCSSが利用できるようになるのを機に、同製品をAntenna House Formatterに改名するそうです。 Antenna House FormatterはWeb標準に積極的に準拠しているようで、その一例としてAcid2 Testをパスしているとのこと。CSS3のドラフト仕様についても実装を進めています。 セミナーでは『CSSによるページデザイン入門』と題した小

  • 2009年のWeb標準 | gihyo.jp

    あけましておめでとうございます。株式会社ミツエーリンクスの木達です。昨年の年初、「⁠2008年のWeb標準」と題して、Webコンテンツのフロントエンド実装に用いられる標準とその周辺の動向につき、短期的な予測などをごく簡単に書かせていただきました。それに引き続き年もまた、同様の趣旨で記事を書かせていただくことになりましたので、よろしくお付き合いください。 2009年のWeb標準を考えるうえでのテーマとして、私は「アクセシビリティ」「⁠モバイル対応」「⁠マークアップ品質」の3つを挙げたいと思います。 2009年はアクセシビリティに再注目の年 9年半もの時を経て、昨年12月にWeb Content Accessibility Guidelines (⁠WCAG⁠)⁠ 2.0が勧告されました。1999年5月に勧告された前バージョンの1.0から大きく改善されたのは、第一に特定の技術に依存しない内容

    2009年のWeb標準 | gihyo.jp
  • ナビゲーションメニューのデザイン総まとめ - DesignWalker

    ナビゲーションメニューのデザイン総まとめ - DesignWalker
  • インストール不要!Web制作者必見のCSS解析ツール

    「優れたCSSレイアウトのマークアップを研究したい」「制作途中のWebページの表示不具合の原因を探りたい」――そんなときに使えるツールといえば「Firebug」や「Web Developer」がおなじみだ。これらのツールはCSSや(X)HTMLの確認だけでなく、その場で編集したり、JavaScriptのデバッグもできるスグレモノ。だが、もっと最低限の機能だけを手軽に使いたい、というケースもあるだろう。 (X)HTMLの構造やCSSのプロパティのチェックに特化したシンプルなツールが「XRAY」だ。Webブラウザーに登録して使うJavaScriptブックマークレットのXRAYは、アドオンをインストールする必要もなく、機能が絞られている分、動作も軽快だ。 事前準備は、作者・Westcivのページにアクセスし、「XRAY」と書かれたボタンをブックマークに登録するだけ。FirefoxやSafariな

    インストール不要!Web制作者必見のCSS解析ツール
  • 書籍などに紹介されていない display : inline-block について

    display : inline-block をつかったレイアウト 初版 : 2008 年 7 月 5 日 アップデート : 2008 年 10 月 16 日 小山田 晃浩 株式会社メタフェイズ 矢印キーの左右でスライドを切り替えることができます。

    webmugi
    webmugi 2008/10/21
  • メディアクエリー

    この文書「メディアクエリー」は、W3C の CSS ワーキンググループ による「Media Queries (W3C Working Draft 15 October 2008)」の日語訳です。 規範的な文書は原文のみとなっています。この日語訳は参考情報であり、正式な文書ではないことにご注意ください。また、翻訳において生じた誤りが含まれる可能性があります。 原文が勧告 (Recommendation) ではなく、最終草案 (Last Call Working Draft) であることにご注意ください。 原文の最新版 は、この日語訳が参照した版から更新されている可能性があります。また、この日語訳自身も更新されている可能性があります。日語訳の最新版は、W3C 仕様書 日語訳一覧 から参照することができます。 更新日: 2009-04-23 公開日: 2008-10-17 翻訳者:

  • [Think IT] 第1回:携帯サイトとPCサイトはここまで違う! (1/3)

    Javaを学ぶならこの1冊!初心者のためのJava学習書の決定版『スッキリわかるJava入門 第4版』を5名様にプレゼント! 12月15日 17:00

  • サイトタイプ別class名管理方法 | Takazudo Clipping*

    PHP/CSS書いてて、最近思ったことと、自分CSSデザインパターン解説。class名のつけ方の続き的内容。 オブジェクト指向を勉強してるとこ 最近、XSLTでCMS作る!って思っていろいろPHP書いてます。それで、すっごいclassが増えまくってしまって、継承とかいうものがある!ということで使ってみたら、すっきり。ほほーこれは便利だ!と思いきや、またしてもごちゃごちゃ。どこをどうしたらいいのやら。どーしたもんかと思ってネットをうろうろ見てたら、どうやら、デザインパターンってのを覚えた方がよさそうだということに気づき、このを買いました。 これがすごい良かったです。継承とかinterfaceとか、こういうためにあったんだ!というのを学びました。すべてをまだ理解できてないけど、大きいものには大きいものの作り方があるんだ!と。結果総作りなおしwww CSSのデザインパターン? そんでCSSの話