タグ

2013年3月13日のブックマーク (6件)

  • HTML5で組んでるならこの魔法のjsも入れておけっていう話

    現在、A!@attripさん発で話題になっている「たった2行でIE5.5~IE8をモダンブラウザの挙動にする魔法のJS」という記事。 Webデザイン界隈では当たり前のものですが、実はもうひとつ追加しておくといいかもしれないjsがあったりします。 Photo:html5 By michael pollak IE8以前のブラウザはどうにもこうにも開発者泣かせなわけですが、ie9.jsとcss3-mediaqueries.jsを突っ込むことで、モダンブラウザと同じ挙動にすることができちゃいます。 もう少し具体的に書くと、ie9.jsを組み込むことで、 position:fixed;に対応 max-width、max-heightに対応 属性セレクタ、擬似クラスに対応 margin:0 auto;でのセンタリングに対応 透過PNGに対応 opacityに対応 といったことが可能になります。要はCS

    HTML5で組んでるならこの魔法のjsも入れておけっていう話
  • サービス終了のお知らせ - NAVER まとめ

    サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

  • IEでCSS3の効果を出せる。クロスブラウザ対応 CSSスニペット|Web Design KOJIKA17

    IEでCSS3の効果を出せる。 クロスブラウザ対応 CSSスニペット 2011-02-01 影をつけたり、角丸にしたり、便利なCSS3。モダンブラウザは続々と実装されています。 しかし依然としてIEのシェア率が多い現在では、「CSS3を使うのは、ちょっと・・・」と思っている方も多いと思います。 そこでIEのfilterを利用し、JavaScriptや画像を使わずに、CSS3に近い効果を表現できる、 実用的なCSSのスニペットを紹介致します。 Opacity 指定したボックス自体の不透明度を変えることができます。 また指定した要素の下位の要素に対しても、効果が継承されます。 imgのロールオーバーなどの使い道があります。 Opacity Sample .opacity { opacity: .5; /* FireFox, Webkit, Opera */ -ms-filter: "progi

    IEでCSS3の効果を出せる。クロスブラウザ対応 CSSスニペット|Web Design KOJIKA17
  • 【クリスマスだし】Internet Explorerとうまく付き合う方法【IE対応まとめ】【25日目の6】 | DevelopersIO

    IE6はタヒぬDeath! こんばんは、クラスメソッドWebマスターの野中です。 今日はクリスマスですね、社内には独り身の負のオーラが満ちてます(既婚者が多いので残っている人は少ない)。 ところで、最近はCSS3もすこしずつ使えるようになってきていて、IE6からIE8の対応を蔑ろにしてしまっている自分がいます。 Web制作に携わってから6年、常に付きまとう古いIEは腐れ縁というか、ある意味青春ですね。 とっても今さら感たっぷりなお題目ですが、ここでIE対応のポイントを自分のために総浚いして青春に決着をつけたいと思います。 過去の経験と情報収集をもとにまとめているので実際にテストしたものではありません。 解決のきっかけ程度になれば良いと思いまとめています。 IEの現状 一般的なブラウザと先進的なブラウザに対する手法と考え方 ドキュメントタイプ:文書型定義 IE向け条件付きコメントで分岐処理

    【クリスマスだし】Internet Explorerとうまく付き合う方法【IE対応まとめ】【25日目の6】 | DevelopersIO
  • 【Web開発者必見!】Windows8タブレット向けWebサイトを構築する際に知っておくべき9つのポイント | DevelopersIO

    【Web開発者必見!】Windows8タブレット向けWebサイトを構築する際に知っておくべき9つのポイント Windows8が出てしばらく経ちました。今後はWindows8のタブレットやハイブリッド型のノートPCが普及して、モダンUIのブラウザも開発対象になっていくと思います。弊社ではWindows8タブレット、モダンUIのInternet Explorer10を対象にしたWeb案件も始まっています。既存のサイトをモダンUIブラウザに対応することも増えるでしょう。そこでデスクトップのブラウザで開発する場合とどのような違いがあるのかをまとめてみました。あと誤解のないようにいっておくとタブレットでも一応、デスクトップのブラウザは使えます。ただタッチパネル用ではないのであまり使いやすくありません。ですのでタッチパネル向け=モダンUIブラウザ向け という前提で話を進めます。 1. モダンUIブラウ

  • スルーされないクリエイティブ ― 受け手にほんのちょっとだけ頭を使わせよう

    http://adsoftheworld.com/ こちらは世界の広告を集めたサイトです。評価が高いものを見るとやはり、ちょっとした仕組みのもとに作られているものが多いです。 こういった広告は、言葉ではなく視覚的な問いかけを使う事で受け手の思考の一部をプロダクトに関わらせることを試みているわけです。 一つ言えるのは、その答えに辿りつくのが困難であればあるほど間口は狭くなるが印象が強くなり、簡単であればあるほど誰しもに伝わるとともに、印象は浅いものになるだろうという事です。 問いかけは面倒くさい そしてこの問いかけは、受け取る側が問いかけられていると感じれば感じるほど敬遠されます。上記の様な広告はそのビジュアルを見て受け手が自発的に問いに取り組むから良いのであって、例えば看板にテスト問題が書いてあっても取り組む人はわずかでしょう。…まあそれはそれで面白いですけどw ものづくりは受け手との対話

    スルーされないクリエイティブ ― 受け手にほんのちょっとだけ頭を使わせよう