【学習記録 Day 18】 ProgateのHTML&CSS中級編修了！ その後、VSCode環境構築完了でローカル開発デビュー ✅position:fixed、z-indexをマスター 次回から、道場レッスンでWebサイト構築開始！！ #プログラミング学習 #未経験エンジニア転職 #HTML #CSS

🎲10/11(土) DJイベントのため、1時間遅れてのクレイジーサタデー #CSS 開催🎲 今回は出た目は…女々しくて➡ソーラン(通称:トリガラス)❣ 夜遅くまでお付き合いいただきありがとうございました #VRCソーラン節部 pic.x.com/qeuWBrXqzZ

🌟Web制作の第一歩を踏み出そう！ HTML & CSSを使って おしゃれなカフェの紹介ページを ゼロから作る方法を学べる講座です✨ 初心者でも安心！ 今すぐチェック👉 fwa-fwa-code.tech/note/11/ #Web制作 #HTML #CSS #プログラミング #初心者歓迎

🌟Web制作の第一歩を踏み出そう！🌟 HTML & CSSを使って、おしゃれなカフェの紹介ページをゼロから作成する方法を学べます。 初心者歓迎！自己表現の場を広げるチャンスです✨ 詳しくはこちら👉 fwa-fwa-code.tech/note/11/ #Web制作 #HTML #CSS #初心者 #ふわふわコード

🌱『HTML/CSSの絵本』は、9つのやさしい扉でWeb制作の世界へ誘うビジュアル入門書。初めてでも読みやすさ抜群です。 amazon.co.jp/dp/4798175838?… #HTML #CSS #初心者向け #本紹介

🚀モダンWeb制作をマスターしよう！ HTML/CSS応用道場では、FlexboxやGrid、アニメーションなど 最新技術を実践的に学べます。 自分のサイトを魅力的にするチャンス✨ 今すぐチェック👉 fwa-fwa-code.tech/html-css2/1/ #Webデザイン #HTML #CSS #プログラミング #ふわふわコード

💻✨モダンなWebサイト制作に必須の技術を学ぼう！ Flexbox, Grid, アニメーションなど、実践的にHTML/CSSの応用を身につけられる講座です。 今すぐチェック！👉 fwa-fwa-code.tech/html-css2/1/ #Web制作 #HTML #CSS #プログラミング #学びの場

画像の拡大機能の使い勝手を修正した！ いい感じ！ #css pic.x.com/v9IcV6ypvm

CSS小技✨ ::beforeと::afterで改行位置を操作！ content:"\A";＋white-space: pre;で 改行したい部分を<span>で囲むと 🔹::before＝前で改行 🔹::after＝後で改行 #Codejump #CSS pic.x.com/kjBVImO0Fy

CSS小技✨ 文字が1文字ずつ浮かび上がるアニメ🎶 JSで文字を <span> に分割して translateY＋rotate() で登場アニメ🎨 背景は linear-gradient()＋background-clip: text 文字ごとに色と方向を変えてカラフルに✨ 最後は letter-spacing を広げて 余韻を残すフィニッシュ😌 #CSS #Codejump pic.x.com/UA3ayh5xCM

#スズリ 登録商品紹介‼ 「body」 White（本館） suzuri.jp/White01 White（別館） suzuri.jp/White02 #suzuri #White #体 #要素 #子要素 #body #html #タグ #英語 #web #デザイン #css pic.x.com/5upqXTfCrv x.com/milk_white0301…

【:where()】特異性ゼロで安全に上書き。ユーティリティCSSの土台に👍 #CSS

223DAY216：ボタンがダサい→一気に垢抜け 👉 色＋文字色＋影で一気にプロ感 たった3行で印象が変わる #Web制作 #フロントエンド #コーディング #駆け出しエンジニアと繋がりたい #codejump #css #cssコードは静かに咲く pic.x.com/izdsPvSW9J

#38 もうブログのタイトルに悩まない。AI提案ツール開発の裏側｜kouta shimada @kouta08151988 note.com/kouta19880815/… #プログラミング #Web制作 #個人開発 #HTML #CSS #JavaScript

📘【未経験28歳の挑戦】 「今が一番若い日」——そう信じて、HTML・CSSの学習をスタートしました。 地方にいても、スキルがあれば全国から仕事を受けられる。 “会社に頼らず生きる力＝稼ぐ力”を育てる第一歩です。 leonardoyuu.com/%e3%80%90%e6%9… #HTML #CSS #Webデザイン #プログラミング初心者

💻✨楽しみながらHTML & CSSを学ぼう！ ポイント形式で基礎が身につく実践型WEB教材です。 初心者でも安心して始められます！ 👉今すぐチェック！ 🔗 fwa-fwa-code.tech/html-css/1/ #HTML #CSS #プログラミング #初心者 #ふわふわコード

🌟HTML/CSS応用道場でモダンなWeb制作を学ぼう！ FlexboxやGrid、アニメーションなど、実践的な技術をマスターして 自分だけの素敵なWebサイトを作成しましょう！ 🔗詳細はこちら→ fwa-fwa-code.tech/html-css2/1/ #Web制作 #HTML #CSS #プログラミング #ふわふわコード

🚀モダンなWebサイトを作るために必須のスキルを身につけよう！📱 「HTML/CSS応用道場」では、FlexboxやGrid、アニメーション技術を実践的に学べます。 初心者でも安心して挑戦できますよ！💻 今すぐチェック👉 fwa-fwa-code.tech/html-css2/1/ #Web制作 #プログラミング #HTML #CSS #ふわふわコード

