MENU
  1. HOME
  2. WEB制作の記事一覧

最近の作業実績

  • 2024年03月03日リンク回りの設定を調整いたしました。
  • 2024年03月01日CTAボタン周りを調整いたしました。
  • 2024年02月29日ローディング画面を設置いたしました。
  • 2024年02月28日既存サイトにセキュリティ対策を導入いたしました。
  • 2024年02月27日メールフォームの設定を調整いたしました。
  • 2024年02月26日カテゴリー編集画面で投稿と同じエディターを使えるようにカスタマイズいたしました。
  • 2024年02月25日既存サイトにセキュリティ対策を導入いたしました。
  • 2024年02月24日既存サイトにセキュリティ対策を導入いたしました。
  • 2024年02月23日投稿ページで発生していた不具合を解消いたしました。
  • 2024年02月22日PHPのバージョンアップに伴う不具合を解消いたしました。
  • 2024年02月21日既存サイトの画像を差し替えました。
  • 2024年02月20日既存サイトに新規ページを作成いたしました。
  • 2024年02月19日画像の差し替えを担当させていただきました。
  • 2024年02月18日サイト上に記事一覧を表示いたしました。
  • 2024年02月17日メールフォームの不具合を解消いたしました。
  • 2024年02月16日既存サイトにスパム対策を導入いたしました。
  • 2024年02月15日リンク回りの不具合を解消いたしました。
  • 2024年02月14日不完全な常時SSL化を正常な状態にいたしました。
  • 2024年02月13日既存サイトにセキュリティ対策を導入いたしました。
  • 2024年02月12日WAF周りで発生していた不具合を解消いたしました。
  • このエリアには直近の制作実績を一部掲載しております。
  • 制作実績はリアルタイム反映ではありません。

カテゴリー: WEB制作

要素が画面に入るとアニメーションで下線を表示させる方法

要素が画面に入るとアニメーションで下線を表示させる方法

要素が画面内に入ると、下線が表示されるアニメーションの実装方法をまとめてみました。動きのある部分は訪問者の目を引き付けることができます。興味のある方は、コンテンツをご覧ください。
2021/04/16
  • WEB制作
  • CSS
  • jQuery
jQueryを使った消せる要素の作り方

jQueryを使った消せる要素の作り方

jQueryを使った消せる要素の作り方を解説しています。フッターに消せる固定広告を設置するなど、使い方は色々。コピペだけで実装できる様に解説しておりますので、興味のある方はご覧になってください。
2021/04/16
  • WEB制作
  • CSS
【レスポンシブ】デバイスの横幅を基準に読み込むJavascriptを切り替える方法

【レスポンシブ】デバイスの横幅を基準に読み込むJavascriptを切り替える方法

デバイスの横幅を基準に読み込むJavascriptを切り替える方法をご紹介しています。レスポンシブデザインのサイトなどで利用する機会があるカスタマイズです。簡単にできますので、このコンテンツでやり方をマスターしてください。
2019/09/15
  • WEB制作
CSSだけで長い文字列を「…」と省略表示する方法

CSSだけで長い文字列を「…」と省略表示する方法

CSSだけで長い文字列を省略表示する方法をご紹介します。文字列が要素からはみ出す場合、末尾に「…」を付けて省略表示させる方法です。興味のある方は、3分間でカスタマイズ方法をマスターしてください。
2019/09/15
  • WEB制作
  • CSS
【たった1分】ドメインから使っているサーバーを調べる方法

【たった1分】ドメインから使っているサーバーを調べる方法

ドメインからサイトが設置されているサーバーを調べる方法をご紹介しています。専門的な知識は必要ありません。コンテンツの中で紹介しているWEBサービスを利用(無料)すれば、どなたでもドメインからサーバー会社を調べることができます。
2019/07/28
  • WEB制作
レスポンシブデザインでテーブルを横スクロールさせる方法

レスポンシブデザインでテーブルを横スクロールさせる方法

スマホ表示でテーブルを最適化するとき、扱いづらいテーブルが出てくるかと思います。そんなテーブルを横スクロールさせることで、簡単に最適化する方法をご紹介しています。横スクロールできることを伝えるテクニック付きです。
2019/09/15
  • WEB制作
  • CSS
知ってますか?画像サイズを親要素の横幅に収まるように可変させる最も簡単な方法

知ってますか?画像サイズを親要素の横幅に収まるように可変させる最も簡単な方法

デバイスの横幅に合わせて画像を拡大縮小させる方法をご紹介しています。CSSのみで対応する方法ですので、面倒なjsの設置やimgタグを書き換える必要もありません。参考にしてください。
2019/03/06
  • WEB制作
  • CSS
画像下部にできる謎の空白をCSSだけで消す2つの方法

画像下部にできる謎の空白をCSSだけで消す2つの方法

サイト上に画像を設置すると、画像の下部に余白が生じてしまいます。この余白、「margin」や「padding」を「0」にしても消すことができません。ではどのようにして消せばいいのでしょうか?余白を消す方法を2つご紹介します。
2019/03/06
  • WEB制作
  • CSS
WordPressでレスポンシブデザインを作成するときに役立つコンテンツ12選

WordPressでレスポンシブデザインを作成するときに役立つコンテンツ12選

WordPressでレスポンシブデザインを作成するときに役立つコンテンツを12個まとめてみました。レスポンシブデザインでサイトを構築する方は、一通り確認する事をお勧めいたします。参考にしてください。
2022/10/04
  • WEB制作
  • WordPress
display:inline-blockが横並びにならない意外な原因と解決方法

display:inline-blockが横並びにならない意外な原因と解決方法

display: inline-blockで要素を横並びにしたいのに、思う様に横並びにならないことってありませんか?実はHTMLの記述方法が原因で横並びにならないことがあるのです。原因と解決方法を詳しく解説してみました。
2019/03/06
  • WEB制作
  • CSS
【レスポンシブ】デバイスの横幅で画像を切り替える方法

【レスポンシブ】デバイスの横幅で画像を切り替える方法

サイトにアクセスしたデバイスの横幅で画像を切り替える方法をご紹介します。レスポンシブサイトで、PCとスマホで違う画像を表示させたい場合などに使えます。5分程度で実装できますので、興味のある方は参考にしてください。
2019/03/06
  • WEB制作
レスポンシブサイトで要素が画面に収まらない主な原因4つと解決策のまとめ

レスポンシブサイトで要素が画面に収まらない主な原因4つと解決策のまとめ

レスポンシブサイトで要素が画面に収まらない主な原因4つと解決策をまとめてみました。レスポンシブサイトの制作時には頭を悩ませる問題かと思います。現に悩まれている方、このコンテンツで頭痛の種を取り除いてください。
2019/03/06
  • WEB制作
WordPressサイトにWebアイコン【Font Awesome】を実装する方法

WordPressサイトにWebアイコン【Font Awesome】を実装する方法

WordPressサイトにWebアイコン【Font Awesome】を実装する方法をご紹介します。WEBアイコンは簡単に使えて非常に便利。この機会に使い方をマスターしてください。初心者の方でも3分間でWEBアイコンの使い方をマスターすることができます。
2019/02/18
  • WEB制作