気まぐれWEBLOG管理人 - 気まぐれWEBLOG

【コピペで簡単実装】jQueryでスマホ用の画像を出し分けする方法

レスポンシブ対応で画像がPC用とSP用で違うものを使いたい場合 PC用とSP用の画像を2枚用意していてcssもレスポンシブで出し入れする場合、結局画像をdisplay noneで非表示にしているだけで読み込んでいるのでサイトの読み込み速度が遅くなりま […]

生活

前回のあらすじいらないエフェクターが大量にあったので、買い取りに出すため LOOPというエフェクター買取専門のWEB査定サイトに依頼をして、査定をしてもらった。前回のブログ↓↓ WEB査定【エフェクター買取専門店 LOOP】利用してみる！査定編 […]

コピペで簡単タブ切り替えです。タブ切り替えってjQueryをつかってなんか難しいことをやらなきゃいけないイメージですがコピペのみで簡単実装出来ますのでご紹介致します。超簡単！３ファイルにコピペするだけ！下記のファイルにコピペしたらタブ切り替え […]

CSS

縦横比を維持するのはCSSだけでは難しい実際に横幅100％だったりとかでの対応が多いと思うのですが、レスポンシブするにあたって、画像の縦横比を維持したまま横幅を％指定したい、という事がありますよね。その時の実装方法を簡単に説明します。 1,まず […]

CSS

高さがわからない要素に、高さがわからない要素を天地中央にする最近はメインビジュアルを画面いっぱいにして、天地中央にロゴや要素を配置するデザインが流行っています。そんなときにどのようにして中央に要素を配置していますか？画面の高さが変われば、中央に […]

jQueryでユーザーエージェント判定をして、レスポンシブ対応をする cssはメディアクエリでレスポンシブ対応が可能ですが、jQueryでも必要な場合があります。そんな時の一つの方法として【ユーザーエージェント判定】と言うものがあります。簡単に言 […]

生活

こんな私ですが、実はバンドマンでした。ほんの数年前までバンドをやっていました。しかも結構ガチで活動していたバンドマン。いまではすっかりWEB業界の人間ですが（笑）バンドをやめてしまったので、もう使わなくなったエフェクターが沢山あります。それ […]

jQueryの読み込みのタイミングは、プログラムを組んでいく上でとても重要なものです。順番を間違えるとその処理が動かなかったりするので、しっかりとした定義をして処理を実行させましょう。ページの読み込みが開始されたとき [crayon-6623d3 […]

WordPress

functions.phpに各ファイルの呼び込みコードを記載してソースを整理！ header.phpやfooter.phpにスタイルシートやjsファイルの呼び出しをするとソースがごちゃごちゃになってしまって管理しづらいですよね。ごちゃごちゃのソー […]

WordPress

固定ページで間違えて”ビジュアル”タブに切り替えてコーディングしたページが… 何度もそんな経験があります。下記のコードをfunctions.phpにコピペすると、固定ページのみが ”ビジュアル” と ”テキスト” の切り替え […]