WEBデザインライフスタイル

これまで「ウィンドウスクロール」によってアニメーションをする場合には「Javascript」での制御が主流な方法でした。 画面内に「要素があるか？」などを「Javascript」で検知して「アニメーション処理」を行う必要があるため、「アニメーション制御のプロ...

WEBデザインを学び始めて５か月ほど経ったので、「ポートフォリオサイト」を作ろうと思います。 何をテーマにするのかをずっと考えていて、日本は「卸売業・製造業・建設業」の企業数が多いそうなので、この中から選ぶのが良さそうな気がしています。 【WE...

WEBデザイナーによっては「コーディング」は「デザイン制作より難しい」と感じている人もいるのではないでしょうか。 「CSSプロパティ」もどんどん新しいものが増えていき、何をどう使えばいいのかを考える時間も増えていきます。 今回は「変数」を利用し...

ボタンクリックを行った時に「何かの動作」を行うには「Javascript」などのプログラミング言語が必要になりますが、今回は「CSSのみ」を利用して「ボタンクリック」を行った時に動作を行う方法をお話していきたいと思います。 【チェックボックス】 「chec...

要素に「影」を追加できる「CSSのプロパティ」が「box-shadow」ですが、今回は「box-shadow」を利用して「リングシャドウ」を表現する方法についてご説明をしていきたいと思います。 【シンプルな「リングシャドウ」】 背景が黒に「白いシャドウ」を表現し...

引き続き「Webデザイン」を勉強していて「困っていること」について書いていきたいと思います。 【「WEBデザイン」を勉強したところで・・・】 「WEBデザイン」を勉強したところで困るのは「一番初めのお仕事」ってどうやったら受注できるのかがわからない...

WordPressの「ブロックテーマ」について、前回は「ＨＯＭＥ（ＴＯＰページ）」のデザインを制作し、ブロックテーマを制作していきました。 今回は、「その他のページ」についても作っていきたいと思います。 【投稿一覧ページ】 前回作成した「インテリア...

それでは、「ニューラルフィルター」の効果の続きを見ていきたいと思います。 【調和】 今回は、「人物画像」と「背景画像」の２つを利用していきますが、今回も「Adobe Firefly」を利用して下図の画像を生成しました。 この２つの画像を「Photoshop」に配...

「Photoshop」の「ニューラルフィルター」は「機械学習」を利用した「グラフィックフィルター」で既存の写真にさまざまな効果を加えることができます。 今回は実際に「ニューラルフィルター」を利用しながら、効果を確認していきたいと思います。 全てでは...

今回は「WEBデザインのスキル」を習得してから「どのようにお仕事にしていくのか」についてお話をしていきます。 私の実体験に基づいているので、「誰でも当てはまる」というわけではありませんが、「１つの事例」として見ていただければと思います。 【ポ...