☘️活動予定☘️ ○制作会社勤務 ○案件Gコーディング 今回の案件ですが、勉強になるコーディング方法が盛りだくさん。 実務で受け取る経験値は無限大ですね😎 明日から5月ですが、企画も盛りだくさんなのでこちらにメモ…📝 ○#CodePro 交流会 初めての1期生交流会、とても楽しみです🥹❣️ ○Life Grab…

#今日の積み上げ #CodePro 第3回 指摘された箇所を修正しました。 曲線の区切り background-image: url("../../images/back-ground.jpg"); background-repeat: no-repeat; background-size: cover; background-position: centerからtopに変更しました; #irocode #Web制作

#4月27日(活動438日目) おはようございます☔ 🌱to do 📝案件４ ┗クライアント確認中 📝案件３ ┗コーディング続き 📝#CodePro　ライブコーディング ┗今回で最後になります🥲 📝ポートフォリオ作成 📝学びをまとめる 今日も頑張ります🙋🏻‍♀️ 皆様にとって良い１日になりますように💐

#今日の積み上げ (4/22 昨日の積み上げ)#CodePro 第３回リキッドレイアウトでないので、font-size:min(○○vw,○○px),やclamp(○○px,○○vw,○○px);を使った。margin-top:max(○○vw,○○px);などを使った。 #irocode #Web制作

もりさんから 生きたコーディングと営業の知識を たくさん教えてもらいましたー！ あとはどう自分が動くか、だよなぁ #CodePro

#今日の積み上げ #CodePro 第３回 320pxでロゴとタイトルが重なるので、苦肉の策で作りました。 @media screen and (max-width: 680px) { @media screen and (max-width: 360px) { .p-header__title { margin-left: -88px; } } } #irocode #Web制作

#今日の積み上げ #CodePro 第３回 Contact Form7の所をサーバーに上げて送信することを確認しました。 <input type="tel">にしていなかったので、placeholderの色が指定通りになりませんでした。 #irocode #Web制作

#今日の積み上げ #CodePro 第３回 Contact Form7の所をサーバーに上げて送信することを確認しました。 <input type="tel">にしていなかったので、placeholderの色が指定通りになりませんでした。 #irocode #Web制作

#CodePro ライブコーディング参加☘️ 第6回目課題 sec2 パン屋さん🥖 "FlowerCraft Bakery" もりさん(@MoRi_Coding )のライブコーディングに参加しました👀 残すところ来週の後1回…。めちゃくちゃ寂しいんですけど‼︎🤣 最後までしっかり勉強させていただきます🍞… pic.twitter.com/oVvUwiK5Bs

#4月20日(活動432日目) 🌱to do 📝#CodePro　ライブコーディング視聴 📝案件４ ┗コーディング 念願のトリプルディスプレイにしたのに、なぜが動きが遅い… どうもPhotoshopと相性が悪いのか画面一つ減らして作業したら早いこと早いと😂 今回の案件はダブルディスプレイで頑張ります😂…

#今日の積み上げ #CodePro 第２回の修正箇所を修正しました。第３回 Contact Form7の所を #irocode の動画を見ながら作成しました。送信がSendになっています。 #Web制作

#今日の積み上げ #CodePro 第３回 Headerのスクロール時に小さくなる仕様に変更しました。 WiFiルーターが届いたので設置しましたが、スピードが出なくキャンセルです。 #irocode WordPress講座のContact Form7の所を復習しました。 #Web制作

#今日の積み上げ #CodePro 第３回パーフェクトピクセルを終わらせ、崩れがないことを確認した。Contact Form7を始めるが動画で確認したら、Headerのスクロール時に小さくなる仕様だった。 #irocode #Web制作

#今日の積み上げ #CodePro 第３回SPのパーフェクトピクセルを行う。SPで追従ボタン(下部設置)を作って、フッター手前で止まるようにした。 gorigoricode.com/pagetop-stop/ #irocode #Web制作

#今日の積み上げ #CodePro 第３回パーフェクトピクセルを行う。PCでは電話をかけないようにした。cursor:pointer;をpointer-events: none;にしました。 #irocode #Web制作

#4月14日15日(活動425〜426日) 🌱活動報告 📝案件３初稿提出 📝#irocode　勉強会 📝#CodePro ライブコーディング 📝両日歯医者🦷 なんだかんだでポストするの遅くなりましたー。 動いてはいます😁

#今日の積み上げ #CodePro 第３回SPのドロワーメニューを行う。jQueryが読み込まれなかったので、functions.phpで読み込んだ。 #irocode #Web制作

