#css勉強中 搜尋結果

CSSでmarginとpaddingの違いが理解できた💡 ・margin → 要素の外側の余白 ・padding → 要素の内側の余白 ちゃんと理解するとデザインの再現性が一気に上がる! #Web制作初心者 #CSS勉強中 #学習記録


Progate様の道場初級編。考えながらではあるけれど、少しずつ検討つけて書けている。 ◆本日の収穫 1部例外はspanを使って囲む ◆明日以降の課題 道場つづき #HTML勉強中 #CSS勉強中 #html #css #codejump


本日はCodejump様の入門編 レシピサイトを模写(HTML完成)。 ◆本日の収穫 おおまかな構成は、構成図を確認しながら書けている。 ◆明日以降の課題 classのつけ方がまだいまいちしっくりこない。head部分の必要要素(Titleなど)を落とさない。 #HTML勉強中 #CSS勉強中 #html #css #codejump


Progate様の中級編完了。断片的な説明でも少しずつ書くことに慣れてきたかな? ◆本日の収穫 ボタンを押した時に変化させる activeで指定、box-shadow:none;で影消し、position:relative;で位置動かし。 ◆明日以降の課題 上級編スタート! #HTML勉強中 #CSS勉強中 #html #css #codejump


本日はCodejump様の入門編 フォトブックサイトを模写(完成)。 ◆本日の収穫 HTMLの書き方はなんとなく分かってきた、少しずつレイアウト構成から起こせるようになってきた。 ◆明日以降の課題 CSSの細かいコードは辞書を見ながら。 #HTML勉強中 #CSS勉強中 #html #css #codejump


grid-template-columsってめっちゃ便利じゃん! なんで誰も教えてくれなかったの? #プログラミング初心者 #html勉強中 #css勉強中 #web制作


昨日は写真の日。合間でChatgptに問題を出してもらいつつ。 ◆本日(昨日)の収穫 カード調にするのにborderやbackground-colorのアレンジ ◆明日以降の課題 引き続き写真の日なので、ChatGPTと練習問題を軽く。 #HTML勉強中 #CSS勉強中 #html #css #codejump


カンパニーサイトを作り上げた...難しかった... #CSS勉強中


教材見ながらとかなら理解できるのにいざやろとなるとCSSが全く分からなくてつまづいて悔しくなる(教材では出来たのにって)しかもshopifyブログで少しだけCSSで編集したいだけなのにやりたい内容にならない!くやしい! #css勉強中 #プログラミング勉強中 #コーディング勉強中


Progate様の上級編完了。サクサク書けると楽しいけど、たぶん1からだと一気に分からなくなる。 ◆本日の収穫 レスポンシブデザインは<head>内にviewportを設定する。 崩れるときは空タグ+clear:left;でfloat解除。 ◆明日以降の課題 模写かChatgpt #HTML勉強中 #CSS勉強中 #html #css #codejump


なぜ?やっとポートフォリオがそれらしくなってきたからサーバーにアップロードしたら、動かなくなったり表示が変わったりする。 もちろんアップする前にちゃんと確認もしたのに・・・ #webコーダー #html勉強中 #css勉強中 #web制作 #副業


emとremの違い、 ちゃんと使い分けてる? emは「親要素を基準」、 remは「html要素を基準」。 → デザインの一貫性を出したいときはremが便利◎ #CSS勉強中 #Webデザイン #コーディングのコツ


帰宅後に引き続きProgate様の中級編。出先ではChatgptに問題を出してもらいつつ。 ◆本日の収穫 重ねて表示したいときはposition:absolute;を基準に。 ◆明日以降の課題 中級編続き #HTML勉強中 #CSS勉強中 #html #css #codejump


本日はCodejump様の入門編 プロフィールサイトを模写(HTML全部、CSSはヘッダーまで)。 ◆本日の収穫 リンクの設定(a href=“”) 画像の入れ方(img src=“”) ◆明日以降の課題 wrapperやclassの使い分け方 #HTML勉強中 #CSS勉強中 #html #css #codejump


本日はCodejump様の入門編 フォトブックサイトを模写(HTMLメインまで)。 ◆本日の収穫 なかなか集中できず…。明日以降に備える。 ◆明日以降の課題 引き続き模写して見比べ #HTML勉強中 #CSS勉強中 #html #css #codejump


