おおかわ

ポートフォリオ公開しました #Web制作 #Webコーダー #ポートフォリオ okawa-web.com

@netatank 解約しようと思ってましたがクラウドストレージ5TBに上げられて辞められなくなりました

ジェミニ解約しようかな 結局、チャットGPTが最強なんだよな ってなってきたわ。

ウェブデザイン技能検定2級受かりました！

色彩検定3級に合格しました！

@5OOAaw4wTv22762 ありがとうございます！

ウェブデザイン技能検定3級受かりました‼︎

基本情報技術者試験終わりました。科目Aが570点で科目Bは500届かずでした。またリベンジします！

ITパスポート受かったので次は基本情報技術者目指します！

3. Modifier: ブロックやエレメントのバリエーションを表す修飾子で、アンダースコア2つで繋がる。例：button--large, menu__item--active. 上記のように構成することで、スタイルをモジュール化し、再利用性や保守性を高めることができます。 #CSS

BEMとはCSSの命名規則のことです。 【構成】 1. Block: コンポーネントの独立した単位。例：header, menu, button. 2. Element: ブロック内の構成要素で、ブロックとアンダースコア2つで繋がる。例：header__logo, menu__item.

• element: イベントをリッスンする対象の要素。 • event: リッスンするイベントの種類（例：‘click’, ‘load’,など）。 • function: イベントが発生したときに実行される関数。 #Javascript

イベントリスナーは、特定のイベント（ユーザーがボタンをクリックしたり、ページが読み込まれたりするなど）が発生したときに実行される関数のことです。element.addEventListener('event', function);

CSSでもカスタムプロパティという変数を使用できます。通常:rootセレクタでグローバルに定義します。変数名はダブルハイフンを付けます。『var(変数名)』で呼び出せます。

figureタグとはHTML5から導入された要素です。画像にキャプションを付けたい時に使用されます。子要素にimgタグとfigcaptionタグを置くことで実現できます。figcaptionタグはalt属性とは異なり常に表示され、長い説明文も入れられます。#HTML5

Sassとは、CSSの記述を効率化するツール(CSSプリプロセッサ)の一つです。『$変数名:値;』の形で変数を定義することができます。CSSの値に代入することで呼び出すことができます。 #Sass

◎rem：ルート要素のフォントサイズに対する相対値。ページ全体のフォントサイズに対して統一的にサイズを調整したい時に有効。 #CSS

【抑えておきたいCSSスキル(4/4)】 ■ユニット ◎px：絶対値。ボタンの幅や高さを固定したい時に有効。 ◎%：親要素に対する相対値。コンテナの幅などレスポンシブデザインに有効。 ◎em：親要素のフォントサイズに対する相対値。テキストサイズやパディング等に有効。

【抑えておきたいCSSスキル(3/4)】 ■メディアクエリ 画面サイズや解像度が異なるデバイスそれぞれに異なるCSSを適用する技術のこと。これによりレスポンシブデザインを実現します。 構文：@ media（条件）{スタイル} #CSS

【抑えておきたいCSSスキル(2/4)】 ■CSSアニメーション ◎トランジション transitionプロパティで動きを制御し、擬似クラスに変更後のプロパティを記載することで実現できます。 ◎アニメーション @ keyframesルールを用い、アニメーションの各段階での要素を指定します。 #CSS

【抑えておきたいCSSスキル(1/4)】 ■レイアウト技術 ◎Flexbox "行or列"の一次元配置 アイテムの配置はjustify-contentやalign-itemsで行う ◎CSSグリッド "行and列"の二次元配置 アイテムの配置はgrid-columnやgrid-rowで行う #CSS