#今日の積み上げ #CodePro 第３回SPの320pxから680pxのレスポンシブ対応を確認する。リキッドレイアウトでないので、時間がかかりました。 ドロワーメニューを行う #irocode console.logとvar_dumpの使い方セミナーを受けました #Web制作

#今日の積み上げ #CodePro 第３回SPのfooterを行う。 320pxから680pxのレスポンシブ対応を確認する。ドロワーメニューが360pxではみ出てくるので、transform: translateX(110%);にした。bodyにoverflow-x: hidden;を当てていますが、360pxになるとはみ出しがでます #irocode #Web制作

#今日の積み上げ #CodePro 第３回SPを行う。contactフォームまで終わりました。送信確認はしていません。Footerが終わり次第、動画でContact form7で送信するか確認します。レスポンシブ対応も確認していないので確認します。 #irocode #Web制作

#今日の積み上げ #CodePro 第３回SPを行う。曲線のセクション区切りが上手くいかずHTMLから作り直し .box { border-top-left-radius: 50%; border-top-right-radius: 50%; margin-left: -○px; margin-right: -○px; padding-left: ○px; padding-right: ○px } #irocode #Web制作

#今日の積み上げ(昨日の積み上げ4/9) #CodePro 第３回SP版を行う。モニタを買わないと時短にならない。中古のWindowsノートPCは何故かマウスが使えない。 #ノマド大学 STUDIOにて有料版でコード編集ができることを知る #irocode #Web制作

#今日の積み上げ(昨日の積み上げ4/8) #CodePro 第３回SP版を行う。align-items: center; にしても真ん中に行かない。margin-top:○○px;を使って取り敢えず真ん中にする。原因わからず #irocode #Web制作

#今日の積み上げ #CodePro 第３回 原因不明の横スクロールがなぜか直りました。パーフェクトピクセルを行いました。前に画像が粗くなる原因は、通信速度が遅いためでした。４Gテザリングでも10M/bpsしか出ていませんでした。 #irocode #Web制作

#今日の積み上げ #CodePro 第３回 原因不明の横スクロールが発生します。body { min-width: 1440px }; だけでリキッドレイアウトになります。SP版を始める。 #irocode #Web制作

🌼活動記録🌼 ○制作会社勤務　8h ○案件F 初稿提出 ○案件G (LP案件)お見積り 以前納品させていただきましたクライアント様から継続でLP案件のご相談をいただきました☺️✨継続でお仕事いただけるのはとても嬉しいです🌸 これも、#CodePro でお世話になってるもりさん(@MoRi_Coding…

#今日の積み上げ #CodePro Footerを作ってPCは終わりました。最近、原因不明の横スクロールが発生します。htmlとbodyにoverflow-x:hidden;を当てているのに生じます。outline:1px solide red;や要素の削除してもはみ出部分はないようです。なぜか直ります。 #irocode #Web制作

#今日の積み上げ (4/4昨日) #CodePro 第３回 入力フォームを完成させる。 <label for="hoge">お名前：</label> <input id="hoge" type="text" name="your_name"> チェックボックス input[type="checkbox"] { } input[type="checkbox"]:checked:before { } #irocode #Web制作

#今日の積み上げ　#CodePro 第３回　入力フォームを行う。#irocode で作ったコードをコピペしたが、色々クラスがあって上手くいっていません。忘れています。 #Web制作

🌼活動記録🌼 ゆき(@yukiMUM22 )さんのスペースに参加させていただきながら朝活☘️朝の時間に作業出来ると気持ちが良いですね🥰じゅんぺいさん(@junpei_sugiyama )との海外のお話も楽しかったです✨ #CodePro ポートフォリオ☘️ 美容院“UNLOCK”✨ スタイリッシュでエレガントなデザインで素敵です❣️… pic.twitter.com/79O8zZg5vU

#今日の積み上げ #CodePro 第３回歯科医院を行う。 Feature,Infomation,Accessセクションを行う。 交互に表示するために、偶数だけを反転させました。 .flex-item:nth-child(even){ flex-direction: row-reverse; } #irocode #Web制作

#今日の積み上げ #CodePro 第３回歯科医院を行う。 NEWS,ABOUT,Featureセクションを行う。 何故かボタンの文字が下にズレるので、display: flex;を使う。 .c-btn__btn { display: flex; justify-content: center; align-items: center; padding: 8px 10px 9px 10px; ... } #irocode #Web制作