未経験からフリーランスＷＥＢデザイナーになるまで

ホームページ制作NOTE

HTML&CSS

: contactForm7で電話番号に文字数制限をする場合

2026/3/5

電話番号で文字数制限をかけたい場合は、maxlength:最大文字数を設定するだけです。これを電話番号タグに入れるだけです！ [tel* your-tel maxlength:11] とても簡単に出来 ...

: 枠線（border)の中の要素の余白を解消

2026/3/5

タイトルがあるボックスを作る時、枠線の中に出来る余白を解消したいこんなボックスを作りたい時、borderで囲うと、中の要素との間に余白が出てきてしまう。これを解消したい！！ <div clas ...

: conatact7の入力欄で予測変換を入力する時の背景色を変えたい

2026/3/5

予測変換を入力する時の背景色を変えたいこれはクライアント様に言われて、わからずテラテイルで聞いたら解決出来たので貼り付けております。（ここまで言われる方は少ないと思いますが。）予測変換で入力する際、 ...

: CSSで出来る！子要素の幅を親要素からはみ出して画面いっぱいにする

2026/3/5

<div class="container"> <div class="box">子要素画面いっぱい</div> </ ...

: 【一文字ずつ】テキストアニメーション（javascript/css）コピペＯＫ

2026/3/5

使用頻度が多いテキストアニメーションをコピペで使えるようにまとめました！段落事に順番に文字が左から右へ流れる See the Pen Untitled by Satomi (@satomi79000 ...

: ループ機能がついたカウントダウンタイマー

2026/3/5

カウントダウンタイマーカウントダウン機能にループ（一定日数ごとにカウントダウンしなおすもの)出来る機能、かつ自分でループの日数を変更出来るようものを探してたところとても使いやすいサンプルが見つかりま ...

: ボタンデザイン！線が細い矢印アイコン

2022/10/18

線が細い矢印アイコンがおしゃれだなぁと思い作成してみました。矢印の大きさ、線の太さや位置を自分で調整出来るので便利です。いつもFontAwesomeを使っているのですが、細い矢印は有料だったので作成 ...

« Prev 1 2 3

よく読まれている記事

Profile

初めまして。Okamoto Designの岡本です。
WordPressでホームページを作る際によく使うものをコピペやリンクなどで使用出来るようにまとめました。本当によいものだけをおすすめしています。
ココナラやLancers、ホームページからお仕事の依頼も受け付けています。未経験からフリーランスになり、1年半でランサーズ認定ランサー、ココナラプラチナランクになりました。現在はココナラでのリピーター様やご紹介経由でサイト制作をしております。

カテゴリー