初めてElementor proを使って、クライアントのワードプレスに設置しようとしたら、上手くいかない。 まず、ページ全体のテンプレートを保存し貼り付けようとしたら、一部しか表示されなかった。 なぜか原因を調べたけど、解決せず。 仕方なく、セクションご…

こちらの記事がわかりやすかったです。 https://yuzulog12.com/google-analytics-registration/#index_id1

クライアントの要望にそって表を作る必要がある。 エレメンタープロだとテーブル機能はあるが、私はテーブルプレスの方が使いやすい。 テーブルはレスポンシブにすると、PC上では一目でみれるがスマホになると文字が縦になって読みにくい。 そこで、スマホで…

WEBデザイン勉強中ではありますが、仕事が１つ入ってきた。 知り合いに頼まれて、WEBサイトをエレメンタープロで制作。これに関する契約書を作ろうと色々テンプレートを調べてので備忘録。請負契約ではなく、毎月いくらかを２年契約で支払って頂くようにしよ…

エレメンタープロを利用してりうWEBデザイン勉強中のお母さんです。 別ページのアンカーリンクへ飛ぶ方法がよくわからなかった。 けれども、これが一番わかりやすかった。 アンカーリンクを設置＃⚪︎⚪︎⚪︎ アンカーリンクが設置されているサイトアドレスの後に…

縦長のサイトは上へ戻る時にすこし大変。 そんな時は「ページトップへ戻る」ボタンが便利良いです。 そんな時に役立ったサイトはこちら tarouken.com 色々調べてみたけれど、こちらのサイトがわかりやすくコピペして実装できるのでよかったです。

エレメンター習得中の駆け出しWEBデザイン勉強中のお母さんです。 初歩的なことから学んでいますが、備忘録も兼ねて記録。 タテーブルプレスで表を作ることはできるのだが、入力が面倒。 そんな時、HTMLの表を自動作成してくれるサイトが便利。 いくつか使っ…

エレメンター習得中の駆け出しWEBデザイン勉強中のお母さんです。 初歩的なことから学んでいますが、備忘録も兼ねて記録。 今回は同じページ内の特定の場所に移動したい。 つまり、セクションごとに移動できるリンクを貼りたい。 同じページ内をリンクで移動…

テーブルプレスは便利よくて、よく利用してます。 けれども、スマホで見ると少々見えにくい。 そんな時はスマホでも見やすいようにカスタマイズできる記事を発見↓ とっても助かっています。 webmarket-skills.com この場合だと、表以外はスマホサイズで表示…

ボタンを自動生成してくれるサイトがあります。 けっこう便利良くて、お世話になっています。 generator.web-alpha.info front-end-tools.com

オンラインスクールにて勉強中の私。 LP課題の中に、商品画像を歪ませてかっこよくみせる！というのがあります。 参考素材を見つけて、クリッピング。 あとは、影をつけるだけなんだけど、なかなかうまくいかない。 ドロップシャドウだと、選択の画像に影が…

写真を同じ正方形の形の中に収めたい。 canvaを使っていたので、フレームというツールがあったので、何も考えていなかったけれど、同じようなことをどのようにすればよいかググってみたらこの方法がしっくりくる。 シェイプを作り、その中に写真を入れる！ …

人物の周りの白いフチの簡単切り抜き方法は明るさの最小値を設定すれば簡単に素早く消すことができる。 ただし、人物がなにか手に持っていたりするとちょっと使いにくい design-spot.jp

自分の練習の為にバナーお題というのにチャレンジ！ note.com お題第一弾が冬限定の一口チョコ 冬の雰囲気を出したくて、雪の結晶の素材を探していたら、カスタムシェイプ素材があった。 これだと、綺麗に描けるし今後も使用できる！ でも、どうやってするの…

コンタクトフォームのカスタマイズはググればけっこう出てきます。 でも、自分のテンプレートと合わなかったりなどあり、いくつか試してみましたが、こちらが私には合いました。 webicon.jp こちらもおすすめ！ TCDのサイトにはいろんな種類のフォームがあり…

Photoshopで背景だけ明るくしたい場合 オブジェクト選択ツールで、背景以外を選択 →選択範囲→選択とマスク→赤色になるので、細かく選択する。 選択画像を反転させて、背景だけを選択→トーンカーブなどで明るさ補正で完成！ ↓より細かく選択することで、綺麗…

現在ポートフォリオ制作中 自分の顔写真をすこし綺麗にしたくて美肌方法を検索すると、簡単な方法があった！ ニュートラルフィルターだ！これ一発で少しだけ、若くなった感じに仕上げた。 画像を選択→フィルター→ニュートラルフィルター あとは美肌とかいろ…

丸い点の点線を描きたかった。 点線の間隔は結構空いている。 飾り線になるのかもしれないが、無料の素材を探しても見つからず。 調べてみたらブラシツールで描けるらしい。これは良い www.mdn.co.jp

スマートオブジェクトが使える！ 画像を読み込んだらまずはスマートオブジェクトをすると劣化しないそうな。 必須なのね。 www.asobou.co.jp

円に沿って文字を配置するやり方はわかったんだけど、物体を円にそって配置するやり方がわからない。 そこでググったら私でもできるやり方が紹介されていたのでシェアします。 howcang.com ありがたいことに動画もあります。 youtu.be

WEBデザイン初心者だからこと、ショートカットキーは体に染み込ませなければいけない。 cool-cg.com

文字のコピーはレイヤーをコピーしたりできるけど、一番早いのはこれ 【Photoshop】文字のコピーと画像切り取り（複製方法） – All One's Life www.alloneslife-0to1work.jp

ショートカットキーはこちらを活用しています。 キーボードの部分をスクショして、デスクトップの壁紙に設定しています。 helpx.adobe.com

「モックアップ」聞いたことはあるけれど、意味はわからない。 ググってみてやっとわかった！ 要するにイメージ、模型的な感じのことみたい。 完成イメージをクライアントと共有する為のデザインのイメージ、サンプル的なことみたいだ。 cacoo.com こちらで…

40代 派遣の働くお母さんです。 今後を見据えて、自由な働き方で収入アップを目指してWEBデザインを勉強開始しました。 WEBのことはわからないので、自分の備忘録用としてブログを開設。 早朝と隙間時間を見つけて９０日間駆け抜けようと思います！

現在、オンラインのWEBデザインスクールで学習中 学習期間90日間中、5日目。 昨日から初めてフォトショップを触る。 ダウンロードした素材を使って、トレースする。 でも、ダウンロードした素材を開くと、編集できない。なぜ？ こちらで解決した。 uxmilk.jp…