HP制作

【商用利用可】これは嬉しい!Adobe Stockで写真や動画など約7万点の無料素材を公開

Adobeが写真やイラスト、動画など、約7万点の無料素材を「AdobeStock無料コレクション」で公開しました。有料素材と同じ商用利用可能ライセンスで、個…

HP制作

Bootstrap4で5カラム(5分割)レイアウトを実現する方法

Bootstrapは12分割のグリッドを採用しているため、通常は5等分されたレイアウトを実現することができません。しかし、コンテンツやデザインの都合上、5分割…

HP制作

CPIで.htaccessを使ってリダイレクト設定する方法(mod_rewriteの有効化)

CPIのレンタルサーバーで、.htaccessを使ったリダイレクト(転送)設定する場合の覚書です。CPIで.htaccessを利用したリダイレクトを行う際は、…

HP制作

iCLUSTAで.htaccessにhttpsリダイレクトを設定しても動かない時の解決方法

私はGMOのサーバーには何度もひどい目にあってきたので、新規では絶対に契約しないことにしています。…が、残念ながら過去に契約したまま使っているホームページもいく…

HP制作

【CSS】横並びメニューの区切り線を「隣接セレクタ」と「疑似要素」を使って実装する方法

グローバルメニューやフッタメニューで利用することの多い区切り線(罫線)。皆さんはどのように実装していますか。CSSの[border]を使えば簡単に作ることがで…

HP制作

【FileZilla】サイトマネージャーに登録しているFTPパスワードを確認する方法

FTPソフト「Filezilla」はホスト名・ユーザー名・パスワード等をサイトマネージャーに登録してサーバーに接続します。登録したアカウント情報はサイトマネー…

HP制作

メールの取りこぼしを防ごう!DNS切替に伴うメールサーバー移行方法と注意点

ホームページで利用しているレンタルサーバー(ホスティング会社)を変更する場合、メールサーバーの移行作業が発生します。プライベートならまだしも、ビジネスメールの…

HP制作

【テンプレート】システムメンテナンスのお知らせのサンプル雛形

運用しているホームページのサーバーやプログラムを入れ替える場合、一時的にサイトを停止することになります。突発的なトラブルなどでない限り、事前にホームページ内の…

HP制作

【CSS】リンク(aタグ)のクリック範囲を親要素全体(div)に広げる方法

今回はCSSでリンク(aタグ)のクリック範囲を親要素全体に広げる方法を紹介します。PCサイトはもちろん、スマホサイトでは特にリンクの範囲が広い方がユーザーとし…

HP制作

【テンプレート】サイトのご利用について(利用規約)のサンプル雛形

企業サイトなどを構築する際、汎用的に使える「サイトのご利用について(利用規約)」のテンプレートを作成しました。以前、当ブログで紹介した「プライバシーポリシー(…