タグ

Webとieに関するko-ya-maのブックマーク (8)

  • SVGMagic

    div要素の背景画像としてSVGを使用します。 SVGMagicの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとしてhead内に記述します。 <head> ... <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script src="SVGMagic.min.js"></script> </head> SVG画像をPNG画像に変換するのには、PHPを使用しています。 converter.php(ダウンロードファイル一式に含まれています) SVGMagic.min.js内では、配布元のサーバーのファイルを参照してい

    ko-ya-ma
    ko-ya-ma 2014/01/30
    これは良い > SVG非サポートブラウザではPNG画像を生成し自動で置き換えて表示する
  • IEにも対応したWebフォントの使い方について

    CSS3の@font-faceでWebフォントを使う時の書き方と、フォントファイルについてです。IEで対応するには書き方とフォントファイルが独自のものになります。 @font-faceでWebフォントを使う時はフォントファイルをサーバーにアップロードして使います。Google ChromeやFirefox、Safariなどではフォントファイルは一般的なフォントファイル形式の TrueType Font(.ttf) や OpenType Font(.otf) がそのまま使用できますが、IEでは Embedded Open Type(.eot) のファイルでないと使用できません。 Webフォントとして利用できるフォントでも.eot のファイルがない場合があるかと思いますが、そんな時はファイルを変換するWebサービス等を利用して.eot ファイルへ変換できます。 .eot ファイルへの変換方法

    IEにも対応したWebフォントの使い方について
    ko-ya-ma
    ko-ya-ma 2013/12/19
    IEはeot形式しかWebフォントとして使えない。じゃあどうやって変換する? というお話
  • modern.IE

    modern.IE についてWeb ページで最新バージョンと以前のバージョンの Internet Explorer をサポートする際に役立つ、新しいツール類です。 無料のツールを入手する

    ko-ya-ma
    ko-ya-ma 2013/12/18
    VMで使える旧IE! サイト内でテストもできる
  • HTML5 & CSS3 ブラウザ別サポート状況

    What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe

    ko-ya-ma
    ko-ya-ma 2013/12/16
    各ブラウザ別対応表。IE8以下を容赦なく切れれば…JQuery とか htc ファイルからおさらばできるものを
  • TechCrunch | Startup and Technology News

    Seedstars Capital and Swiss philanthropic foundation Fondation Botnar have launched Seedstars Youth Wellbeing Ventures, a $20 million investment mandate targeting early-stage startups in Africa that a

    TechCrunch | Startup and Technology News
    ko-ya-ma
    ko-ya-ma 2012/04/02
    そういうのもあるのか。
  • IEと透過PNG

    このページはIE7で致命的なエラー出るという情報を頂き、暫く公開を中止して 修正予定のまま放置しておりましたが、ようやく修正致しましたので再び公開します。 PNGのアルファチャンネルによる 透過(半透明)もサポートされていないインターネットエクスプローラ6。 (GIFと同レベルの256色での単色透過は問題ありません) バージョン7でようやく半透明PNGがサポートとなりましたが、他のブラウザと比較して 余りにも遅れすぎ…。 更にIE7は、Windows Vista、Windows XP、 Windows Server 2003だけですね。これらより古いWindowsには使えません。 そして2006年末の現時点では、まだまだIE6 のユーザーが圧倒的に多いようです。 WEBサイトを作る側からすれば困った問題ですね。うかつに透過PNGを使ってしまうと、 IE6ユーザーから見ると「透過失敗してる…

    ko-ya-ma
    ko-ya-ma 2011/09/26
    古いIE対応の透過PNG画像表示方法のまとめ。
  • ずるっこ!

    This domain may be for sale!

    ko-ya-ma
    ko-ya-ma 2011/01/11
    任意の英語の Web ページの中の、まだ覚えていない英単語にだけ日本語の意味のルビ (ふりがな) を振って、英語の記事を楽に読むことができるようにするツール。IE用。FireFoxはアドオンで。
  • IE6-8でもCSS3が使えるようになる「CSS3 PIE」:phpspot開発日誌

    CSS3 PIE: CSS3 decorations for IE IE6-8でもCSS3が使えるようになる「CSS3 PIE」。 非対応ブラウザがあるのでまだCSS3はいいやという方もいると思いますが、CSS3 PIEというhtcライブラリを使うことでCSS3に対応させてしまえます。 角丸、ドロップシャドウ、グラデーションといったプロパティに対応しています。 実装の際には border-radius、box-shadow、border-image等が使えるようになります。 サイト上のすぐに動くデモを動かしてみると、そのクオリティもなかなかのものだと言うことが分かります。 実装も簡単みたいで、PIE.htc をサーバに設置後、behavior に url(/PIE.htc) として設定するだけみたいです。 behavior: url(/PIE.htc); これは楽で便利です。 対応していな

    ko-ya-ma
    ko-ya-ma 2010/07/15
    実装も簡単みたいで、PIE.htc をサーバに設置後、behavior に url(/PIE.htc) として設定するだけ
  • 1