Chromeで画像を縮小表示したとき、CSSで画像のぼやけを解消する方法｜DAD UNION – エンジニア同盟
htmlページ上で実寸の画像サイズより縮小して表示させることがありますが、その際ブラウザのChromeで縮小画像が若干ぼやけてるときがあります。 Chromeブラウザにおいて画像を縮小表示したときに発生するぼやけをCSSを用いて解消する方法はいくつか存在します。 主な技術やアプローチをいくつか解説します。 image-rendering プロパティ まず基本的なものとして、CSSのimage-renderingプロパティを活用することで、ピクセルアートや低解像度の画像をスムーズにならず、鮮明に表示させることが可能です。 img { image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; } ここで-webkit-optimize-contrastは、WebKitブラウザ（ChromeやSafari）
PHPでデバイス判別：スマホ、フィーチャーフォン、キャリア、ブラウザを効果的に分類する方法｜DAD UNION – エンジニア同盟
今やフィーチャーフォン用のサイトはほとんど見かけませんが、昔は様々なデバイスに対応するために、スマートフォンやフィーチャーフォン、さらにはキャリアやブラウザごとに内容を変える必要がありました。 今回は、PHPを使ってこれらのデバイスを判別する方法についてご紹介します。 ちなみに、この方法はJavaScriptや.htaccessを使っても実現可能です。 PHPでデバイスを判別するコード <?php $docomo = "/docomo/"; //ドコモ $au = "/au/"; //au $softbank = "/sb/"; //ソフトバンク $msie = "/index.html"; //IE $Netscape = "/index.html"; //Netscape $opera = "/index.html"; //Opera $firefox = "/index.html";
ユーザーエクスペリエンスを提供！JavaScriptを使ってブラウザを簡単にフルスクリーン表示するwindow.openメソッド｜DAD UNION – エンジニア同盟
ウェブページをフルスクリーンで表示することは、ユーザーに対して強い印象を与え、深いエンゲージメントを生み出す有効な手段です。 昔、Flashを用いたウェブサイトでよく用いられていたこのテクニックを、JavaScriptを用いて実現する方法を詳しく解説していきます。 window.openとは ブラウザで新しいウィンドウ、あるいはタブを開く方法として広く利用されるwindow.openメソッド。これを使うことで、特定のコンテンツを新しいウィンドウで表示することが可能になります。 コードスニペット: function openWin(theURL,winName,features) { window.open(theURL,winName,features); } ここでtheURLは新しいウィンドウで表示するページのURL、winNameは新しいウィンドウの名前、featuresはウィンドウ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
