amauttのブックマーク - はてなブックマーク

jQueryを使って、div全体にリンクを貼る方法。_blank対応も。 | SHINGO IRIE
例えばボタンなどdiv全体にリンクを貼りたいことがありますが、その際に便利なTipsのご紹介です。まずは、見た目のみ準備CSSでボタンを作ります。リンクもdivの中に置いて構いません。CSSでdivの上にマウスがのったときに、カーソルが変わるよう変更しています。 <style> .sbtn{ margin-right:10px; text-align:center; background-color: #28B0FF; padding:10px; color:#fff; text-decoration:none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; margin-bottom:10px; cursor:pointer; } </style> <div class="sbtn">
amautt 2019/06/14
jQuery
リンク
PHPでモバイルかどうかを判別するライブラリ「Mobile Detect」が便利 | SHINGO IRIE
例えばトップページにアクセスがあった時にモバイルかPCか、もしくはタブレットなのかなど判別して、それぞれ違うページを表示したいということは、よくあります。自分で作ってもいいんですが、シンプルですぐに使えるライブラリがあったのでご紹介。 Mobile Detectをダウンロード公式サイトより、ファイルをダウンロード。ダウンロードした中で使うファイルは「Mobile_Detect.php」のみです。あとは、読み込ませて使うだけ。 require_once 'Mobile_Detect.php'; $detect = new Mobile_Detect; // モバイルの場合の処理を記述 if ( $detect->isMobile() ) { } ほかにもOSやブラウザ別に処理を記述していくこともかんたんです。詳しくは公式サイトをチェック。 Mobile Detect [sc name=”
amautt 2018/12/19
PC・スマホ切り替え

webデザイン

php

ライブラリ

条件分岐
リンク
[保存版] PageSpeed InsightsでWebサイトを高速化するまでのすべて。0点→90点へ改善！ | SHINGO IRIE
[保存版] PageSpeed InsightsでWebサイトを高速化するまでのすべて。0点→90点へ改善！今日はGoogleが提供しているPageSpeed Insightsを使って、サイトの高速化・最適化を行うまでを紹介します。今回の、記事はめちゃ長いです。表示スピードは訪問者離脱につながりますし、検索エンジンにも影響がある要素。早いにこしたことはありません。PageSpeed Insightsを使えば、あなたのサイトについてアクセススピードという点からみたチェックを行うことができます。イリテクのサイトスピードは0点だった…PageSpeed Insightsでは、PCとスマホでページのパフォーマンスを測定してくれます。85点以上いけばパフォーマンス高の評価。ちなみにGTmetrixも有名です。 …ちょっとこれはマズすぎるでしょう。ありえません。早速バリバリ改善していきましょう。
amautt 2018/02/22
圧縮
リンク
1