• 人気のコメント(0)
  • 全てのコメント
lotus_tribal lotus_tribal ふむ…“<object>タグでSVGをPNGでフォールバックして表示する”

2014/10/08 リンク

redmarlboro redmarlboro “object { pointer-events: none;}”

2014/08/08 リンク

typista typista ぽけったー Retina対応にSVGを使う方法とリンクを張る時の注意点

2013/06/19 リンク

mag4n mag4n svg

2013/06/03 リンク

heyMackie heyMackie 前作ったサイト大丈夫かな。。

2013/05/12 リンク

kool_kreate kool_kreate くりかぶる対策

2013/01/28 リンク

boyasan boyasan 勉強になりました

2012/10/05 リンク

actywave actywave 試してみる!!

2012/09/28 リンク

    関連記事

    Retina対応にSVGを使う方法とリンクを張る時の注意点 - Blog

    Retina対応SVGを使う方法や、SVGリンクを張る時の注意点、Illustratorで書き出す時の注意点・軽量化...

    ブックマークしたユーザー

    • waxm2018/05/25 waxm
    • div12016/11/02 div1
    • sho_yamane2016/06/16 sho_yamane
    • toru-kanimiso2016/03/26 toru-kanimiso
    • ku_marin2015/12/09 ku_marin
    • nayo742015/11/30 nayo74
    • tksnesne2015/10/29 tksnesne
    • batta2015/03/23 batta
    • colorsheep2015/03/13 colorsheep
    • moonblogger2015/01/23 moonblogger
    • porco19762015/01/05 porco1976
    • masuP2014/11/27 masuP
    • idiotcomputer2014/11/19 idiotcomputer
    • piayo2014/11/12 piayo
    • team-chan32014/10/21 team-chan3
    • lotus_tribal2014/10/08 lotus_tribal
    • shinfonic2014/08/10 shinfonic
    • redmarlboro2014/08/08 redmarlboro
    すべてのユーザーの
    詳細を表示します

    いま人気の記事

    いま人気の記事 - テクノロジー

    新着記事 - テクノロジー

    同じサイトの新着

    • HTML5 カスタムデータ属性「data-*」にJavaScript、jQueryからアクセスする方法 | Dress Cording

      1 usersdresscording.com

      HTML5 カスタムデータ属性「data-*」にJavaScript、jQueryからアクセスする方法 HTML5ではdata-*="value"の形式で属性名にプライベートな値を設定できるカスタムデータ属性の仕様と、そのカスタムデータ属性にJavaScriptからアクセスするAPIが定義されました。 でも実はJavaScriptだけではなく、jQueryはもちろんCSSからでもアクセスすることができるのです。 それなら私も私だけの属性作ってみたい! ということで、今回から連載で、JavaScript、jQuery、CSSからカスタムデータ属性にアクセスする方法と、ごくごく簡単なツールチップが実装できるコンポーネントをご紹介します。 1. HTML5 カスタムデータ属性「data-*=“value"」とは カスタムデータ属性には、既存の要素や属性に適切なものがなかった場合に、独自のデータを
    • Vagrantを使ってローカルでWordPressを立ち上げる | Dress Cording

      95 usersdresscording.com

      とにかく私がやりたかったことは、Wordpressをローカル環境に構築して思う存分デザインがしたい!テーマのバージョン管理がしたい!ということ。 そこで @machidaさんに相談してみると・・・「Vagrant にしましょう。」 え?!なんだか難しそう。。プログラマ界隈では当然の技術なんだろうな〜。MAMPでいいですかなんて言えないオーラ。 でもWordpressのローカル環境くらいならデザイナにだってできるはず。がんばってやってみます。 手順 Vagrant のインストール VirtualBox のインストール boxファイルのダウンロード vm作成(caseproof-lampの例) Vagrant のインストール WordpressをGitでバージョン管理 ローカルインターン募集します Vagrantとは、コマンドラインだけで簡単に仮想マシンに開発環境を構築できる、Ruby製のソフ
    • SassのデバッグにSource Mapsを使うべきたくさんの理由 | Dress Cording

      102 usersdresscording.com

      SassやCompassをChrome Developer ToolsでデバッグしたいのにCSSしか参照できなくて困ったり、編集したコードをコピペするのが面倒、エディタに即時反映できたらいいのにって思ったことはありませんか? この悩みを、Source MapsとChrome拡張「Tincr」を使って解決する方法をご紹介をします。 一連の流れを動画に撮ってみました。 手順 Source MapsでSass/Compassのデバッグする。 Chrome拡張「Tincr」でChrome Developer ToolsからエディタにAuto Save、エディタからLive Reloadの両方をできるようにする。 Demo | Source Maps (CanaryかChromiumで設定するとSassを見ることができます。) 1. Source Mapsとは何か Source Mapsとは、Sas
    • Layout、Paintingとは何か?レンダリングから学ぶWebサイトのパフォーマンス | Dress Cording

      170 usersdresscording.com

      どうしたらWebサイトのパフォーマンスを向上させることができるのか? レンダリングエンジンについて学ぶことで、その根拠を理解していきたいと思います。 前半ではレンダリングプロセスについて、後半ではJavaScript、CSSそれぞれの高速化、最適化について書きます。 1. レンダリングエンジンとは何か レンダリングエンジンはHTMLドキュメントなどを解析し、画面に表示する、ブラウザの大切な役割を担っています。 Chrome、Safari、OperaはWebKit、FirefoxはGecko、IEはTridentをコアのレンダリングとして採用しており、ポートとなるとまた複雑でChromiumなどがあります。 もちろん各ブラウザに違いはありますが、アドレスバーにURLが入力され、ページのロードが開始されると、レンダリングエンジンは基本的には次のようなプロセスを経ます。 追記:4月3日、Chro

    納豆の味噌クリームパスタ(*UωU*) by ワンワンmama [クックパッド] 簡単おいしいみんなのレシピが130万品

    1 users https://cookpad.com/

    『なめらか本舗』×指原CM決定www莉乃ちゃんの快進撃すごすぎワロタwww | 【アイドルまとめアンテナ】

    1 users http://idolantenna.info/