2月, 2018 - 気まぐれWEBLOG

【コピペで30秒!!】超簡単！マウスでフリックをレスポンシブ対応でお手軽実装！

マウスでフリックをしたい！マウスでのフリックはライブラリを使用したりとか、ちょっと難しい部分もあるので敬遠しがちですが、 html css jsの3ファイルにコピペするだけで簡単に実装できます。まずはhtmlファイルからですが、構成は上記のように […]

WordPress

2箇所のコピペでWordPressのウィジェットを増やす方法いろんなサイト見るとちょっとむずかしそうなウィジェットの増やし方。シンプルにコピペで簡単実装します。まずテーマファイルのfuncions.php。次に出力するPHPファイル。 func […]

生活

前回までのあらすじ WEB査定【エフェクター買取専門店 LOOP】利用してみる！査定編 WEB査定【エフェクター買取専門店 LOOP】利用してみる！配送編いらないエフェクターを８つ売ることになったが平日は忙しい祝日、休日は家族サービスがしたい […]

WordPress

記事の中にアドセンスを貼りたいけど、毎回編集時に貼るのは面倒くさいですよね。アドセンス広告自体の最適な表示場所は記事上記事中記事下サイドバーと言われています。しかし記事中にアドセンスを表示させるとなると記事の編集時にいちいち貼り付けな […]

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

生活

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

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

CSS

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

CSS

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

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