画像をトリミングしてくれるCSS【object-fit】をIEにも対応させる方法
例えばギャラリー一覧ページなどで、サムネイルサイズがバラバラだと格好がつかないので、全部同じサイズで揃えたいときなんかに、便利な【object-fit】というCSSがありますが、IEに対応していません。 以下サンプルのよ…
例えばギャラリー一覧ページなどで、サムネイルサイズがバラバラだと格好がつかないので、全部同じサイズで揃えたいときなんかに、便利な【object-fit】というCSSがありますが、IEに対応していません。 以下サンプルのよ…
スマホでビンゴカードにスクリーンショットの機能を追加しました。 以下画像の赤枠の「スクショ」ボタンをクリック頂くと、ビンゴカードをpng画像にてダウンロード頂けます。 以下画像がサンプルです。 数字がクリック(タップ)さ…
iPhoneで例えばお問い合わせフォームなどの入力を行おうとして、テキストボックスをタップしたときに、ズームされる場合があります。 これは、iOSで入力フォームのフォントサイズのデフォルト値が16pxに設定されているため…
Firefoxでは、別タブ等で開かれたページを「window.close()」で閉じることが出来ません。 これはFirefoxのセキュリティポリシーで決められていることなので、どうにもできませんが、以下のJavaScri…
メールの規約に「RFC2822」というものがあります。 この規約により、メールの本文で文字数が998バイト以上(日本語なら500文字くらい)の場合に、自動的に改行が挿入されて、改行以降が文字化けしてしまう現象が大体起こり…
※InstagramGraphAPIが5.0になりました。以下記事を参考下さい。 気付いたらInstagram Grap APIのバージョンが4.0になっていました。 ということで、これを使ってウェブサイト…
スマホでビンゴカードの☆部分に、画像をアップロードできる機能を追加しました。 ファイルを選択で、ローカルから画像を選ぶと、自動的に下画像のように☆部分に画像が円形にトリミングされて表示されます。 canvasで描画してい…
たまにお客様から、変なIPからの大量アクセスでサイト見れなくしたよ、ってサーバー会社から連絡が来たんですけどどうすれば?!と連絡を頂きます。 そういうときは、とりあえずログから調査して、該当のIPを.htaccessに以…
以前に別ドメインで作っていたビンゴカードサイトを、こちらのドメインに統合することに致しました。 たまにアクセスがグーンとあったりはしますが、基本的には閑古鳥なサイトなため、ドメイン費用節約のため、利用されていた方々には申…
リニューアルするような予算もやる気もないサイト、よくあります。 そんな古ーいウェブサイトを更新する際には注意が必要な時があります。 IEでflexが効かない!ググって解決方法試しても全然ダメ! metaタグでIEのレンダ…