HP制作

カラーコードを取得したい時はGoogle検索が便利!カラーピッカー機能が簡単に使えちゃう!

Web制作時に必ず利用する機能「カラーピッカー」。PhotoshopやIllustratorなど、画像編集ソフトに搭載されている色を選択できる機能です。しかし…

HP制作

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

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

HP制作

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

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

HP制作

【SEO】Google「モバイルファーストインデックス」の導入実験を開始。スマホページがますます重要に

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

HP制作

アドビ公式!作業効率が劇的に上がるPhotoshop&Illustratorのショートカット一覧

日本法人のアドビシステムズより、PhotoshopとIllustratorの数あるショートカットの中から、デザイナーによく使われているものをピックアップした一覧…

HP制作

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

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

HP制作

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

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

HP制作

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

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

HP制作

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

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

HP制作

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

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