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

ホームページ制作NOTE

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

2022/10/18

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

: Adove Colorでデザインスキル爆上げ！

2022/10/18

こんな事で悩んでいませんかテーマカラーの配色を決めるのに何通りも試しているカラーを決めるのに時間がかかるボタンの色が決まらない。ＴＯＰ画像と色のバランスが合わない Adove Colorで出来 ...

: 便利ツール！デザインパーツ作成おすすめ無料ツール！

2023/7/4

ボタンからグラデーション、アニメーションまでHTML,CSSを自動生成してくれるおすすめツール！色んなデザインのシュミレーションが出来、コードを出力してくれる神ツール！

: 無料でＷＥＢデザインが学べるサイト

2026/3/5

超優秀！ＷＥＢデザインが無料で学べるサイト！デザインの基礎からadoveソフト、WORDPRESSの使い方、UIデザインなど無料で勉強が出来ます！

: 【2024年】ＷＥＢデザイナーが使うイラスト素材

2024/2/21

絶対おすすめ！使うだけでクオリティーが上がる、おしゃれなイラスト素材！ＷＥＢデザイナーが実際に使っているイラスト素材集を集めました。全て無料で使用出来ます。

: 【コピペＯＫ】Ｑ＆Ａアコーディオンの作成方法

2026/3/5

よくある質問を作成する際、コピーで使えるものが欲しかったので作ってみました！アコーディオンメニューの作り方（ｃｓｓのみ）サンプル Q タイトル１ A 内容１ Q タイトル２ A 内容２ Q タイト ...

: 【AFFINGER5,6】アフィンガー5,6のスマホメニューからページ内リンクを設定する

2026/3/5

スマホのスライドメニューからページ内リンクの設定、スマホフッターメニューからの設定をしていきます！ AFFINGERではスマホメニューからページ内リンクを使用する事を想定した仕様にはなっておりません。 ...

: 【contact form7】セレクトボックスをiphoneのデフォルト仕様から変更

2026/3/19

<div class="select-box"> [select* menu include_blank "サービスへ申込したい" "資料 ...

: 【ContactForm7】フォーム事にサンクスページを分ける場合

2026/3/19

フォームが1つの場合、サンクスページの設定方法 'https://xxx.jp/thanks/'の部分にサンクスページのURLを入れたらＯＫです！ <?php add_action( ' ...

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

2026/3/19

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

« Prev 1 2 3 4 5 6 Next »