「Flexbox」と「Grid」どう使い分ける？🤔 🔹Flexbox：一方向のレイアウトに強い 🔹Grid：縦×横の二次元レイアウトに最適 目的に合わせて使い分けることで、 より整ったデザインが簡単に作れます💡 🥷固定ポストのLINEから、学習の第一歩を踏み出そう！ #CSS #Web制作 #フロントエンド pic.x.com/wx9UNu2rb6

CSS小技✨ subgrid未対応でも、.card の中で justify-content: space-between; を使うと 高さが違っても子要素が上下そろって見える！ Grid内でも自然に整列してくれる✨ Grid × Flexの組み合わせが地味に最強💪 #CSS #Codejump pic.x.com/2WK0ZAFDBp

もっとプログラミングを極めたい！そんなお子さまも通っています！ pyton、HTML/CSSなどお子さまの習いたい！という意欲に応えます！ toki-nagano.com/course/advance… #江古田 #プログラミング教室 #練馬区 #python #html #css

【iOS26 Safari の困るところ】 skwbr.net/sample/sizeche… ① windowの上下枠外にフローコンテンツを表示する ② それでいてfixed要素は表示されない (メニュー/ノッチ含めた全面塗りができない?) ③ タブ設定(コンパクト/下/上) で挙動が異なる きっといいやり方あるはず.. #css #フロントエンド pic.x.com/iCDYnJ4boh

widthとheightで、widthを"ワイズ"と言っているWeb担当さんがいて驚愕した！ "ウィドゥス"もちょっとモヤっとするけど、ワイズは斬新だった… #HTML #CSS

CSSフレームワークって、CSSが書けないor抵抗がある人やエンジニア向けなのかな？🙄 昔からCSS触ってきた私なんかは、直に記述した方が楽な気がしてきた…使用するフレームワークが変わる度にまた勉強のし直しだし #css

なんかCSSフレームワーク導入しても楽になんかならないし、結局はその仕様を調べたり、カスタマイズしたり手間が増える一方や🥲 #css

【:has()】親要素セレクタで状態に応じて装飾。JS不要の条件スタイルが増える✨ #CSS

みなさまおはようございます。 今朝5時頃に太平洋岸を通過した #CSS #中国宇宙ステーション #天宮 を名古屋の自宅から望遠鏡🔭で撮影しました。 晴天だったのに木星を撮り終えたら途端に曇り始め…🥴 そろそろ今年の人工天体狂拡大シーズンは終了ですね。 pic.x.com/qzL403ML0r

DAY215：hoverで魅せる！差がつく小技集 👉 色変化・浮き上がり・下線アニメ 👉 たった一行で印象爆上げ #Web制作 #フロントエンド #コーディング #駆け出しエンジニアと繋がりたい #codejump #css #css hover #cssコードは静かに咲く

🌟Web制作の第一歩を踏み出そう！ HTMLとCSSを使って、 あなたのオリジナルカフェ紹介ページを ゼロから作成する方法を学べます✨ 初心者向けだから安心！ 詳しくはこちら➡️ fwa-fwa-code.tech/note/11/ #HTML #CSS #Web制作 #初心者 #ふわふわコード

Day176 学習記録✏️ (Total: 251h21min / Today: 1h30m) 今日の学び💡 sobolon ・ピクパ後のインタラクション実装を完了✨ ・マウスホバー、フォーカス、テキストボックスのoutlineなどを整理 ・忘れないようにNotionにまとめて復習用メモを作成✏️ #Web制作 #CSS #フロントエンド #デイトラ

【#html, #css 】要素をその場で回転させるCSSアニメーション konocode.jp/4196/ pic.x.com/3tq5uODSb5

256timesの模写コーディング Level1-3に取り組んでいます！ 結構難しいですね。。。 まだまだ勉強不足を実感しました🔥 #256times #模写コーディング #プログラミング #HTML #CSS

コーディングぱっと見は酔うけど やりだしたらおもしろい😌🧡 #HTML #CSS #webデザイン勉強中

Glass Motion UI 完全テンプレート – モダンで動くガラスカードデザイン｜hira#副業webデザイン／コーダー @hira34401352 note.com/programan57308… #CSS, #アニメーション, #Webデザイン,#UIデザイン, #ガラスモーション, #Glassmorphism, #フロントエンド, #チートシート, #ポートフォリオ

いまのところ私の関わる案件では、従来のcssのままで良さそう🤔 #WEB制作 #CSS #読んだ 「便利？　それとも混乱？　CSSのif()関数」 ics.media/entry/250919/

CSS小技✨ hoverで文字が複雑に変形＋Gradient Animation🌀 - background-clip:textでグラデーション文字 - conic-gradientで色の切り替え - border-radiusアニメーションで形が変化 Chrome experimental feature corner-shape使用💡 #CSS #Codejump pic.x.com/lMn261y49p

✨HTML & CSS学習道場 基礎編✨ 楽しみながらHTML & CSSを基礎から学べる実践型教材！ 初めての方も安心して取り組めます😊 今すぐチャレンジしてみて！👉fwa-fwa-code.tech/html-css/1/ #プログラミング #HTML #CSS #学ぶ楽しさ #ふわふわコード

🎨 CSSチートシート（装飾＆応用編）公開！ 色・背景・フォント・印刷設定など、 デザインの仕上げに欠かせない設定をまとめました✨ 保存しておくと、案件制作でもきっと便利です💡 もっと知りたい方は固定ポストをチェック！✅ #CSS #Web制作 #デザインTips #忍者CODE pic.x.com/jKa9NfM6Rj

🌐『世界一わかりやすいHTML&CSSコーディングとサイト制作の教科書［改訂2版］』は、初心者にやさしい安心の一冊！ amazon.co.jp/dp/4297125471?… #HTML #CSS #Web制作 #本紹介