Webデザイン

FigmaでTableを作ります。いろいろ見た結果最初の手順は・・①セルをFrameで作る。これとりあえず自力でやってたら絶対図形の長方形ツールで作ってました。とりあえずth用のセル(Header)と、td用のセルを作ります。フレームの中にテキストを打って、セルっぽい見た目を作ったらそれぞれコンポーネント化しておきます。②コンポーネントセットを作る。①で作ったセルをグループ化＝コンポーネントセットにします。参考サイトではコンポーネントたちをまとめてコンポーネントにする

はちほの成長記録こんばんは、はちほですご訪問いただき、ありがとうございます！副業開始に向けて準備を進めつつ目標達成に向けた日々を綴っています✳︎2025年の目標✳︎ASIANKUNG-FUGENERATIONのライブに行く♬→５/31達成♬マラソン完走する（5時間30分以内）→エントリーは完了した！副業を始める（動画編集・WEB制作）→独学＆スクール勉強中！パン作り極める→壊れちゃったのでオーブン買いたい楽しむ、笑顔を忘れない→挨拶が素

気づいてしまえばなんてことはないんですけれども、ちょっとシャレにならない詐欺メッセージが届いたので共有します。スクリーンショットはコレ。全文はコレ。----------⚠️フェイスブックのサポートメッセージ🔑あなたのページは永久に禁止されます！あなたのページはFacebookのコミュニティ規約に違反しています。もしこの決定が誤りだと思われる場合は、直ちにアカウントを確認してください。確認を完了しないと、24時間以内にページが永久に無効化されま

Figmaでコードを書き出すには開発モード（Devモード）に切り替えねばならぬらしい。画面中央下部メニューの右端。</>を選択。開発モードに切り替えるとメニューも変わりました。初めて切り替えたので案内が出ました。プラットフォームと単位。。CSSはプラットフォームなのか？カラーテーマを選択。システムってなんだよ。（←システムにしたw）デザインモードと開発モードが分かりやすいようにダークにしてみました。後で気づいたことですが、Figma全体がダークモードになりました

『【前編】Figmaでタブを作る（未消化）』適当に打ったテキストを選択してオートレイアウト化（Shift+A）、フレームにする。余白（padding）が作られるので、タブの見た目に調整します。背景…ameblo.jp↑前回の失敗（というか調べた通りに作ったけど思ったほど柔軟性がなかった）を踏まえて、理想のタブコンポーネントを作ってみる回です。テキストをオートレイアウト化してdefafltとactiveの見た目を作るところまでは前回と同じ。前回はタブをひたすらコピペで並べた

適当に打ったテキストを選択してオートレイアウト化（Shift+A）、フレームにする。余白（padding）が作られるので、タブの見た目に調整します。背景色と線をつけて、幅は内包のまま高さは固定値に変更しました。default(選択前)とactive(選択中)の見た目を作って、バリアントにします。Table作った時とさっそくUIが違うー(たぶん何か手順が違ったんだろうが・・)タブのレイアウトにするため、バリアントからコピぺして、インスタンスを並べる。それをオートレ

「広告」アメブロの広告がひどくて無料ブログがもう読めない。と書いたら思った以上に反響があってびっくり。▶︎いよいよ読めないブログが多くなってきた。アクセスも伸びて同じく不快感や読みづらさを感じている人が多いんだなぁとしみじみ感じたよね。私の読者さんは起業家さんが多いんですが無料プランで書いてる方もけっこういるしね〜。パソコンから見た場合の広告想像以上に広告まみれ。特に広告③の「動画広