タグ

web制作とクロスブラウザに関するglat_designのブックマーク (4)

  • 2012年でのブラウザ対応の選択肢

    Windows XPを使っているとIE8へのアップデートをガンガン推奨されるのでIE6ユーザーがIE8にしていることが多いと聞く。 僕のVMWareに収まったXPは、何故、未だにIE6なのでなんでそうならないのかわからないのだけど、まぁそれは置いていてIE8を切るということは、つまりXPユーザーを切り捨てるということだよね? XPユーザーを切り捨てるってのは、僕の感覚だとPCユーザーを切り捨てるに近い印象があるのだけど、どう思いますか? IE8切り捨て準備はいいか?jQuery2.0 2013年リリース予定 | DECONCEPTER んーと。僕の感覚では、jQueryとか言う一ライブラリの都合でブラウザを切るというのは末転倒も良い所で、別にPC WebについてはjQuery以前も良いサイトは存在していたわけなので、捨てるのはjQueryの方じゃないの?と思う。(ちなみに実際は、IEの場

    glat_design
    glat_design 2012/10/20
    まあ結局はこういう事だと思う。全てを塗り替えるようなものではなく、ある場合の解決策としてのレスポンシブ。 /
  • 納期間近でIEで崩れてる! そんな時にも慌てないCSS開発のワークフロー

    まだまだIE7、そしてIE6のユーザーをターゲットに考えているウェブサイトは多くあると思います。 そんなIEユーザーをターゲットに含めたウェブサイトを制作する上で、より効率的にCSSの開発が行えるワークフローを紹介します。 Cross-Browser CSS Development Workflow [ad#ad-2] 下記は各ポイントを意訳したものです。 1. リセットかノーマライズか 2. 基的なレイアウトはIEで 3. 最後の確認もIEで 4. 最後の手段:IEのみスタイル 5. 問題に取り組み続ける 6. おわりに 1. リセットかノーマライズか IE, Firefox, Chrome, Safari, Operaなどのブラウザには各要素ごとのデフォルトのスタイルが用意されており、制作する際にはこれらの相違を見出し、各要素を整える必要があります。 CSSリセットとは CSSリセッ

  • はじめてのRaphael (1) : お絵かき編 - Mach3.laBlog

    この記事は賞味期限切れです。(更新から1年が経過しています) SVGが少しずつ市民権を獲得し始めている昨今のWWWですが、 Raphaelとは、そのSVGをコントロールするのに非常に便利なライブラリです。 公式によさげなチュートリアルがなかったのもあり、 今回はその使い方をまとめてみようという試み。 Raphaelとは RaphaelはSVGで図を描画するためのフレームワークです。 正しくは「Raphaël」と書きますが、 毎度めんどくさいのでRaphaelでいきます。 なにをしてくれるのか SVGが動かないクラシックなIE環境の為に、VMLでも出力してくれます。 イベントやアニメーションまわりも簡単に実装できるようになっています。 特に助かるのがVML対応。 旧ブラウザをサポートしなければならないケースには、 ぜひとも導入したいライブラリですね。 極めてシンプルな例 Rraphaelで図

    はじめてのRaphael (1) : お絵かき編 - Mach3.laBlog
    glat_design
    glat_design 2011/12/07
    おお…Raphaelも存在を知ってからずいぶん経ってしまったな…SVG触りたいけど><
  • 画像に美しい角丸やボックスシャドウ、グラデーション、アニメーションを適用する

    CSS3を使って、画像に美しい角丸やボックスシャドウ、グラデーション、アニメーションなどを適用するさまざまなテクニックを紹介します。 また、Chrome, Safari, Firefoxなど、最近のブラウザで期待通りに表示されないのを回避する方法もあわせて紹介します。 CSS3 Image Styles [ad#ad-2] 最近のブラウザで生じる問題点 画像に角丸やドロップシャドウを適用すると期待通りにならないことがあります。これはChrome, Safari, Firefoxなど、最近のブラウザでも生じます。 Chromeでの表示 デモでは「border-radius」と内側に「box-shadow」を適用していますが、Chrome, Safariではキャプチャのように欠けて表示されてしまいます。 また、Firefoxでは「border-radius」は期待通りですが、「box-shad

    glat_design
    glat_design 2011/10/04
    角丸使ったときに内側の角が欠ける事の対処法と色々なサンプル
  • 1