HP制作
DNS切り替えによるメールサーバー移行手順と注意点を徹底解説
ホームページで利用しているレンタルサーバー（ホスティング会社）を変更する場合、メールサーバーの移行作業が発生します。 プライベートならまだしも、ビジネスメールの…
HP制作
システムメンテナンス告知のテンプレート公開！事前準備で安心運営
運用しているホームページのサーバーやプログラムを入れ替える場合、一時的にサイトを停止する必要があります。 突発的なトラブルなどでない限り、事前にホームページ内で…
HP制作
CSSでリンク範囲を親要素全体に広げる簡単な方法を解説
今回はCSSでリンク（aタグ）のクリック範囲を親要素全体に広げる方法を紹介します。 PCサイトはもちろん、スマホサイトでは特にリンクのクリック範囲が広い方が使い…
HP制作
安心・安全なサイト運営のための利用規約テンプレート(ひな形)
企業サイトなどを構築する際、汎用的に使える「サイトのご利用について（利用規約）」のテンプレートを作成しました。 利用規約は、サイトの利用者と運営者双方を保護する…
HP制作
【jQuery】外部リンクに自動でFont Awesomeアイコンを表示する方法
通常、外部リンクにアイコンを表示する場合、HTMLに直接アイコンを追加することが一般的です。しかし、HTMLに手動でコードを記述するのは手間がかかり、特に大規模…
HP制作
【CSS】Font Awesome 5を疑似要素で指定するとアイコンが表示されない時の解決方法
Font Awesome 5で、CSSの疑似要素（::before, ::after）でcontent指定をした際、アイコンが表示されない場合の解決方法です。 …
HP制作
プログラムコードのインデント論争！タブ？それともスペース？どちらが正解？
プログラミングの世界で古くから激しく行われている論争があります。それは、プログラムコードを書く際、各行の字下げ（インデント）にスペースを使うか、タブを使うかとい…
HP制作
【CSS】position:fixedで固定している要素を横スクロールさせる方法
現代のWEBサイトは多くがレスポンシブ対応になっており、ブラウザ幅に応じて表示が変わるよう設計されています。しかし、古いサイトを改修する際や、特定のプロジェクト…
HP制作
Photoshop CCで起動時やファイルを開くと強制終了する時の解決方法
ついに会社のAdobe製品がCC（Adobe Creative Cloud）になりました。 CS5から解放され、歓喜していたのもつかの間、インストールしたPho…
HP制作
【CSS】FontAwesomeのリンクホバーの下線をテキストだけにする方法
今回は備忘録を兼ねたCSSの小ネタ。 FontAwesomeでリンクアイコンをCSSで表示している時、hoverの下線をテキストリンクのみにする方法を紹介します…