【簡単解説】floatで横並びにしたリストをCSSで中央揃えする方法
HP制作

【簡単解説】floatで横並びにしたリストをCSSで中央揃えする方法

Webデザインでよく見かけるのが、リストアイテムを横に並べ、それを中央揃えにするというものです。例えば、フッターメニューやページングナビゲーションなどで、リスト…

Googleモバイルファーストインデックスの影響と対応策
HP制作

Googleモバイルファーストインデックスの影響と対応策

先日、Googleがモバイルファーストのインデックス登録に向けた実験を開始することを正式にアナウンスしました。 つまり、将来的にGoogleのアルゴリズムはモバ…

PhotoshopとIllustratorで使いこなす!作業効率を上げるショートカットキー
HP制作

PhotoshopとIllustratorで使いこなす!作業効率を上げるショートカットキー

デザイン作業を効率的に進めるために、ショートカットキーの活用は欠かせません。PhotoshopやIllustratorを日常的に使用しているデザイナーにとって、…

このクオリティで無料!日本の美しい風景写真のフリー素材「PHOTO METI PROJECT」
HP制作

このクオリティで無料!日本の美しい風景写真のフリー素材「PHOTO METI PROJECT」

経済産業省が、日本各地の美しい風景写真を商用利用も可能なフリー素材として提供するサイト「PHOTO METI PROJECT」を公開しました。 無料の写真素材サ…

ブログを常時SSL化(HTTPS対応)しました!Google検索順位にも影響あり
HP制作

ブログを常時SSL化(HTTPS対応)しました!Google検索順位にも影響あり

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

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

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

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

サイトの修正が反映されない…ページを更新してキャッシュをクリアする方法
HP制作

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

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

ネームサーバー(DNS)切り替え前にサイトの動作確認する方法「hostsファイルの場所と書き方」
HP制作

ネームサーバー(DNS)切り替え前にサイトの動作確認する方法「hostsファイルの場所と書き方」

サーバーを移転する際、DNSの切り替え作業が発生しますが、ネームサーバーは設定してもすぐには切り替わりません。 そのため、通常ブラウザで確認しても新旧どちらのサ…

WordPress専用のレンタルサーバー「wpX」に移転!ブログが高速化したのか比較検証
HP制作

WordPress専用のレンタルサーバー「wpX」に移転!ブログが高速化したのか比較検証

ちょうど1年前にブログのサーバーをGMOクラウドの「InfinitoPLUS」から「iCLUSTA+」に変えたのですが、レスポンスが悪く障害が多かったため、サー…

【CSS】floatしたリスト(li要素)をIEで表示すると崩れてしまう場合の解決方法
HP制作

【CSS】floatしたリスト(li要素)をIEで表示すると崩れてしまう場合の解決方法

CSSでリスト(li要素)をfloatした際、Internet Explorerで表示すると階段状に崩れてしまう時があります。 その場合の原因と解決方法について…