タグ

2013年11月8日のブックマーク (8件)

  • CSSハックもIEの独自拡張条件式も使わないIE(6/7/8)のCSS上書きテクニック

    Updated 2011.06.02 / Published 2011.06.02 セレクタを上手く活用しているだけの初歩的ながら、あまり知られていない便利なIE(6/7/8)のCSS上書きテクニックです。ハックもIEの独自拡張条件式も使わないこのテクニックを用いれば、次のように良いことづくめです。 正規のセレクタのみを使用するので、無駄なハックを覚えなくて済むバグを利用しているハックは将来的にトラブルが発生する可能性があるが、将来的にトラブルも発生しないハックは正常なブラウザの解析では構文エラーとなるが、正規のセレクタのみの使用なのでエラーなくスムーズに解析できるIEの独自拡張条件式である<!--[if IE]>〜<![endif]-->を使ってIE専用のCSSファイルを作って管理しなくても、同一CSSファイル内で手軽に上書きが済ませられる まず、下記のようなHTMLがあると仮定します。

    CSSハックもIEの独自拡張条件式も使わないIE(6/7/8)のCSS上書きテクニック
  • Blog | W3G

    1, 'post_type' => array ( 'post', 'animal') ); $myposts = get_posts( $args ); foreach ( $myposts as $post ) : setup_postdata( $post ); if ( has_post_thumbnail() ): $post_thumbnail_id = get_post_thumbnail_id( get_the_ID() ); $image = wp_get_attachment_image_src( $post_thumbnail_id, "medium" )[0]; if ( $image ) { echo ''; }else{ echo ''; } else: echo ''; endif; ?> post_content))), 0, 100). "..."); $

    Blog | W3G
  • ベンダープレフィックスの整理整頓|Web制作 W3G

    Updated 2014.03.23 / Published 2013.10.25 2013年はGoogleApple主導で開発していたWebkitから分離し、ChromeとOperaがレンダリングエンジンをBlinkへと切り替える大きな出来事がありましたので、ブラウザベンダーが勧告予定のCSS仕様の先攻実装を示すベンダープレフィックス(接頭辞)の整理整頓についてまとめてみましょう。 各情報の出典としてはCan I useを利用しており、各UA名称部分はIEはデスクトップ版Microsoft Internet Explorer, Chromeデスクトップ版Google Chrome, Firefoxはデスクトップ版Mozilla Firefox, Safariはデスクトップ版Safari, Operaはデスクトップ版Opera, iOSはiOS Safari, AndroidはAndr

    ベンダープレフィックスの整理整頓|Web制作 W3G
  • jQueryで吸収できないIE仕様の備忘録

    wiki代わりの備忘録なので編集や加筆の制限なしエントリーです、あしからず。 また、以下はIEに特化することが目的ではなく、W3C勧告のHTML標準なページ作成を目指す中で、標準を理解しない(くせにトップシェアの)IEの仕様を何とか回避するが主題です。 cssテクまで考慮するともっとたくさんになると思いますが、それはデザイナーさんに任せます(笑) . ■ IE互換モード イントラネットでは互換モード優先がIEのデフォルト設定のため、企業イントラネットではIE7の配慮が必要です。ローカルPCでの開発では互換モードを再現できないので注意が必要です。 強制的に互換モードを排除するには、.htaccessに次を記述してHTTPヘッダを出力するか、 Header set X-UA-Compatible "IE=edge" メタタグでページごとに指定します。 <meta http-equiv="X-U

    yoshida2855
    yoshida2855 2013/11/08
    CSSを使わない潔さ
  • Google

    世界中のあらゆる情報を検索するためのツールを提供しています。さまざまな検索機能を活用して、お探しの情報を見つけてください。

    Google
    yoshida2855
    yoshida2855 2013/11/08
    絵がかわると画面左の人物がちゃんと鉛筆動かしてるのか-芸が細かいぞ
  • 鯛入りタイヤキ

    超★新鮮たいやき タイトルを見て「生焼けのタイヤキかぁ、まずそ~」と思われたかもしれないけど、残念、ハズレ。 つか、その方がマシだったような気がするデスよ。 早い時間に仕事が終わって電車で帰宅。 会社で夕ご飯をべなかったから小腹は空いている。 『次は下高井戸か・・・・』 『 ! 』 『そうだ・・・・・”たつみや”のたいやきをおう。 何ヶ月ぶりだろう・・・・・・』 と思い立ち、アタマの中をそこのたいやきでいっぱいにして行ったら、日の営業時間は終わり済みな罠。 あー、そういやここって繁盛っぷりが半端なくて6時とかに閉めちゃうんだっけ。ぬぬぬ、おのれー。 『身も心もあのタイヤキになっていたのになぁ』 ボヤキながら駅まで戻ったものの、べれないとなると一層べたくなるというのが人のサガ。 駅前でたいやき焼いてた店は大判焼きとタコヤキのみになってしまっていて、『たいやきがべたい』

    yoshida2855
    yoshida2855 2013/11/08
    雑コラ
  • 新しいCSSの仕様を色々調べてみた

    第3回HTML5ビギナーズ!(http://atnd.org/events/44530)の「新しいCSSの仕様を色々調べてみた」の資料です。 『CSS3から新たに加わったレイアウト仕様のCSS Flexbox、 Regions、Shapesで一体どんなことができるのか、ご紹介したいとおもいます。』 以下のCSS3の新しい機能の初心者向け資料です。 ・Flexbox ・Regions ・Shapes ・Multi-column Layout ・Grid Layout ・Exclusions Read less

    新しいCSSの仕様を色々調べてみた
  • 窓の杜

    窓の杜