タグ

ブックマーク / blog.webcreativepark.net (4)

  • PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」

    PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」 PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」を作成したので公開しておきます。 このライブラリを利用すると スマートフォンでPCサイトにアクセスした場合、指定したスマートフォン用のURLに転送されます。 PCでスマートフォンサイトにアクセスした場合、指定したPC用のURLに転送されます。 スマートフォン用ページでは「PCサイトを見る」なリンクが設定可能で、それがクリックされると、スマートフォンでPC用のサイトが閲覧できます。クリック後は1の転送機能が無効になります PC用のサイトでは、スマートフォンで見た場合のみ表示される「スマートフォンサイトを見る」なリンクが設定可能で、これがクリックされるとスマートフォン用のURLに転送され1の機能が復活します。 個々のページでどのPCページとスマートフォンページが対応

    PCサイトとスマートフォンサイトを切り替える「Pc2Sp.js」
  • Compassでスプライト画象を高速に書き出す方法

    Compassでスプライト画象を高速に書き出す方法 CompassでRetina対応をするとコンパイルにやたらと時間がかかってしまいます。 以下のままですとすごく時間がかかるのですが、 $sprites: sprite-map("sprites/*.png"); @mixin sprite-background($name) { background-image: sprite-url($sprites); background-repeat: no-repeat; display: block; height: image-height(sprite-file($sprites, $name)) / 2; width: image-width(sprite-file($sprites, $name)) / 2; $ypos: round(nth(sprite-position($spri

    Compassでスプライト画象を高速に書き出す方法
  • IE版のFirebug IE Developer Toolbar[to-R]

    IE版のFirebug IE Developer Toolbar みなさんはInternet Explorer Developer Toolbarというのを知っているでしょうか? マイクロソフトが現在ベータ版として提供しているツールで、簡単に説明すればIE版のFirebugです。 IEで使えるFireBugとして聞くとFireBug Liteを思い浮かべがちですがFireBug Liteのようにソースにjavascriptを埋め込むことなく実行することが可能です。 ちなみにFirebugとはjavascritpやCSSのデバッグなどを行えるFirefoxのアドオン(拡張機能)になります。 すごく便利ですので、使ったことがない方はFirebugの方からお使いください。 話は戻りますが、Internet Explorer Developer Toolbarのインストール方法について解説したいと

    IE版のFirebug IE Developer Toolbar[to-R]
  • Virtual PCを使いIE6,7で検証できる環境を作る

    Virtual PCを使いIE6,7で検証できる環境を作る IE6とIE7で検証する方法でスタンドアローン版を使いIE6,IE7で検証できる方法を紹介しているのですが、もう一つの方法を紹介したいと思います。 スタンドアローン版は簡単に検証環境が作れるため便利なのですが、クッキーが動かない、ActiveXが動かないなど、動作に様々な制限があります。 今回紹介するのはVirtual PCを使い、IE6,7での検証環境を作成する方法です。 Virtual PCMicrosoftから提供されている無料のエミュレーターソフト(1つのPCで複数のOSを動作させるソフト)で、似たようなものではMacの Parallels Desktop for Mac(Macwindowsを動かすソフト)が存在します。 Virtual PCのインストール まず、MicrosoftのWEBサイトからVirtual P

    Virtual PCを使いIE6,7で検証できる環境を作る
  • 1