模写で挫折しかけたが、よく見たらやってなかったレッスンが…。ということで本日Progate様の中級編。 ◆本日の収穫 要素の透明化はopacity 背景のみの透明化はrgba ◆明日以降の課題 中級編続き #HTML勉強中 #CSS勉強中 #html #css #codejump


本日はCodejump様の入門編 プロフィールサイトを模写(CSSメインまで)。 ◆本日の収穫 マウスを置くと変化(hover) 文章を左揃え(text-align:left;) ◆明日以降の課題 引き続き模写して見比べ #HTML勉強中 #CSS勉強中 #html #css #codejump


本日は気分転換がてらChatGPTに問題を出してもらいながらコードを書いてみた。 ◆本日の収穫 HTMLの雛形ができた ◆明日以降の課題 レベル2の問題を出してもらう #HTML勉強中 #CSS勉強中 #html #css #codejump


Progate様の上級編スタート。作ってる感じがしてワクワク復活。 ◆本日の収穫 ブラウザの大きさに合わせる=メディアクエリ=media(条件;つけない){} box-sizing:border-box;で崩れを防ぐ。 ◆明日以降の課題 上級編続き #HTML勉強中 #CSS勉強中 #html #css #codejump


Progate様の道場初級編。考えながらではあるけれど、少しずつ検討つけて書けている。 ◆本日の収穫 1部例外はspanを使って囲む ◆明日以降の課題 道場つづき #HTML勉強中 #CSS勉強中 #html #css #codejump


Progate様の上級編完了。サクサク書けると楽しいけど、たぶん1からだと一気に分からなくなる。 ◆本日の収穫 レスポンシブデザインは<head>内にviewportを設定する。 崩れるときは空タグ+clear:left;でfloat解除。 ◆明日以降の課題 模写かChatgpt #HTML勉強中 #CSS勉強中 #html #css #codejump


Progate様の上級編スタート。作ってる感じがしてワクワク復活。 ◆本日の収穫 ブラウザの大きさに合わせる=メディアクエリ=media(条件;つけない){} box-sizing:border-box;で崩れを防ぐ。 ◆明日以降の課題 上級編続き #HTML勉強中 #CSS勉強中 #html #css #codejump


Progate様の中級編完了。断片的な説明でも少しずつ書くことに慣れてきたかな? ◆本日の収穫 ボタンを押した時に変化させる activeで指定、box-shadow:none;で影消し、position:relative;で位置動かし。 ◆明日以降の課題 上級編スタート! #HTML勉強中 #CSS勉強中 #html #css #codejump


帰宅後に引き続きProgate様の中級編。出先ではChatgptに問題を出してもらいつつ。 ◆本日の収穫 重ねて表示したいときはposition:absolute;を基準に。 ◆明日以降の課題 中級編続き #HTML勉強中 #CSS勉強中 #html #css #codejump


昨日は写真の日。合間でChatgptに問題を出してもらいつつ。 ◆本日(昨日)の収穫 カード調にするのにborderやbackground-colorのアレンジ ◆明日以降の課題 引き続き写真の日なので、ChatGPTと練習問題を軽く。 #HTML勉強中 #CSS勉強中 #html #css #codejump


CSSでmarginとpaddingの違いが理解できた💡 ・margin → 要素の外側の余白 ・padding → 要素の内側の余白 ちゃんと理解するとデザインの再現性が一気に上がる! #Web制作初心者 #CSS勉強中 #学習記録


またまた恥ずかしいんですが、HTMLでもPC用、SP用って分れるんですね😅 こんな事を知れたのもAI様(chatGPT)のおかげです。 AI様のおかげでコーディングが楽しくなってきた😄 #webコーダー #html勉強中 #css勉強中 #web制作 #副業


恥ずかしいんですが、デザインカンプから画像をダウロードするときはpngとjpgどっちでもいいと思ってました😅 画像の背景を見せたい場合はpngなんですね。 #webコーダー #html勉強中 #css勉強中 #web制作 #副業 #朝活 #積み上げ


