WEB MEMO LOG

  • JS

【JS】子要素に特定のクラスがあった場合に親要素にクラスを追加する等、jQueryでよく使うメソッド

【JS】子要素に特定のクラスがあった場合に親要素にクラスを追加する等、jQueryでよく使うメソッド

クリック時にクラスを追加するなど、よく使用するjQueryのメソッドをメモメモ。 ▼CSSの操作 ▼クリック時の処理 ▼クラスを追加 ▼画像名の変更

  • CSS

【CSS】iOSで横スクロールがカクカクするのを滑らか(スムーズ)にする方法

【CSS】iOSで横スクロールがカクカクするのを滑らか(スムーズ)にする方法

iOSで横スクロールをする際、カクカクとぎこちない感じになります。それを解決する方法をメモメモ。

  • JS

【JS】jQueryでブラウザの画面サイズで処理を判定する方法

【JS】jQueryでブラウザの画面サイズで処理を判定する方法

レスポンシブサイト等で、スマホのときには特定の処理をして、PCの場合は処理をしたくない場合がありますよね。 例えば、スマホではアコーディオンでクリックしたら詳細を表示するけど、PCの場合はアコーディオンを使用せず、詳細を常に表示状態にするなど・・・。 そんなときのための、ブラウザの画面サイズによって、処理をする方法をメモメモ。 ▼読み込み時とリサイズ時の画面サイズによって処理を判定する ▼リサイズ・・・

  • WordPress

【WordPress】メディアの最大アップロードファイルサイズを変更する方法(レンタルサーバ・マルチサイトの場合も)

【WordPress】メディアの最大アップロードファイルサイズを変更する方法(レンタルサーバ・マルチサイトの場合も)

WordPressのメディアでファイルをアップロードする際に、最大アップロードファイルサイズがアップロードするファイルサイズより小さいため、アップロードできないということがありました。 その解決方法をメモメモ。 ▼php.iniで変更する方法(※下記では30MBに設定) ▼.htaccessで変更する方法(※下記では30MBに設定) 【参考】WordPressの最大アップロードファイルサイズを変更・・・

  • CSS

【CSS】BODY内で外部CSSを読み込む方法

【CSS】BODY内で外部CSSを読み込む方法

<head>内を変更できない場合、<body>の中で<link>を使ってCSSを読み込んでも動作しますが、文法的にNG、今後不具合が起こる可能性もあるとのことで、JSを使って<body>内で外部CSS等を読み込ませる方法をメモメモ。 ▼「style.css」を読み込ませる方法

  • PHP

【PHP】現在のURLやホスト名等を表示する方法

【PHP】現在のURLやホスト名等を表示する方法

現在アクセスしているURL等を取得するサーバー環境変数「$_SERVER」。 非常に便利ですが、変数が多く覚えられないので、メモメモ。 ▼よく使う「$_SERVER」の変数 【参考】PHP($_SERVER)サーバー変数一覧と実用例 $_SERVER["HTTP_HOST"]と$_SERVER["SERVER_NAME"]の違い(というか意味合い)は? - ・・・

  • PHP

【PHP】実行時に発生したエラーを画面に表示する方法

【PHP】実行時に発生したエラーを画面に表示する方法

PHP実行時のエラーをブラウザ上に表示する方法をメモメモ

  • Web

【DESIGN】頻繁に使っているWebデザインのギャラリーサイト

【DESIGN】頻繁に使っているWebデザインのギャラリーサイト

Webサイトをデザインする際に参考にさせていただいているサイトをメモメモ。 ■I/O 3000 | Webデザインギャラリー ■縦長のwebデザインギャラリー・サイトリンク集|MUUUUU.ORG ■【S5-Style】Webデザインのリンク集・ポータルサイト ■Webデザインリンク集・ソーシャルブックマーク - straightline bookmark | Web Design Bookmar・・・

  • PHP

【PHP】ユーザエージェント(デバイス)判定をして処理を行う方法

【PHP】ユーザエージェント(デバイス)判定をして処理を行う方法

PC・スマートフォン・タブレット等のユーザーエージェント(デバイス)を判定して、処理を行う方法をメモメモ。 ▼ユーザーエージェント(デバイス)判定 ▼使用方法 【参考】2015年版PHPユーザエージェント判別・判定

  • JS

【JS】parent?parents?closest?jQueryで親要素があるか判別する方法

【JS】parent?parents?closest?jQueryで親要素があるか判別する方法

jQueryで特定の親要素があるかないかを判別して特定の処理を行いたい場合の方法をメモメモ。 ▼closestを使用して判別 親要素を判別する方法として、「parent()」「parents()」「closest()」があります。 ・parent() 直近の親要素を取得 ・parents() 親要素、先祖要素まで取得 ・closest() 親要素、先祖要素のうち直近の要素を取得 【参考】jQuer・・・

  • JS

【JS】jQueryで特定の要素(セレクタ)を対象外にする方法

【JS】jQueryで特定の要素(セレクタ)を対象外にする方法

jQueryで動作を設定しているけど、特定の要素のみ動作を行いたくない場合があるかと思います。 例えば、「#」のリンクをクリックしたときにページ内でスルスルとスクロールするjQueryを使用していた場合、特定の要素(タブメニュー等)のみスルスルと移動するのを無効にする方法をメモメモ。 ▼特定の要素のみページをスルスルとしない方法

  • WordPress

【WordPress】シングルクォーテーションやダブルクォーテーションが全角で表示される

【WordPress】シングルクォーテーションやダブルクォーテーションが全角で表示される

通常では、投稿ページで半角で入力したシングルクォーテーション「'」やダブルクォーテーション「"」は全角へ自動変換されて表示されてしまいます。 その自動変換を無効にする方法をメモメモ。 ▼functions.phpに記載 【参考】WordPressで半角で入力したシングルクォーテーションやダブルクォーテーションが全角で表示される