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

ホームページ制作NOTE

: 迷惑メール対策！google reCAPTCHAの登録方法（Contactform7)（WordPress)

2024/7/3

最近contactform7のプラグインを入れるとよく言われるのが迷惑メールが大量に来るようになった！という事で一番有効なgoogle reCAPTCHAの登録をおすすめしています。5分くらいで設 ...

: 未経験からフリーランスＷＥＢデザイナーになるまでしたこと（勉強編①）

2026/3/5

私はこの①∼④までの工程を3～4カ月ほどかけて勉強しました。ＨＴＭＬ，ＣＳＳの基礎を覚える為パソコン教室に通いましたホームページ制作が出来るようになる為、まずは近くのパソコン教室に通いました。HT ...

: ＳＶＧアニメーションの作り方（手書き風）

2023/7/3

svgアニメーションがかっこいいので手書き風のロゴを作ってみました。SVG Artistaというsvgアニメーションを作るジェネレーターを使うと5分くらいでめっちゃ簡単でかっこいいアニメーションが出来 ...

: 海外風のモデルサイトを探すならココが一番！

2023/4/17

デザインカンプを作成する際、海外風のサイトをお探しならココが一番おすすめです！『Behance（ビハンス）』 adoveのカウントを作成するだけで無料で使えます。世界中のクリエイターが自身の作品を ...

: webデザイン、アイディアの引き出しはここ一択！

2022/10/18

デザインの流行り、トレンドは日々変わっていきます。私が最新のデザインやアイディアの引き出しに参考にしているのはPinterestです。 PintarestとはWebサイト上にある画像を集めてブックマー ...

: slick sliderをWORDPRESSで使う【コピペOK】

2026/3/5

slickのスライダーをWORDPRESSで使う最も簡単なCDNを使って作成するスライダー slickのcssのCDN header.phpにコピーします。slick-theme.min.cssの方 ...

: 見出しの下におしゃれな破線のデザイン【ＣＳＳ】

2026/3/5

かわいいサイトなど、ふんわりさせたい時に使う横幅が長めの破線の見出しデザイン See the Pen 見出しの下におしゃれな破線 by Satomi (@satomi79000033) on Code ...

: （2026年）FontAwesomeを背景に使用する方法【WordPress】

2026/3/3

FontAwesomeを背景で使用する方法まずＣＤＮを<header>~<header>の間に読み込みます。WordPressはheader.phpにコピペします。 < ...

: スクロールしたら横に動く画面

2026/3/5

スクロールで横に画面が推移するアニメーションはGSAPのプラグインが一番簡単です！横スクロールスクロールすると画面が横に推移していくアニメーションです。縦スクロールから横スクロール、横スクロールが ...

: コードなしでアニメーションが作れるAnimista

2022/10/18

Animista よく使う、フェードイン、アップ、スライドイン、アップ、スケールインなどの基本的なアニメーションを網羅していて、ｃｓｓコードをそのままコピーするだけなので、すぐ使えて便利です。テキス ...

« Prev 1 2 3 4 5 Next »