Web制作– category –

ヘッダー1つ取っても、色々な形があるよね。 ヘッダー1つ取っても、色々な形があるよね。 今回はHTMLとCSSを利用して、タイトルやロゴの真下にナビゲーションが配置されているヘッダーの作り方を紹介していきます。 結構難しそう… と思っている人もいるか...

Contact Form 7で作成したお問合せフォームに内容確認画面、送信完了画面を追加したいけど、どうやるの？ Contact Form 7は標準では確認画面がありません。 しかし、Web制作案件でクライアントから「確認画面が欲しい」と言われることも多いので この記事...

Web制作の勉強がひと通り終わったから営業してみたいけど、実際の案件の流れってどうなっているんだろう？ 今回は、現役でWeb制作を行なっている僕が Web制作の実務の流れについて完全解説していきます！ Web制作を学習中の人は、ここさえ乗り越えれば案件...

Webメールとは？ Webメールとは、ブラウザを利用してどのデバイスからでもログインができるメーラーのことを指します。 代表的なものに、GmailやYahoo!メール、レンタルサーバーのメールサービスなどがあります。 例えば、家ではパソコンでアクセスをして...

サイトの引っ越しをすることになったけど、いちいち作り直しするのが面倒だコン。。 そんな時はAll in One WP Migrationを利用するといいよ！ 今回は、サイト引っ越しに便利なプラグイン「All in One WP Migration」について解説していきます。 この記事を...

Web制作で案件を取るためにコーディングの練習がしたいけど、一体どのサイトをやるのがおすすめポン！？ 「Web制作やコーディングについて色々情報収集をしたは良いけど、結局次に何をやれば良いの？」と悩んでしまう人は多いかと思います。 特に今の時代...

デザインカンプや参考画像から、正確なカラーコードを抽出する方法を解説します。 クライアントから「こういった色あいにしたい」と言われるが、細かい色の名前やカラーコードまでは教えてくれない、分からないことも多いからです。 この記事では、無料ツ...

jpeg、png、svgって、結局どう違ってどの場面で使えばいいの？ 「jpeg、pngとsvgはなんとなく違うのは分かるけど、jpegとpngとは何が違うの？」 なんて思ったことはありませんか？ 今回は、そんな方に向けてjpeg、png、svgの3種類の画像の特徴と違いについ...

Contact Form 7とは？ Contact Form 7とは、WordPressで使用できるお問い合わせプラグインのことです。 2025年09月現在で、既に1000万以上インストールされており コーディングを知らなくても、感覚的な操作でお問い合わせフォームを簡単に作ることができ...

コンテンツの前後に別のコンテンツを実装したり、カーソルを当てたら変化するアニメーションを作るにはどうすればいいの？ 今回は、擬似要素の代表格とも言えるbeforeやafter、hoverについて解説したり、実際の使い方を見ていきたいと思います。 ちなみに...