HTML– category –
-
シンプルなポートフォリオで案件獲得｜営業1週間で初案件を取った作り方
Web制作を勉強し始めた頃は、僕もポートフォリオに何を載せればいいか分かりませんでした。 完璧なデザインを作らないと… 作品も、10個くらい作らないとかな…？ なんて考えていました。 しかし、実際に案件を取っていった結果 ポートフォリオは2つの架空サ... -
Web制作の初案件獲得ロードマップ｜営業開始1週間で受注した方法
※当サイトではアフィリエイト広告を利用しています。 Web制作の初案件獲得までに、私がやったことを全て公開します。 営業開始から1週間で初案件を獲得した方法を、学習言語から営業まで6ステップで解説します。 実際に初案件を獲得して納品するまでに、ど... -
縦並びヘッダーの作り方｜ロゴの下にメニューを配置【CSS】
ヘッダー1つ取っても、色々な形があるよね。 ヘッダー1つ取っても、色々な形があるよね。 今回はHTMLとCSSを利用して、タイトルやロゴの真下にナビゲーションが配置されているヘッダーの作り方を紹介していきます。 結構難しそう… と思っている人もいるか... -
【2025年最新】コーディングが練習できるサイトを徹底解説！
Web制作で案件を取るためにコーディングの練習がしたいけど、一体どのサイトをやるのがおすすめポン！？ 「Web制作やコーディングについて色々情報収集をしたは良いけど、結局次に何をやれば良いの？」と悩んでしまう人は多いかと思います。 特に今の時代... -
HTML、CSSでボタンを実装する方法【ふわっと押されるホバーアニメーションも解説！】
ボタンを実装する方法 今回は、下のようなボタンを作成していきます。 See the Pen ボタン実装 by わい (@y_programing) on CodePen. HTMLはこちら。 HTML<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UT... -
【HTML】アンカーリンクを設定する方法をコーディングあり、なしの場合で解説！【WordPress】
「お客さんに『リンクを踏んだら別のページの特定の部分に移行させたい』って言われたけど、どうすればいいの？」 Web制作の受注をしていたり、自分でWordPressブログを開設して更新していくと、アンカーリンクの設定で誰もが1度は悩むと思います。 今回は... -
【HTML、CSS】noindexを設定する意味と、実際の設定方法について解説！
今回は、noindexの設定方法について解説していきます。 noindexの設定方法は、コーディングを利用するか、それともコーディングを利用しないか（WordPressサイトのブロックエディタで実装するなど）で若干違いますが どちらも比較的簡単に設定することがで... -
CSSアニメーションでタイピング風にテキストを表示させる方法【keyframes】
今回は、タイピング風にテキストを表示させるアニメーションのコーディングを解説していきます！ しかも、今回の方法はJavaScriptは使用しないので（HTMLと）CSSだけで完結できるので jsを実装したことがない Web制作をこれから初めてみたい！ まだ学習し... -
【コピペOK】Webデザインの「あしらい」とは？｜よく使う5種類の実装方法【CSS】
あしらいとは？ あしらいとは、部分的に当てる装飾のことを指します。 あしらいは、必ず取り入れなくてはいけないわけではありませんが 利用すると、特定の部分だけ強調することができたり、同じような要素が並んでいる箇所では変化を与えることができます... -
VSCodeの基本的な使い方とファイルを表示させる方法を徹底解説！【Web制作初心者必見！】
VSCodeとは？ VSCodeはMicrosoftが開発した、主にファイル内の記述を編集するためのエディターです。 高機能で軽量、かつ多くのプラグラミング言語に対応しているので 多くのプログラマー、エンジニアに愛用されているエディターになっています。 操作が比...
12