【制作Tips】デバイスピクセルとCSSピクセル | Webデザインラボ
Contents 画面解像度 デバイスピクセルとCSSピクセル 1. 画面解像度 ディスプレイ画面の大きさ・解像度は環境によって変わってきます。画面の解像度が大きければ広い範囲を表示できますが文字は小さくなります。画面の解像度が小さいと表示できる範囲はせまくなりますが文字は大きくなります。解像度の違いに気を配ることでWebサイトの見やすさは変わってきます。 2. デバイスピクセルとCSSピクセル AppleのRetinaディスプレイをはじめとして、最近は高精細なディスプレイを搭載する端末が増えて来ました。以前のディスプレイのルールでは1ドットをそのまま等倍の1ピクセル(1ポイント ＝ 1ドット ＝ 1ピクセル)で表示していましたが、高精細ディスプレイではそれを「2 x 2」で4つや「3 x 3」で9つなど、1ピクセルを細分化して表示するようになりました。 ・デバイスピクセル デバイスピクセ
【制作Tips】iPhone画面解像度まとめ | Webデザインラボ
12月更新・前月(11月)の人気記事トップ10 12/07/2023 ( 02 ↑) 【Mac】macOSをHigh SierraからMontereyにアップグレード ( 01 ↓) 【iPhone / iPad】iPhoneでSuicaをクレジットカード無しで使う方法 ( 03 – ) 【iPhone / iPad】iPhoneのツイッターアプリでユーザー名をコピーする方法 ( 05 ↑) 【Labs】position:absoluteとwidth:100%を指定すると横幅の設定がうまくいかない場合の対処方法について ( 06 ↑) 【jQuery】入門2. jQueryをHTMLに組み込む (圏外↑) 【jQuery】入門11. switch文による条件分岐 (圏外↑) 【Mac】Safariでソースコードを見る方法 ( 09 ↑) 【Mac】横画面で撮影した動画をYouTubeショー
【Labs】設定変更しないとGoogleアナリティクスのデータが26ヶ月で消えます【ご対応ください】
こんにちは（・∀・） 今朝メールチェックしたらGoogleから次のようなメールが届いてました。 Googleアナリティクスデータ保持設定 【ご対応ください】Googleアナリティクス データの保持と一般データ保護規則に関する重要なお知らせ 直ぐにネットでも検索してみましたが、英語版ではすでに4月12日付でアナウンスがあったようです。 要は、Googleアナリティクスがデータ保持設定というのを導入しましたよ、と。 それに伴い、デフォルトでは26ヶ月で保存データが消えるように設定してあるので今まで通りデータを残したい場合は自分で設定し直しましょうということ。 Googleアナリティクスをご自身で利用しているとか、クライアントで使用しているなどという方は設定変更しておかないとデータが消えちゃいます。 ということで、26ヶ月より前のデータも残したいという方は急いで設定変更しておきましょう❗️ やり
【Labs】JavaScriptで振り分ける方法２パターン
こんにちは（・∀・） 今日はJavaScriptで振り分ける方法２パターンをご紹介します。 JavaScriptとレスポンシブデザインの組み合わせ レスポンシブデザインのサイトでスマホ向けとPC向けでJavaScriptを使い分けたい場合は多くあると思います。 スマホ向けのページにはJavaScriptを使いたいけどPC向けのページではJavaScriptは必要ない、逆の場合もあれば、またはそれぞれ別のスクリプトを使用したいこともあります。 Contents Windowサイズで振り分ける 要素の有無で判別 Windowサイズで振り分ける Windowサイズで振り分ける方法です。 サンプル <script> $(function(){ if($(window).width() < 769){ //forスマホ }else{ //forPC } }); </script> 画面サイズで振り分
【JavaScript】入門13. JavaScriptで画面サイズを取得する
6月更新・前月(5月)の人気記事トップ10 06/06/2024 ( 02 ↑) 【Labs】position:absoluteとwidth:100%を指定すると横幅の設定がうまくいかない場合の対処方法について ( 01 ↓) 【Mac】macOSをHigh SierraからMontereyにアップグレード ( 03 – ) 【Mac】Safariでソースコードを見る方法 ( 04 – ) 【jQuery】入門2. jQueryをHTMLに組み込む ( 05 – ) 【Mac】横画面で撮影した動画をYouTubeショート用にMacのiMovieで縦画面に編集する方法 ( 08 ↑) 【Labs】CSSだけでドロップダウンメニュー ( 09 ↑) 【Labs】PHPのエラー表示をなくす方法 ( 06 ↓) 【iPhone / iPad】iPhoneのツイッターアプリでユーザー名をコピーする方
【Labs】JavaScriptで取得した値をPHPに渡す
6月更新・前月(5月)の人気記事トップ10 06/06/2024 ( 02 ↑) 【Labs】position:absoluteとwidth:100%を指定すると横幅の設定がうまくいかない場合の対処方法について ( 01 ↓) 【Mac】macOSをHigh SierraからMontereyにアップグレード ( 03 – ) 【Mac】Safariでソースコードを見る方法 ( 04 – ) 【jQuery】入門2. jQueryをHTMLに組み込む ( 05 – ) 【Mac】横画面で撮影した動画をYouTubeショート用にMacのiMovieで縦画面に編集する方法 ( 08 ↑) 【Labs】CSSだけでドロップダウンメニュー ( 09 ↑) 【Labs】PHPのエラー表示をなくす方法 ( 06 ↓) 【iPhone / iPad】iPhoneのツイッターアプリでユーザー名をコピーする方
【Labs】PHPでファイルの送信フォーム
6月更新・前月(5月)の人気記事トップ10 06/06/2024 ( 02 ↑) 【Labs】position:absoluteとwidth:100%を指定すると横幅の設定がうまくいかない場合の対処方法について ( 01 ↓) 【Mac】macOSをHigh SierraからMontereyにアップグレード ( 03 – ) 【Mac】Safariでソースコードを見る方法 ( 04 – ) 【jQuery】入門2. jQueryをHTMLに組み込む ( 05 – ) 【Mac】横画面で撮影した動画をYouTubeショート用にMacのiMovieで縦画面に編集する方法 ( 08 ↑) 【Labs】CSSだけでドロップダウンメニュー ( 09 ↑) 【Labs】PHPのエラー表示をなくす方法 ( 06 ↓) 【iPhone / iPad】iPhoneのツイッターアプリでユーザー名をコピーする方
【Labs】いろいろ組み合わせてパララックスレイアウト
6月更新・前月(5月)の人気記事トップ10 06/06/2024 ( 02 ↑) 【Labs】position:absoluteとwidth:100%を指定すると横幅の設定がうまくいかない場合の対処方法について ( 01 ↓) 【Mac】macOSをHigh SierraからMontereyにアップグレード ( 03 – ) 【Mac】Safariでソースコードを見る方法 ( 04 – ) 【jQuery】入門2. jQueryをHTMLに組み込む ( 05 – ) 【Mac】横画面で撮影した動画をYouTubeショート用にMacのiMovieで縦画面に編集する方法 ( 08 ↑) 【Labs】CSSだけでドロップダウンメニュー ( 09 ↑) 【Labs】PHPのエラー表示をなくす方法 ( 06 ↓) 【iPhone / iPad】iPhoneのツイッターアプリでユーザー名をコピーする方
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【JavaScript】入門5. 演算子