FontAwesome
HP制作

【CSS】FontAwesomeのリンクホバーの下線をテキストだけにする方法

今回は備忘録を兼ねたCSSの小ネタ。FontAwesomeでリンクアイコンをCSSで表示している時、hoverの下線をテキストリンクのみにする方法を紹介します…

HP制作

Chromeのデベロッパーツールに出てくる「user agent stylesheet」とは

GoogleChromeのデベロッパーツールでWebサイト内のスタイルを確認していると、CSSルールの中に「useragentstylesheet」と設定…

HP制作

SVGファイルを初めて設定する時につまずきやすいポイント!リンクの設定とカラーの変更方法

画像ファイルと言えば、JPEGやPNG(ビットマップデータ)を扱う機会が多いと思いますが、高解像度ディスプレイで見るとぼやけてしまう欠点があります。そのため、…

HP制作

スマートフォン端末で電話発信するa要素「tel」をPC版で無効にする方法

a要素に[href="tel:電話番号"]を指定すると、電話発信用のリンクを設定することができます。スマートフォンなどではタップするだけで直接電話をかけることが…

HP制作

https(SSL)通信の環境下でjavascriptが動かなくなる場合の原因と解決方法

ローカルやデモ環境で問題なく動作確認したファイルを本番環境にアップしたら、javascriptが動かない…こんな経験ないでしょうか?その本番環境が「https…

HP制作

ヘッダを[position:fixed;]で固定した際、ページ内リンクの位置がずれるのを解消する方法

当ブログもそうですが、最近はヘッダ部を固定して表示するページが非常に増えました。しかし、[position:fixed]でヘッダを固定している場合、ページ内リ…

HP制作

【CSS】floatで横並びさせたリスト(li)をセンタリングする方法

フッタメニューやページングナビゲーションのコーディングで、liタグをfloatさせて横並びにすることはよくあると思います。しかし、そのリスト全体をセンタリングし…

HP制作

【SEO対策】ブログを常時SSL化(HTTPS対応)しました!Googleの検索結果にも影響あり

当ブログで利用しているサーバー「wpXクラウド」に独自SSL(https)の機能が追加されたので、WeberNoteでも常時SSL化に対応することにしました。…

HP制作

TwitterやFacebookなどの「公式SNSボタン」をオリジナルデザインにする方法

Twitterの仕様変更により、近日中にTwitterボタンのツイート数カウントが表示されなくなります。10月1日から実施されると噂されていましたが、まだ大丈夫…

HP制作

HP担当者は必見!サイトの修正が反映されない…ページを更新してキャッシュをクリアする方法

ホームページ制作の現場に携わってから、何度も何度もクライアントとやり取りしているこの会話…「ページ更新しました」→「いや変わってないけど?」だからそれはページ…