アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう
2014年7月3日 SVG ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか？SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーでサポートされるようになり、今年に入ってから徐々に見かける機会が増えてきました。今回はそんなSVGにフォーカスしようと思います。 ↑私が10年以上利用している会計ソフト！ 2014年7月3日 追記：SVGスプライトの書き方について修正＆追記しました。 SVGってなに？ SVG（Scalable Vector Graphics）はIllustratorで作成したようなベクター画像を表示する技術です。Web上で一般的に使われる画像形式であるJPEGやPNGなどのビットマップ形式とは違い、ベクター形式の画像は、拡大縮小しても画質が劣化しません。 Appleがレティナディスプレイを発表して
Internet Explorer11にてF12 開発者ツールのエミュレーションが使いづらい件 | 株式会社NONAME Produce(n2p)｜デジタルプロモーション企画・制作
マイマシンがWindows8.1に更新されました。 それに伴い、IEもIE11と進化されまして。 日々の作業や調べ物でIEなんぞ開きたくもないですが、 お客さまのサイトを制作する際にはどうしてもIEでチェックをしなければなりません。 特にIE8はブラウザ表示がモダンブラウザと違う場合が多いわりに クライアント様がIE8の場合が多いので、しっかりとチェックしなければなりません。 今までは実機以外でIE8を見る場合、IEの開発者モードを使用していた IE10で、開発者モードからドキュメントモードでInternet Explorer8を選べば、 結構な精度でエミュレーションしてくれてました。 制作作業の中チェックして行く場合には開発者モード 納品直前チェックは実機(Windows XP+Internet Explorer8)にて確認の流れです。 こんな感じ。 IE11のドキュメントモードではUI
機密情報を含むJSONには X-Content-Type-Options: nosniff をつけるべき - 葉っぱ日記
WebアプリケーションにおいてJSONを用いてブラウザ - サーバ間でデータのやり取りを行うことはもはや普通のことですが、このときJSON内に第三者に漏れては困る機密情報が含まれる場合は、必ず X-Content-Type-Options: nosniff レスポンスヘッダをつけるようにしましょう(むしろ機密情報かどうかに関わらず、全てのコンテンツにつけるほうがよい。関連:X-Content-Type-Options: nosniff つかわないやつは死ねばいいのに! - 葉っぱ日記)。 例えば、機密情報を含む以下のようなJSON配列を返すリソース(http://example.jp/target.json)があったとします。 [ "secret", "data", "is", "here" ] 攻撃者は罠ページを作成し、以下のようにJSON配列をvbscriptとして読み込みます。もちろ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