これはテストです。 portfolio.shinyablog10.com/portfolio2/ ちゃんと料金のところはカードになってる? #webコーダー #html勉強中 #css勉強中 #web制作 #副業


なぜ?やっとポートフォリオがそれらしくなってきたからサーバーにアップロードしたら、動かなくなったり表示が変わったりする。 もちろんアップする前にちゃんと確認もしたのに・・・ #webコーダー #html勉強中 #css勉強中 #web制作 #副業


aタグのところでマウスが矢印から手に変わらなかったら、href=""をいれる。 #webコーダー #html勉強中 #css勉強中 #web制作 #副業


今日の朝活で書いたコードがgithubに反映されていない。 ちゃんとvscode閉じるまえに同期&コミットしたはずなのに・・・ #webコーダー #html勉強中 #css勉強中 #web制作 #副業 #デイトラ #朝活


突然だけど、今月中に10万円以上稼ぐ! 今はデイトラの中級で基礎を復習中! 忘れてたか知らなかったCSSのプロパティが出てくる。 例∶padding-inlineなど #webコーダー #html勉強中 #css勉強中 #web制作 #副業 #デイトラ


Wordpressの勉強してたら、LPの作り方忘れちゃった😅 ヘッダーってどうやって作るんだっけ? #webコーダー #html勉強中 #css勉強中 #web制作 #副業


今日は結局スニペットの書き直ししかなかった😅 スニペット以外にコーディングが時短になるものがありましたら教えて下さい。 #webコーダー #html勉強中 #css勉強中 #web制作 #副業


とりあえずデザインカンプはできるけど、タブレット表示の時が上手くいかないから基礎から学び直し中😅 #webコーダー #html勉強中 #css勉強中 #web制作 #副業


grid-template-columsってめっちゃ便利じゃん! なんで誰も教えてくれなかったの? #プログラミング初心者 #html勉強中 #css勉強中 #web制作


emとremの違い、 ちゃんと使い分けてる? emは「親要素を基準」、 remは「html要素を基準」。 → デザインの一貫性を出したいときはremが便利◎ #CSS勉強中 #Webデザイン #コーディングのコツ


progate 中級編の12まで終わりました。 スライドみながらメモばあってとってる。綺麗に描くのが目的じゃないので殴り書き✏️ あと自分が間違ったところとか。意味あるのかないのかは、まだわからない… #progate #html勉強中 #css勉強中

mina10313's tweet image. progate 中級編の12まで終わりました。
スライドみながらメモばあってとってる。綺麗に描くのが目的じゃないので殴り書き✏️
あと自分が間違ったところとか。意味あるのかないのかは、まだわからない…
#progate #html勉強中 #css勉強中
mina10313's tweet image. progate 中級編の12まで終わりました。
スライドみながらメモばあってとってる。綺麗に描くのが目的じゃないので殴り書き✏️
あと自分が間違ったところとか。意味あるのかないのかは、まだわからない…
#progate #html勉強中 #css勉強中

\今日の進捗/ ① 画像の角を丸めてみた  → style、border-radius ② 要素に枠線をつけてみた  → border-width、border-color、border-style、border-radius #学習記録 #HTML勉強中 #CSS勉強中

gogo_prog's tweet image. \今日の進捗/

① 画像の角を丸めてみた
 → style、border-radius
② 要素に枠線をつけてみた
 → border-width、border-color、border-style、border-radius

#学習記録 #HTML勉強中 #CSS勉強中

\今日の進捗/ ① コピーライト表記の追加  →footer、section ②余白を設定  → padding、margin-bottom ③画像・テキストの中央揃え  → text-align ④背景画像の設定  → background-image 今日も一歩ずつ、できることを増やしていく🚶‍♂️ #学習記録 #HTML勉強中 #CSS勉強中

gogo_prog's tweet image. \今日の進捗/

① コピーライト表記の追加
 →footer、section

②余白を設定
 → padding、margin-bottom

③画像・テキストの中央揃え
 → text-align

④背景画像の設定
 → background-image

今日も一歩ずつ、できることを増やしていく🚶‍♂️

#学習記録 #HTML勉強中 #CSS勉強中

Loading...

Something went wrong.


Something went wrong.


United States Trends