chokuchokoのブックマーク - はてなブックマーク

[SVG] IE8 などの SVG 非対応ブラウザで代替画像を表示する方法いろいろまとめ
SVG 画像を Web 制作で使用する場合に、IE8 などの SVG 非対応ブラウザへは代替画像を表示することで対応することが多いのではないかと思います。調べてみると代替画像を表示する方法も色々あるようなのでまとめてみました。 object タグを使用して表示する object タグを使って SVG ファイルを読み込み、SVG ファイルが読み込まれなかった場合は、代替の img タグで指定された画像を表示します。 <object data="svg_image.svg" type="image/svg+xml" width="500" height="300"> <img src="svg_image.png" alt="svg_image" width="500" height="300" /> </object> 代替画像の表示をする代表的な方法のようですが、何故か私の環境では IE8
chokuchoko 2015/06/02
Web制作
リンク
レスポンシブかつ軽量な画像スライドショーのjQueryプラグイン-ResponsiveSlides.js
Modified 2014-06-08 更新情報記事公開時とオプションや設定方法など変わっていた点が多数あったため、現在の方法へオプションを書き換えました。 ResponsiveSlides.jsは、レスポンシブで792KBの軽量かつシンプルなスライドショーのjQueryプラグインです。Internet Explorer 6,7,8,9 にも対応していて、サポートしているブラウザも幅広いので、定番として使えそうです。「サンプル」も作ってみましたが、設置も簡単にできました。シンプルなマークアップで使いやすいです。デモ ResponsiveSlides.js · Responsive jQuery slideshow Slideshow 1 はシンプルに画像がフェードしながら切り替わります。 Slideshow 2 は画像の切り替えをページナビで行います。ダウンロード viljamis
chokuchoko 2014/01/28
slideshow

スライドショー

レスポンシブ

web制作
リンク
Googleカレンダーの背景色などをカスタマイズできる gcalendar-wrapper script ｜ memocarilog
Googleカレンダーをiframeでサイトに埋め込む事は簡単に行えますが、（ウェブサイトへの埋め込み – Google カレンダーヘルプ）デフォルトのブルーの背景色がサイトデザインに合わなくて変更したい時があると思います。そんな時に手軽に背景色やテキストカラーなどをカスタマイズする事ができるスクリプト gcalendar-wrapper script を見つけました。使い方や使用する際に私がつまづいた所についてです。ダウンロード下記のページのページ半ばにある「Download the wrapper script」よりファイルをダウンロードできます。 Easy Color Customization for Embedded Google Calendars | U-notez 参考記事とダウンロード先のページにも使用方法が詳しく書いてあります。使用方法 1. gcalenda
chokuchoko 2014/01/24
カレンダー

グーグルカレンダー

script

color

72 WEB DESIGN

®Google

720 PHP
リンク
1