CSSのマージンとパディング【レイアウトの基本理解を深める】
こんにちは、フローです。 今回は、Webデザインの核心要素、 CSSのマージンとパディングについて解説します。 それぞれの使い方、どのように機能するのかを具体的なコード例とともに詳しく見ていきましょう。 前回の記事はこち…
40代高卒者が未経験のIT転職に成功するためのポイント
こんにちは、フローです。 私がIT転職をして、早3ヶ月ちょっとが過ぎました。 ここで改めて、私が思うポイントや考え方などを書いていきたいと思います。 前回の記事はこちらです。 私の経験と心得 私は40代で製造業からIT業…
40代高卒者がIT転職に成功するためのデザインスキル【レスポンシブ】
こんにちは、フローです。 今回は、レスポンシブデザインについて書いていきたいと思います。 今や必須のデザインスキルになるので是非覚えておきましょう。 前回の記事はこちらです。 1.レスポンシブデザイン ウェブデザインにお…
40代高卒者がIT転職に成功するためのデザインスキル【！important】
こんにちは、フローです。 今回は、CSSで使う”!important”の事を書いていきたいと思います。 前回の記事はこちらです。 CSSの!importantとは CSSの!importantルー…
40代高卒者がIT転職に成功するためのデザインスキル【AIデザイン】
こんにちは、フローです。 今回は、今話題のAIによるWEBデザインについて書いていきたいと思います。 前回の記事はこちらです。 日本のWebデザインのトレンド：2023年版 Webデザインは、常に進化しています。新しいテ…
40代高卒者がIT転職に成功するためのデザインスキル【CSSで中央寄せ】
こんにちは、フローです。 今回は、CSSを使って画像やテキストを中央寄せにする方法を書いていきたいと思います。 前回の記事はこちらです。 CSSで中央寄せにするパターン 画像やテキストを中央に寄せるためには、 いくつかの…
40代高卒者がIT転職に成功するためのデザインスキル【CSSセレクタ】
こんにちは、フローです。 今回は、CSSのセレクタについて書いて行きたいと思います。 前回の記事はこちらです。 CSSのセレクタとは CSS（Cascading Style Sheets）のセレクタは、HTML要素を対象…
40代高卒者がIT転職に成功するためのデザインスキル【border2】
こんにちは、フローです。 今回は、borderの使い方その2って事で書いて行きたいと思います。 borderは色々な場面で使われる要素です。 是非使い方を覚えておきましょう。 前回の記事はこちらです。 borderの使い…
40代高卒者がIT転職に成功するためのデザインスキル【border】
こんにちは、フローです。 今回は、CSSのborder要素について書いていきたいと思います。 borderも必ずと言っていいほど使われる要素なので覚えておきましょう。 前回の記事はこちらです。 borderとは Webデ…
40代高卒者がIT転職に成功するためのデザインスキル【position3】
こんにちは、フローです。 今回は、position要素を使ったパララックスデザインの例を、書いて行きたいと思います。 このパララックスも、よくWEBデザインで使われるので、覚え使えるようになりましょう。 前回の記事はこち…
40代高卒者がIT転職に成功するためのデザインスキル【position2】
こんにちは、フローです。 今回は、CSSのpositionを使った例を書いて行きたいと思います。 relativeとabsoluteを使った簡単な例 以下に、position: relativeとposition: ab…
40代高卒者がIT転職に成功するためのデザインスキル【position】
こんにちは、フローです。 今回は私が1番ハマった、CSSのpositionについて書いていきたいと思います。 このposition要素は、WEB制作をやっていたら絶対に出てくる要素のひとつです。 是非覚えて使えるようにな…
40代高卒者が製造業からIT転職する【変わり種デザイン】
こんにちは、フローです。 今回は、変わり種シリーズで、 WEBページの背景カラーを自由に選べるデザインのコードを書いて行きたいと思います。 変わり種シリーズは、役に立つかはあなた次第のちょっと変わったデザインを紹介して行…
40代高卒者が製造業からIT転職する【デザイン要素解説】
こんにちは、フローです。 今回は、前回書いたデザイン要素のCSSの解説を書いていきたいと思います。 前回の記事はこちらです。 CSS要素の解説 まずは前回のCSS全体を見ていきましょう。 これですね。 この内容を、各要素…
40代高卒者が製造業からIT転職する【デザイン要素】
こんにちは、フローです。 今回は使うかどうかはわかりませんが、 ちょっと変わり種のアニメーションを作っていきたいと思います。 前回の記事はこちらです。 見出しで使える？アニメーション 最近のWEBデザインはとにかく動きの…
40代高卒者が製造業からIT転職する【フェードイン右から】
こんにちは、フローです。 今回もフェードインで遊ぼう〜、って事で書いていきたいと思います。 前回の記事はこちらです。 フェードイン右から 前回は下から出てくるCSSを書きました。 今回は右から出てくるCSSを書いていきま…
40代高卒者が製造業からIT転職する【フェードインのコード】
こんにちは、フローです。 今回は、前回のフェードインアニメーションのCSSと、jQueryの解説をしていきたいと思います。 前回の記事はこちらです。 フェードインのCSS 前回の例では、カードデザインを3つ使用して、 p…
40代高卒者が製造業からIT転職する【フェードイン】
こんにちは、フローです。 今回は、カードデザインが下からふわっと出てくるアニメーションを、 HTML,CSS,jQueryを使用して書いていきましょう。 前回の記事は、こちらです。 ふわっとアニメーション こんな感じです…
40代高卒者が製造業からIT転職する【画像を切り替えよう】
こんにちは、フローです。 今回は、トップ画面の画像などが切替わるやつを書いていきます。 よくありますよね。 前回の記事はこちらです。 画像の切り替え こんな感じです。 画像の代わりに、色で表現しています。 切替わる時間も…
40代高卒者が製造業からIT転職する【jQueryを使おう】
こんにちは、フローです。 今回は、ハンバーガーメニューで使うjQuery（ジェイクエリ）を使用して、 メニューが、開いたり閉じたりする機能を作っていきましょう。 前回の記事はこちらです。 実装してみよう WEBページで、…
最近のコメント