HP制作
user agent stylesheetとは？ブラウザのデフォルトスタイルを理解しよう
「user agent stylesheetとはブラウザが持つデフォルトスタイルです。この記事では、その役割やブラウザ間のスタイル差異を解消するための対策を解説…
HP制作
SVGの基本と活用法！リンク設定とカラー変更の方法を解説
SVGファイルの特徴やメリット、リンク設定とカラー変更方法を徹底解説。スマホ対応や高解像度ディスプレイ向けのデザインに役立つ基本知識を紹介します。
HP制作
スマートフォン端末で電話発信するa要素「tel」をPC版で無効にする方法
a要素に[href="tel:電話番号"]を指定すると、電話発信用のリンクを設定することができます。しかし、レスポンシブWebデザインでサイトを構築している場合…
HP制作
HTTPS通信下でJavaScriptが動かない原因と解決方法
ローカルやデモ環境で動作確認をしたファイルを本番環境にアップしたら動かない…こんな経験ありませんか？もし、その本番環境が「https（SSL）」で通信している場…
HP制作
【jQuery】固定ヘッダによるページ内リンク位置ずれの解消方法
サイトのヘッダ部を[position:fixed;]で固定している場合、ページ内リンクの位置がヘッダの高さ分ずれてしまいます。今回はその場合の対処方法を紹介。C…
HP制作
【簡単解説】floatで横並びにしたリストをCSSで中央揃えする方法
CSSを使ったfloatで横並びにしたリストの中央揃え方法を解説。シンプルなサンプルコードと共に、初心者でも理解しやすい手順で説明します。
HP制作
ブログを常時SSL化(HTTPS対応)しました！Google検索順位にも影響あり
当ブログで利用しているサーバー「wpXクラウド」が独自SSL（https）の機能に対応しました。SSL導入のメリットは、セキュリティの強化と信頼性の向上です。ま…
HP制作
TwitterやFacebookなどの「公式SNSボタン」をオリジナルデザインにする方法
Twitterの仕様変更により、ボタンのツイート数カウントが表示されなくなります。FacebookやGoogle+でも同じような仕様変更に振り回された経験がある…
HP制作
サイトの修正が反映されない…ページを更新してキャッシュをクリアする方法
ホームページ制作の現場に携わってから、何度もクライアントとやり取りしているこの会話「ページ更新しました」→「いや変わってないけど？」Webデザイナーだったらこん…
HP制作
【CSS】floatしたリスト(li要素)をIEで表示すると崩れてしまう場合の解決方法
CSSでリスト（li要素）をfloatした際、Internet Explorerで表示すると階段状に崩れてしまう時があります。その場合の原因と解決方法について。…