TechMemo

  • HOME
  • HTML
  • CSS
  • JavaScript
  • SEO
  • WordPress
  • EC-CUBE
  • WEBサービス
  • WEBチートシート
  • About
  • お問い合わせ

HTML

videoタグによる埋め込み動画がiPhoneでのみ表示されない時の対処法

himecas
2019/09/25
HTML
No Comments
videoタグによる埋め込み動画がiPhoneでのみ表示されない時の対処法

先日、videoタグで設置している動画が、iPhoneでのみ表示できないという問題に遭遇しました。MacbookやiPadのSafariでは再生できており、iPhoneだけ動画の部分が真っ白になってしまうという現象です。…

Continue reading

Google Chrome 75からサポート予定のloading属性による画像やiframeの遅延読み込みを実装する方法

himecas
2019/04/26
HTML
No Comments
Google Chrome 75からサポート予定のloading属性による画像やiframeの遅延読み込みを実装する方法

Google Chrome 75から、HTML側にloading属性を追加するだけで、画像やiframeの遅延読み込みが実装可能になる予定です。 ※2019/08/19追記 Google Chrome 76から公式にサポ…

Continue reading

スマートフォンのブラウザでツールバーの色を変更する方法

himecas
2019/03/29
HTML
No Comments
スマートフォンのブラウザでツールバーの色を変更する方法

スマートフォンのブラウザでツールバーの色を変更する方法です。 ブラウザの種類によって指定方法が異なるので、それぞれご紹介いたします。 スマートフォンのブラウザでツールバーの色を変更する方法 Google Chrome ツ…

Continue reading

ブラウザによる電話番号への自動リンクを無効化する方法

himecas
2017/11/20
HTML
No Comments
ブラウザによる電話番号への自動リンクを無効化する方法

ブラウザによっては、テキストでサイト内に記述している電話番号を認識して、自動的に電話発信用のリンクを付与します。この機能は、テキストとして表示したい箇所がリンクになってしまい、思わぬデザインの崩れを引き起こしてしまう可能…

Continue reading

PCとスマホで別々のスタイルシートを読み込む方法

himecas
2017/07/28
HTML
No Comments
PCとスマホで別々のスタイルシートを読み込む方法

PCからアクセスした場合とスマホからアクセスした場合で、読み込むスタイルシートを切り替える方法をご紹介いたします。 PCとスマホで別々のスタイルシートを読み込む方法 スタイルシートを読み込むlink要素のmedia属性に…

Continue reading

間違った使い方をしているHTMLをハイライトしてくれるスタイルシート「debugCSS」

himecas
2017/06/21
HTML
No Comments
間違った使い方をしているHTMLをハイライトしてくれるスタイルシート「debugCSS」

debugCSSは、仕様に反する使い方をしているHTMLをハイライトしてくれるスタイルシートです。CSSファイルを読み込むと、間違った使い方をしているHTMLがあったら、ハイライトして知らせてくれます。 デモはこちらから…

Continue reading

SVG非対応ブラウザで代替画像を表示する3つの方法

himecas
2017/05/10
HTML
No Comments
SVG非対応ブラウザで代替画像を表示する3つの方法

イラストやロゴなどをSVGで実装する場合、古いIE等のSVG非対応ブラウザのために代替画像を用意することがあるかと思います。SVG非対応ブラウザ用に代替画像を設置する方法を3つご紹介いたします。 object要素を使って…

Continue reading

AndroidのChromeでページを開いた時にブラウザのタブの色を変更させる方法

himecas
2017/04/05
HTML
No Comments
AndroidのChromeでページを開いた時にブラウザのタブの色を変更させる方法

AndroidのChromeでサイトを開いた時に、タブの色を変更させる方法をご紹介いたします。 以下デモページにAndroidのChromeからアクセスすると、タブの色が青色に変わります。 デモページを見る HTML内に…

Continue reading

Internet Explorerでクリッカブルマップが効かない時の対処法

himecas
2016/06/03
HTML
No Comments
Internet Explorerでクリッカブルマップが効かない時の対処法

画像内にリンクを付けることができる、非常に便利なクリッカブルマップ。そんなクリッカブルマップについて、私つい最近まで勘違いをしておりました。なんてこったい( ゚Д゚) その勘違いのせいで、IEで正常にクリッカブルマップが…

Continue reading

Internet Explorer(IE)でのみ異なる内容を読み込ませるための条件式

himecas
2015/08/22
HTML
No Comments
Internet Explorer(IE)でのみ異なる内容を読み込ませるための条件式

Internet Explorer(IE)のみで異なる内容を読み込ませるための条件式について紹介いたします。 IEでのみ表示が崩れる場合などに活用できます。 IEでのみ読み込みをするための条件式 下記のように条件式を記述…

Continue reading

  • « Previous

最近の投稿

  • <span class="title">VSCodeの拡張機能PHP Intelephenseの自動整形で波括弧を改行させたくない場合の設定手順</span>
    VSCodeの拡張機能PHP Intelephenseの自動整形で波括弧を改行させたくない場合の設定手順
  • <span class="title">VSCodeのPHP IntelephenseでWordPressの関数がエラー扱いになってしまうのを解消する方法</span>
    VSCodeのPHP IntelephenseでWordPressの関数がエラー扱いになってしまうのを解消する方法
  • <span class="title">ユーザーが自分自身のアカウントを削除できるようになるWordPressプラグイン「Delete Me」</span>
    ユーザーが自分自身のアカウントを削除できるようになるWordPressプラグイン「Delete Me」
  • <span class="title">WordPressで月別アーカイブへのリンク一覧を出力する方法</span>
    WordPressで月別アーカイブへのリンク一覧を出力する方法
  • <span class="title">エックスサーバーで特定のディレクトリのみPHPのバージョンを変更する方法</span>
    エックスサーバーで特定のディレクトリのみPHPのバージョンを変更する方法

