タグ

CSSに関するshigeo2のブックマーク (19)

  • Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8

    Enhancing IE's selector engine Selectivizr adds support for 19 CSS3 pseudo-classes, 2 pseudo-elements and every attribute selector to older versions of IE. It can also fix a few of the browsers native selector implementations. JavaScript-knowledge: none Selectivizr works automatically so you don't need any JavaScript knowledge to use it — you won't even have to modify your style sheets. Just start

    shigeo2
    shigeo2 2012/01/05
    nth-childなどのCSS3セレクタを、IE6〜8に適用させるjquery。
  • CSSセレクタ20個のおさらい

    CSSセレクタって意外と分かっていなかったりするので勉強ついでにまとめてみました。比較的実用的かなと思うものを20個紹介していきます。いい復習になればと思います。 CSSセレクタはスタイルを適用する対象を指定するものです。普段何気なく使っているclassやidなどもセレクタの1つです。 属性や要素といった堅苦しい用語が出てきますので図で簡単に説明します。 私のように基礎から勉強していないと、要素や属性と聞いてもピンときませんが、知ってみるとなんてことはないですね。 また、IEが対応しきれていないCSS3のセレクタもありますが、IE6~8でもCSS3セレクタが利用できるツールの決定版「Selectivizr」 で紹介したようにCSS3セレクタはie対策も容易なのでぜひお試しください。 SelectivizrはCSSを外部ファイルで指定した方がいいのですが、今回のサンプルはCSSを外部ファイル

    CSSセレクタ20個のおさらい
    shigeo2
    shigeo2 2011/12/28
  • Stripe Generator - ajax diagonal stripes background designer

    Play with sliders and color pickers, untill you obtain a super-cool stripe tile Press "Download" to save your creation Edit your css adding this line to the element you want to stripe:

    shigeo2
    shigeo2 2011/06/09
    ストライブ柄の画像を作ってくれるジェネレーター。
  • 河北11选5-快3网投平台

    地址:贵州遵义桐梓县清河东路008号 电话:072-55269409 传真:072-55269409 邮箱:308676405@008.com 河北11选5但其实����,雷军原材料生产企业同样面临着一定的复工问题�����,雷军谈到这一点���,上述负责人表达了一定的希望�����:随着企业陆陆续续复工����,后面会好一点�����。 在2018年报中�����,年创深康佳A称���,年创公司坚持科技+产业+园区的发展方向和硬件+软件�����、终端+用户���、科技+投控的发展模式����,以改革����、转型����、升级为策略�� ��,着力构建产业产品业务群���、科技园区业务群��� �、平台服务业务群和投资金融业务群四大业务组群�����。然而��� �,业总在当前市场热情高涨背景下����,一旦上市公司与芯片等高科技概念联系上���,资金就会参与炒作����。河北11选5

  • 70 Must-Have CSS3 and HTML5 Tutorials and Resources | Web Resources | WebAppers

    CSS3 and HTML 5 are capable of revolutionizing the way we design websites. Both include so many new features and functions that it can be hard to wrap your head around them at times. The inclusion of native support for things like rounded corners and multi-column layouts are just the tip of the ice berg. Below are seventy resources, tutorials, and articles to get you started with CSS3 and HTML 5.

    70 Must-Have CSS3 and HTML5 Tutorials and Resources | Web Resources | WebAppers
  • CSS Nite公式サイト - 「CSS」だけでなく、Web制作全般に関するトピックを取り上げるセミナーイベント

    セミナー開催情報 CSS Nite以外のセミナーへのお問い合わせは、 それぞれのイベントの主催者までお願いします。 マーケティングの全体像がわかる、選ばれる会社を作るためのマーケティング思考 「マーケティングについて基から学びたい。でも、どこから手をつければよいのか…」という声にお応えして、久野 高司さんにお話しいただきます。最新のマーケティングツールやテクニックではなく、全体像や具体的な戦略について専門用語を使わずに解説いただきます。 開催日:2024年10月10日[木] オンライン 詳しく見る これから始める人のためのFigmaスピードマスター(2024新UI版) #朝までFigma の直前企画として、これからFigmaに取り組む方向けの速習講座です。 開催日:2024年10月16日[水] オンライン 詳しく見る

    CSS Nite公式サイト - 「CSS」だけでなく、Web制作全般に関するトピックを取り上げるセミナーイベント
  • CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ

    CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。 まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New Roman」になってしまう。※文字コードがShift_JISやEUC-JPの場合はデフォルトのフォントで表示される。 それでは例えば総称ファミリー名(generic-family)である「sans-serif」のみ指定してみると、WindowsのIE6では文字コードがShift_JIS・EUC-JPの場合は「Lucida Sans Unicode」で、UFT-8の場合は「Arial」で表示されてしま

  • DoCoMoのCSSとXHTMLまとめ | 村式開墾日記

    DoCoMoのCSS、XHTMLにはクセがあります。注意すべき点をまとめてみました。 これに関してはいろいろなサイトで論じられていますが、既出のネタや仕様書の内容も含めなるべく広範囲に渡って情報を集めました。 他のキャリアについてはまた書くと思います。 特に気をつけるべき点を先にまとめると、こんな感じです。 ・CSSはインラインでしか記述できない。 ・XHTMLが必須でかつ適切なContent-Typeヘッダを吐く必要がある。 ・istyle属性は使えない。 ・MARQUEEタグは使えない。 ・object要素によるFlashの埋め込みはiモード対応XHTML1.1から。 ・TABLEタグはiモード対応XHTML2.0以降でないと使えない。 ・GPS用の属性lcsはiモード対応XHTML2.1以降でないと使えない。 (DoCoMoに限った話ではない内容も含まれています) CSSの名称、記述

  • 少しのコードで実装可能な20のCSS小技集

    2019年5月17日 CSS CSSハックに続き、このCSS小技集も私のブックマークにずらりと並んでいたので、整理も兼ねて記事にしてみました。CSSのお勉強を始めたばかりの頃にブックマークしておいたものも多数。。ということで初心者さんからベテランさんまで参考にしてみてください! ↑私が10年以上利用している会計ソフト! コードはサンプル内の「HTML」や「CSS」タブをクリックしてくださいね! 少しのコードで実装可能なCSS小技集 シリーズ 【第2弾】少しのコードで実装可能な20のCSS小技集 【第3弾】少しのコードで実装可能な15のCSS小技集 まずはCSS基礎編 1. divを中央揃えにする ほとんどのサイトが基準となるdivを画面の中央揃えに設定しています。左右のmarginをautoにして中央揃えに。 See the Pen Center Div by Mana (@manabox

    少しのコードで実装可能な20のCSS小技集
    shigeo2
    shigeo2 2010/04/14
  • [CSS]ドロップダウンを利用して詳細情報を表示するスタイルシート

    ドロップダウン型ナビゲーションを利用して、商品などのインフォメーションを表示するスタイルシートをCSSplayから紹介します。 A CSS image information dropdown menu demo デモでは各商品にマウスをホバーさせると、それぞれに対応した詳細情報が表示されるようになっています。 また、各商品とその詳細情報の項目のリンクも別個に設定が可能です。 対応ブラウザはIE6/7/8, Fx, Op, Safari(PC), Chromeとなっており、IE8での動作はIE7エミュレーションモードを必要としないとのことです。

    shigeo2
    shigeo2 2009/12/06
    商品サイトを作るときに役立ちそう。
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • 【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 (16) 04-02 CSSハックの利用(1) | クリエイティブ | マイコミジャーナル

    *:first-child+html、 * html IE7だけに設定を適用する「*:first-child+html」と、IE6以下に適用する「* html」を組み合わせ、IEだけにスタイルシートを適用するCSSハック。ただし、2つのセレクタを「,(カンマ)」で区切るとIE6以下のブラウザで認識できなくなるため、別々に記述する必要がある。 IE6での表示 IE7での表示 Firefoxでの表示 サンプルソース: 4-3-1 sample04-03-01.html *:first-child+html {color:red} * html {color:red} <h1>見出し</h1> *property プロパティの前に「*(アスタリスク)」を付けることで、IE7以下(すべてのIE)に設定を適用するハック。 IE6での表示 IE7での表示 Firefoxでの表示 サンプルソース: 4

    shigeo2
    shigeo2 2009/06/30
    *:first-child+html、 * htmlでIE7とIE6だけに適用できるハック。
  • いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0

    が大型連休に入る少し前の4月23日、W3CはHTML5の新しいドラフトを公開しました。いつも最新のWeb標準化動向を伝えてくれるWeb標準ブログのエントリ「Last Callに向け進むHTML5 | Web標準Blog | ミツエーリンクス」によると、今回のドラフトから仕様書に大きく手が加わり、Webサイトを作る人向け(制作者に関係する要件)と、Webブラウザを作る人向け(実装要件についての要件)ごとに見やすくなるようなスタイルシートが用意されたとのこと。 これまでも何度かこのブログでは、HTML5やJavaScript 2.0などのWeb標準の動向を書いてきましたが、今回は分かりやすいようにその動きをまとめてみました。 HTMLHTML4でいったん進化が終了し、それ以後はXHTMLで進化していくことになっていました。しかし実際にはXHTMLは期待されたほど普及せず、XHTMLによっ

    いま起きているWeb標準の進化、HTML5、CSS3、JavaScript 2.0
  • MdN-ダウンロード

    【ご注意】 ※サンプルデータは閲覧のみで、ダウンロードできませんのでご了承ください。 ※閲覧にパスワードは不要です。 ※サンプルデータは書学習用の参照用としてのみご利用になれます。他の用途での使用、配付は一切禁止します。 ※サンプルデータを閲覧し、実行した結果については、著者、ソフトウエア提供会社および株式会社エムディエヌコーポレーションは、一切の責任を負いかねます。お客様の責任においてご利用ください。

    shigeo2
    shigeo2 2009/03/21
    目次ごとにサンプル集が見れる
  • [使える CSS テクニック] CSSで実現するプルダウンメニュー | バシャログ。

    使える CSS テクニックの第 4 回は「CSS で実現するプルダウンメニュー」です。 確認ブラウザは IE7、Firefox2、Opera9、Safari3.1 です。 CSS のみでは IE6 対応が不可能ですが、IE の独自機能(DHTML)を併用することで IE6 でもプルダウンメニューを実現しています。 まずは、以下のサンプルをご覧ください。 シーブレイン コーポレート WEBサイト制作 マニュアル制作 ローカライズ 検索エンジン Yahoo! Japan Google Goo excite Biglobe 週刊少年漫画 少年ジャンプ 少年マガジン 少年サンデー このサンプルの HTML は以下のようになっています。 <ul id="pulldown-menu"> <li><a href="#">シーブレイン</a> <ul> <li><a href="http://c-brai

    [使える CSS テクニック] CSSで実現するプルダウンメニュー | バシャログ。
    shigeo2
    shigeo2 2009/03/20
    CSS のみでは IE6 対応が不可能。IE の独自機能(DHTML)を併用することで IE6 でもプルダウンメニューを実現している。
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

  • これさえやればCSSをマスターできるかもしれないCSSチュートリアル&サンプル20:phpspot開発日誌

    皆さん、新年あけましておめでとうございます。 今年も読んでいただき、ありがとうございます。 では、早速ですが記事のご紹介。 20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com これさえやればCSSをマスターできるかもしれないCSSチュートリアル&サンプル20。 全部、そのメカニズムについて覚えたらかなりCSSに詳しくなるのは間違いなさそう。 Advanced CSS Menu カーソルを合わせたときにメニューがCSSオンリーで切り替わる CSS Based Navigation こちらも同様。JavaScriptレスでメニューを切り替えます CSS Fancy Menu CSSとJSを使ってFlashばりのアニメーションメニューを作成 Expandable CSS Tabs Tutorial テキスト長に応

    shigeo2
    shigeo2 2009/01/05
  • 死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE

    ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:

    死ぬまでに見ておくべきCSSデザインサイト集まとめ - GIGAZINE
  • ブログのCSSデザイントップ20 - GIGAZINE

    CSS BloomというブログなどのCSSデザインをみんなで評価するサイトにて、高評価のデザイントップ20です。 日のブログデザインのコンセプトとちょっと違うのが多く、見ているだけでも面白いです。ブログデザインの展示会といった感じ。また、どんなデザインのブログにしようかな~と思っている場合にはかなり参考になります。 Top 20 Blog Designs | Blog http://silentbits.com/?p=339 http://silentbits.com/?p=385 以下、上記サイトで出てきたトップ20のサイト第1弾。 Veerle's blog 2.0 - Webdesign - XHTML CSS | Graphic Design Avalonstar. The Aries Project. By Bryan Veloso. Matt Brett Joshuaink

    ブログのCSSデザイントップ20 - GIGAZINE
    shigeo2
    shigeo2 2008/03/04
  • 1