タグ

cssに関するtatsuro_eiiのブックマーク (17)

  • CSSフレームワーク『BlueTrip』が想像以上にすごい - present

    CSS フレームワークを再認識 CSS フレームワークって、名前だけは知っていましたが、どういうものなのか全く知りませんでした。次の記事を読むまでは。 404 Not Found - ゆーすけべー日記 確かに、これは便利そうですね! さっそく、CSS フレームワークを導入してみます。 BlueTrip を導入 CSS フレームワークはいろいろありますが、今回は先の記事で紹介されていた BlueTrip を導入してみます。 次のページからアーカイブをダウンロードし、解凍して css ファイルと画像を static フォルダに配置。 BlueTrip CSS Framework | A beautiful and full-featured CSS framework HTML の head 部に、下記を追加。 <link rel="stylesheet" href="css/screen.c

    CSSフレームワーク『BlueTrip』が想像以上にすごい - present
    tatsuro_eii
    tatsuro_eii 2011/02/10
    これ分かってない人、始めてCSS触るとか勉強始めるって人は触っちゃいかんレベルと思う。
  • 使われていないCSS設定があるか教えてくれる『Unused CSS』 | 100SHIKI

    似たようなツールは他にもあるが、シンプルで使いやすそうだったのでご紹介。 Unused CSSを使えば、使われていないCSS設定がどこにあるかを教えてくれる。 使い方は簡単で、チェックしたいサイトのURLを入力するだけだ。 すると、どのCSSファイルにどれだけ不要な設定が入っているかを教えてくれる。また、不要な設定を排除したCSSをダウンロードできたりもする。 サイトの開発がながびくと不要な設定も増えていくことだろう。こうしたツールをうまく使ってサイトの最適化をはかりたいですな。

    使われていないCSS設定があるか教えてくれる『Unused CSS』 | 100SHIKI
  • (恐らく)最も簡単な、対IE用CSSハック術

    CSSコーディングにおいて最も邪悪かつ驚異的な存在、Internet Explorer。 どんなに完璧にCSSを理解していても、彼らの挙動を把握していない限り、まさに「机上の空論」となってしまうという、恐るべき魔物。 それに立ち向かうべく発明されたのが、各ブラウザの独自仕様やバグの穴を利用して各ブラウザ個別に対応するという、いわゆる「CSSハック」。 今回はワタクシsmknが対IE用として日常的に使用している、(恐らく)最も簡単であろうCSSハック術をご紹介します。 と、その前に...。 今回ご紹介するCSSハック術は、CSSの正式な文法としては間違っています。 バリデート通りません。invalidです。 来なら文法的にも正しいハックを使った方が良いのかもしれませんが、そもそもハックしちゃってる時点で正しいもクソもないような気が、個人的にはしてるので。 さらに、ハックの所為でCSSがバリ

    (恐らく)最も簡単な、対IE用CSSハック術
  • CSS。ある野鯖でのひとコマ

  • もう、class名やid名で悩まないんだからっ!!|CSS HappyLife

    class名やid名って付ける時悩みませんか? 今でもボクは結構悩むんですが、そんな悩みを解決する為に、人さまのソース覗きまくってよくあるclass名とid名を拾ってきました。 これで、チョットだけ作業効率アップ!? 2010年6月10日追記: この記事自体、2007年 1月15日に書かれてるんでかなり古いです。 あくまでも参考程度に留めてもらうのが良いかと思います。 今だったら、html5の要素を参考にしたりして付けるのが、今後の事を考えると良いのかなーと思います。 また、善し悪しの判断はせずに公開しているものですが、位置に関するのは仕様変更に弱くなるのでオススメはしません。 全体に使えそうな感じ wrap wrapper top-wrapper wrapperAll frame mframe all-frame container page pagetop all allContent

    もう、class名やid名で悩まないんだからっ!!|CSS HappyLife
  • CSSMENUMAKER.COM

    Get a price in less than 24 hoursFill out the form below. One of our domain experts will have a price to you within 24 business hours.

  • ブロックレベル要素の高さを揃えるheightLine.js[to-R]

    ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja

    ブロックレベル要素の高さを揃えるheightLine.js[to-R]
  • CSSセレクタの高速化の話し - Webtech Walker

    続・ハイパフォーマンスWebサイトを読んでCSSセレクタの高速化の話しが面白かった(というか全然知らなくてちょっとびびった)ので紹介します。 セレクタは右から左に解釈される これは正直知らなくて、結構衝撃でした。 #foo .bar {} これはなんとなく#fooを探して、その中の.barを探している気がしてたんですけど、実は.barを探して、その親要素に#fooがあるかを探すそうです。なので特に#fooが必要なければ .bar {} と書いたほうが高速だということ。 また、以下の様に要素名で指定すると、その要素を全て探します。 #foo a {} これは一度a要素を全て探すので、できればaにclassをふって #foo .anchor {} とするほうが高速のようです。(#fooをとるとより高速) 特にユニバーサルセレクタなどは、 #foo * {} とすると、全ての要素の親要素に対して

    CSSセレクタの高速化の話し - Webtech Walker
    tatsuro_eii
    tatsuro_eii 2010/05/18
    一応覚えておく
  • ASCII.jp:サンプルで学ぶjQuery:(X)HTML/CSSを操作する|Web制作の現場で使えるjQuery UIデザイン入門

    今回は、jQueryを利用して(X)HTMLCSSを操作する方法について解説します。(X)HTMLCSSの操作は、jQueryを利用したプログラミングでは非常によく登場しますので、しっかり押さえておきましょう。 前回までのおさらいと今回の内容 jQueryを利用したプログラムは、 どの(X)HTMLの要素を操作するかを指定するセレクター 処理の内容(命令) の2つが基です。前回・前々回ではこのうち、1.のセレクターの使い方について解説しました。今回は、セレクターで指定した要素を操作する、2.の命令について紹介します。jQueryでは、$("...") の内側にセレクターを書き、その後ろに .(ドット) でjQueryの命令を記述するという約束でしたので、 .(ドット)の後ろに来る部分ですね。 実務で使うjQueryのプログラムでは、このほかに、命令が実行されるタイミング(「イベント」

    ASCII.jp:サンプルで学ぶjQuery:(X)HTML/CSSを操作する|Web制作の現場で使えるjQuery UIデザイン入門
  • [使える CSS テクニック] ブラウザのデフォルトスタイルをリセットする | バシャログ。

    現場でバリバリコーディングをしている当ブログの執筆陣が、ちょっと使える CSS のテクニックをご紹介する短期集中連載企画。全 10 回の予定でお送りします。 第 1 回目は「ブラウザのデフォルトスタイルをリセットする」です。 ほんの 1~2 年前までは「*(ユニバーサルセレクタ)」を使って以下のようにブラウザのデフォルトスタイルをリセットするのが主流でした。 * { margin: 0; padding: 0; border: none; list-style-type: none; font-style: normal; font-weight: normal; font-size: 100%; text-align: left; } ただ、全要素のスタイルを無条件でリセットしてしまうと、input 要素や button 要素などフォーム周りの要素の表示にまで影響が及ぶ事から、既にユニバ

    [使える CSS テクニック] ブラウザのデフォルトスタイルをリセットする | バシャログ。
  • Phatfusion:image menu

    Phatfusion:image menu
  • スタイルシートをすっきりと見やすくしてくれる『styleneat』 | 100SHIKI

    シンプルで素敵なツールだったのでご紹介。 styleneatはCSSファイルを見やすく整形してくれるツールだ。 これを使えばセレクタの親子関係がインデントされて見やすくなる。複雑な階層構造もこれならわかりやすい。 またそれぞれのスタイルの属性をアルファベット順に並べたり、一行でまとめたり、といったオプションもある。 スタイルシートがごちゃごちゃしてきたなぁ、というときに試してみるのはいかがだろうか。

    スタイルシートをすっきりと見やすくしてくれる『styleneat』 | 100SHIKI
  • オンライフモバイルの開発で役立った情報源やライブラリのまとめ : akiyan.com

    オンライフモバイルの開発で役立った情報源やライブラリのまとめ 2009-03-23 日、株式会社ヨセミテにて提供中のみんなの闘病サイト オンライフのモバイル版がオープンしました。 日初、携帯電話から闘病情報の共有ができる『オンライフ モバイル』を提供開始 (プレスリリース) 僕自身、ログインやフォーム送信などの機能を備えたモバイルサイトの格的な開発は初めてだったので、多くの情報源やライブラリに助けられました。その中でも特に役立ったものを紹介します。 目次 モダンなモバイル開発のススメ (PHP編) ゆどうふ氏による最近のモバイル開発事情と利用ライブラリのまとめ。ライブラリはPHPですが事情説明は共通ですので、PHPな人もそうでない人もぜひ。 モダンなモバイル開発のススメ :: handsOut.jp PHP×携帯サイト デベロッパーズバイブル PHP×携帯サイト デベロッパーズバイブ

    オンライフモバイルの開発で役立った情報源やライブラリのまとめ : akiyan.com
  • 逆引きCSSハック(IE8,Firefox,Opera,Safariを含めたブラウザ別CSSハック)

    cat888 live เว็บไซต์ของเราได้รับการรับรองว่าเป็นเว็บพนันที่มีคุณภาพเยี่ยมที่สุดในประเทศไทยสำหรับการพนันออนไลน์ เว็บพนันที่มั่นคงและปลอดภัยที่สุดสำหรับการเดิมพันออนไลน์ที่ทำการเงินอย่างมั่นคงและปลอดภัยและรับรองความเป็นส่วนตัวของคุณในการเล่นเกมพนันที่นี่. ทางเรามุ่งเน้นให้ประสบการณ์การพนันออนไลน์ที่ไม่ซ้ำซากและน่าสนุกที่สุดเลยค่ะ! cat888 หวย เมื่อคุณมีความระมัดระวังในการพนันออนไลน์ คุณจะมั่นใจได้ว่า

  • Wordpress Services Norfolk | Wordpress Maintenance Service Norfolk | Wordpress Web Design In Norfolk

    Expect high-quality, well-structured markup that satisfies the strictest requirements. Our team ensures that each line of code is well-written and that the final result is pixel-perfect. In addition, we test and inspect everything thoroughly before releasing it to you. We understand the importance of creating websites that are optimized for mobile devices. That's why we approach every project with

    Wordpress Services Norfolk | Wordpress Maintenance Service Norfolk | Wordpress Web Design In Norfolk
  • バンクイックは分割払いって出来る? | 現金が必要な時に一番便利なネットキャッシングで即日借入【ネポ】

    まとまったお金が必要になった時には、どこからかお金を借りる方法を考えますよね。バンクイックは三菱東京UFJ銀行のカードローンですが、銀行の商品ということで安心できるカードローンの1つです。でも、もしお金を借りたとしたら返さなければならないわけですが、お金がなくて借りているのにそれを一括で返すというのはなかなか現実的ではありません。分割払いができれば助かりますよね。 バンクイックの返済は、一括払い・分割払いどちらの返済も可能です。一括払いはもちろん借りた金額を一括で払う方法ですね。最初分割払いにしていたけどお金に余裕が出来たから残りの金額を一括で返済したい、ということも可能ですよ。分割払いを行う時には、自分で金額を決めるということではなく、一般的には残高スライド式と呼ばれる分割払いを行うことになります。これは、借りた金額に対して貸した側が「この金額を借りたらいくら返す」と決めているもので、返

  • モビットってどんな返済方法があるの? | 現金が必要な時に一番便利なネットキャッシングで即日借入【ネポ】

    カードローンって最近よく耳にするようになったのではないでしょうか。カードローンというのは消費者金融や銀行に申し込んでカードを発行してもらい、そのカードを使って提携のATMなどからお金を借りるというものです。金額は人によって決まっていますが、特に目的について制限されるわけではなく、1万円からなど比較的少額からの借り入れも出来るという便利な個人ローンなんです。 でもカードローンって当にたくさん種類があります。各銀行でもそれぞれカードローンがありますし、消費者金融だってそれぞれの商品としてカードローンを取り扱っています。モビットもカードローンの1つですね。モビットは三井住友銀行系の会社ですので、三井住友銀行のATMからの借り入れ・返済であれば手数料無料になるんですよ。 実際お金を借りたら返さなければいけないのですが、モビットはどのような返済方法があるのでしょうか。返済方法は3つ!口座引き落とし

  • 1