カテゴリー

  • HTML (32)
  • CSS (146)
  • JavaScript (144)
  • SEO (57)
  • Wordpress (891)
    • Wordpressインストール (68)
    • Wordpressプラグイン (554)
    • テーマカスタマイズ (276)
  • Drupal (17)
    • Drupalインストール (8)
    • Drupalモジュール (8)
  • EC-CUBE (40)
  • Webサービス (483)
  • Webチートシート (128)
  • ハードウェア (9)
  • ソフトウェア (87)
  • その他 (62)

Tags

Adobe CSS Drupal EC-CUBE Google HTML JavaScript jQuery li Linux Mac ol PHP rss SEO SNS ul Web Webサービス Windows WordPress インストール カメラ ギャラリー コメント セキュリティ セレクタ ソフト テーマ フォーム ブラウザ プラグイン プログラミング モジュール 動画 基礎 画像

本日の人気記事

  • お住まいの国では公開されていません 「この動画は、お住まいの国では公開されていません」を再生することができるWEBサービス「ProxFree」
  • テキストエディタで改行を置換する方法 テキストエディタで改行を置換する方法
  • p要素、div要素、span要素の違い p要素、div要素、span要素のそれぞれの違い
  • table-layout:fixed;を指定してもテーブルのwidthがうまく効かない場合の対処法
  • 他のページからのアクセス時に特定のタブコンテンツを開く方法

アーカイブ

  • 2021年1月 (11)
  • 2020年12月 (9)
  • 2020年11月 (7)
  • 2020年10月 (13)
  • 2020年9月 (8)
  • 2020年8月 (19)
  • 2020年7月 (16)
  • 2020年6月 (11)
  • 2020年5月 (6)
  • 2020年4月 (11)
  • 2020年3月 (8)
  • 2020年2月 (8)
  • 2020年1月 (12)
  • 2019年12月 (7)
  • 2019年11月 (8)
  • 2019年10月 (15)
  • 2019年9月 (13)
  • 2019年8月 (11)
  • 2019年7月 (22)
  • 2019年6月 (25)
  • 2019年5月 (26)
  • 2019年4月 (17)
  • 2019年3月 (12)
  • 2019年2月 (17)
  • 2019年1月 (15)
  • 2018年12月 (21)
  • 2018年11月 (24)
  • 2018年10月 (27)
  • 2018年9月 (10)
  • 2018年8月 (13)
  • 2018年7月 (22)
  • 2018年6月 (22)
  • 2018年5月 (23)
  • 2018年4月 (27)
  • 2018年3月 (23)
  • 2018年2月 (19)
  • 2018年1月 (20)
  • 2017年12月 (12)
  • 2017年11月 (16)
  • 2017年10月 (16)
  • 2017年9月 (15)
  • 2017年8月 (21)
  • 2017年7月 (32)
  • 2017年6月 (25)
  • 2017年5月 (21)
  • 2017年4月 (17)
  • 2017年3月 (25)
  • 2017年2月 (30)
  • 2017年1月 (40)
  • 2016年12月 (27)
  • 2016年11月 (19)
  • 2016年10月 (29)
  • 2016年9月 (23)
  • 2016年8月 (26)
  • 2016年7月 (25)
  • 2016年6月 (31)
  • 2016年5月 (24)
  • 2016年4月 (26)
  • 2016年3月 (26)
  • 2016年2月 (27)
  • 2016年1月 (22)
  • 2015年12月 (17)
  • 2015年11月 (19)
  • 2015年10月 (20)
  • 2015年9月 (23)
  • 2015年8月 (18)
  • 2015年7月 (21)
  • 2015年6月 (19)
  • 2015年5月 (18)
  • 2015年4月 (16)
  • 2015年3月 (16)
  • 2015年2月 (10)
  • 2015年1月 (7)
  • 2014年12月 (8)
  • 2014年11月 (13)
  • 2014年10月 (11)
  • 2014年9月 (14)
  • 2014年8月 (9)
  • 2014年7月 (6)
  • 2014年6月 (21)
  • 2014年5月 (27)
  • 2014年4月 (27)
  • 2014年3月 (21)
  • 2014年2月 (24)
  • 2014年1月 (26)
  • 2013年12月 (31)
  • 2013年11月 (24)
  • 2013年10月 (24)
  • 2013年9月 (29)
  • 2013年8月 (28)
  • 2013年7月 (26)
  • 2013年6月 (25)
  • 2013年5月 (25)
  • 2013年4月 (26)
  • 2013年3月 (34)
  • 2013年2月 (36)
  • 2013年1月 (30)
  • 2012年12月 (38)
  • 2012年11月 (36)
  • 2012年10月 (15)

人気記事TOP3

  • お住まいの国では公開されていません 「この動画は、お住まいの国では公開されていません」を再生することができるWEBサービス「ProxFree」 カテゴリ: Webサービス
  • テキストエディタで改行を置換する方法 テキストエディタで改行を置換する方法 カテゴリ: ソフトウェア
  • p要素、div要素、span要素の違い p要素、div要素、span要素のそれぞれの違い カテゴリ: HTML

検索

カテゴリー

アーカイブ

Our Sponsors

Copyright © 2012 TechMemo