地味に使えるCSS小技のメモ&サンプル集
cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード.centered { position: relative; overflow: hidden; } .centered ul { position: relative; lef
[CSS]IE6, IE7, IE8, IE9の各バージョンの分岐をvalidで処理する方法
CSS Specific for Internet Explorer デモページ（※IE7で表示） [ad#ad-2] デモ紹介 1. 条件付きコメントの利用 2. CSS Hackの利用 3. 条件付きのHTML class デモ紹介 デモページは、下記のように設定されています。 スタンダードブラウザ（IE9, Firefox, Chrome, Safari, Operaなど） 背景色がグレー IE8 背景色がピンク IE7 or IE8互換モード 背景色がグリーン IE6 背景色がブルー 下記はデモページをIETesterで表示したものです。 IETesterの詳しい説明は、「IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester」を参照ください。 デモページ（※IE8で表示） IE9もWin7+IE9で確認したところ、背景はグレーに表示されていました。 [a
IE7からのCSSの小難しいセレクタやプロパティいろいろ
チャイルドセレクタや隣接セレクタなど、あんまり馴染みのないちょっと小難しい CSS のセレクタなどをまとめてみました。 これからクロスブラウザの照準を、IE7 に合わせるなら、ちょっとお役立ちかもです！ そろそろ IE6 のことは忘れて、IE7 からのクロスブラウザを目指せばいいのかなーという気がしています。CSS のプラパティーの中には、今まで IE6 のことを考えて使わなかったものがたくさんあったりします。それらを改めて確認してみると、コーディングの幅が広がるなーという気になったりもします。 これから使う事が増えるかもしれない、CSS のセレクタやプロパティを、もう一度振り返ってみると同時に、IE7 で注意したい事などを簡単にまとめてみました。 IE6 ではサポートされていませんでしたが、IE7 からは使ってもOKなセレクタやプロパティには、どんなものがあるのか確認してみます。後半は
Mac OS XのFinderがプチ便利になる8つのテク | ライフハッカー・ジャパン
Snow Leopardには、Finderに関する新しい機能追加があまりなかったので、ガッカリしたMacユーザーもいると思います。でも、正しいカスタマイズとプラグインを使えば、かなり使いやすくなりますよ。『Path Finder』を買おうと思っている人はちょっと待った！Leopardにビルトインされているファイルマネージャーをちょっといじるだけでカスタマイズできますから。では、早速Finderカスタマイズ方法をご紹介しましょう。 ※これらの方法はすべてMac OS 10.5 Leopardでは動作確認済みですが、TigerやPantherでの動作確認はしていません。 ■ファイルパスを表示させる フォルダの中に入っているファイル以外は、一度そのファイルを開いてしまうと、それが一体どこにあるファイルなのか分からなくなってしまう、というお悩みをよく聞きます。ヘビーユーザーならともかく、ふつーのユ
css-lecture.com - css lecture リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
やがてくる大増税時代に豊かに生活するために準備すべきこと - 分裂勘違い君劇場 by ふろむだ
現在の日本の置かれた状況をよく考えてみると、数年〜十数年後に大増税を行わざるを得なくなる可能性がけっこう高い。 大増税時代になっても豊かに暮らせるようにするには、今のうちから準備しておかないと、あとで後悔することになることがある。 この記事では、それについてまとめてみた。 トピックハイライト 大増税を回避する政策はあるが、それが実行される可能性が低い理由。 中所得者と高所得者のどちらに大増税されるかは不透明。 高所得者を搾取して遊んで暮らす戦略。 具体的にどの税金を、どのように回避するために、今からどのような準備が必要か。 重い所得税を払わずに逃げ切る合法的な方法 重い消費税を合法的に回避する方法 高収入で贅沢をしても消費税も所得税もかからないようにする方法 税金を全く取られずに生産、流通、消費を行うさまざまなテクニック。 「高所得者に重税をかけると海外へ出て行く」というのは金持ちのポジシ
CSSハック等に応用できそうなブラウザが解釈しているCSSがわかる「Selector Shell」:phpspot開発日誌
CSSハック等に応用できそうなブラウザが解釈しているCSSがわかる「Selector Shell」 2009年01月22日- Selector Shell CSSハック等に応用できそうなブラウザが解釈しているCSSがわかる「Selector Shell」。 ボックスにCSSを入力して「Test It」を押せば解釈されているCSSが分かります。 これを使えば、どんなCSSがちゃんと利いていて作用するかっていうのが分かりますね。 たとえば、次のようなCSSがサンプルで最初からはいってます。 Gecko, IE用や, Webkit 用などさまざまなハックを使っていますが、各種ブラウザで「Test It」してみれば何が利いているかが一目瞭然です /* Some example CSS */ body .class1 { border-color: black; } /* Gecko hack. *
異なるバージョンのFirefoxでCSSを有効・無効にするハック集:phpspot開発日誌
異なるバージョンのFirefoxでCSSを有効・無効にするハック集が紹介されていました。 Firefox のバージョンによって有効なCSSを出し分けるような場合に使えそうです。 すべてのバージョンのFirefoxをターゲットとする /* 方法１ */ #selector[id=selector] { color: red; } /* 方法２ */ @-moz-document url-prefix() { .selector { color: red; } } /* Firefoxを含むすべてのGeckoエンジンで有効にする */ *>.selector { color: red; } Firefox 1.5 と それ以降のバージョンで有効にする .selector, x:-moz-any-link, x:only-child { color: red; } Firefox 2 以降のバー
総力特集！ PC/ネットの“節約”ライフハック71連発 | 教えて君.net
今や日本のみならず世界中が大不況。人類は未曾有の危機に直面しているのだ。不況を力強く生き抜くための思いも寄らないPC活用術を一気に71個お届けしよう。読めばPC＆ネットがグングン分かり、生きる力がわいてくる！ お金なんかはちょっとでいいのだ～！ もくじ ■最低限の出費でPC環境を進化させる26の裏技 ・ブルーレイドライブはわざわざ買う必要なんてない！ ・M4PをタダでMP3にする「DVDneXtCOPY iTurns FREE」 ・フリーオやPT1は高すぎるけど地デジをコピフリ録画したい！ ・借りたDVDは焼かないでバックアップしておこう ・低価格で新品同様の「再生品PC」を入手！ 保証も付くぞ ・良質な有志自作ゲームはBitTorrentでがっぽり集めよう ・DVDイメージは「HandBrake」でMP4にすれば容量を節約できる ・市販以上の英和＆和英辞書がタダで使えちゃう「Lingoe
Googleに学ぶ、ウェブページのパフォーマンスを最適化する方法
Web Performance Best Practices 下記、ウェブページのパフォーマンスを最適化するポイントをまとめたものです。 キャッシュの最適化 往復遅延時間を減らす HTTPリクエストを減らす ロードサイズを減らす レンダリングの最適化 関連書籍 1. Optimize caching キャッシュの最適化 ブラウザのキャッシュを活用 JavaScriptやCSSファイルや画像などのスタティックなリソースは、HTTPヘッダを使用してキャッシュをロードするようにします。 アドバイス スタティックなリソースは全て、積極的にキャッシュにセットします。 時々更新するリソースのキャッシュには、ファイルパスにフィンガープリントを埋め込みます。 IEでも確実にキャッシュされるように、Varyヘッダは削除します。 URLを自動生成している場合は、Fxのディスクキャッシュで使用している8文字のラ
iPodケース、カバン、小物、洋服などを手作りするチュートリアル集
iPodケース、カバン、アクセサリ、財布、小物、洋服などを手作りするチュートリアルをthe long threadから紹介します。 Top 100 Tutorials of 2008 上記サイトでは手作りのベビー・子供用のものから洋服・アクセサリ、縫い物などチュートリアルを100紹介しています。 下記はその中から一部を紹介します。
[CSS]IE6でよく遭遇する6つのバグとその解決方法 | コリス
CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time ボックスモデルのバグ マージンが二倍になってしまうバグ min-width, min-heihgtと同等の指定 Stepdownバグ hover擬似クラスをa要素以外にも対応 透過PNGを透過表示に対応 ボックスモデルのバグ <textarea name="code" class="css" cols="60" rows="5"> div#box{ width:100px; border:2px solid black; padding:10px; } </textarea>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]IE6/7/8で異なるCSSの対応状況をCSS2.1, CSS3ごとにまとめたチートシート
Tanreisoftware.com
ie7-js - A JavaScript library to make MSIE behave like a standards-compliant browser. - Google Project Hosting