おはようございます🕊️ #朝活　5/23・24 　3:30~6:00 ・Udemyコーディング基礎講座　 　・HTML・CSS記述 　・理解度選択式テストクリア🈴 書いたコードがプレビュー表示された時・間違いに気付いた時は気持ちがよかったです🥰 少しではありますが、構成が分かるようになりました⭐️ #webデザイン pic.twitter.com/QAhq3FxuSx

■CSSの「擬似要素」の「::first-letter」と「::first-line」の使用例！ h2 + p::first-line { 　color: pink; } ・「h2」の次にあるような「p」にだけスタイルを当てる ✔本編はこちら！ youtu.be/6mjdOoRAx-w #Web制作 #Webデザイン #プログラミング #駆け出しエンジニアと繋がりたい pic.twitter.com/qzh12fZFf7

✅CRUD機能を作ってみよう ー 記事の表示② #デイトラ #Railsデイトラ データベースに保存された各記事へのリンクを作成。 HTML/CSSだけではできなかったことができるようになっていくのが楽しい😄 Webアプリ開発コース中級編「DAY 10 CRUD機能を作ってみよう ー 記事の表示②」をクリアしました。 pic.twitter.com/1M4lcx3He2

5/24早朝の中国宇宙ステーションCSS💫 アンドロメダ銀河の近くを通りました。 (左上にちょこっと流れてます🥲) 2024.5.24 3:22頃 PENTAX K-3mk3 +DA★200 F3.2 8s×5コマ ISO6400 アストロトレーサー(Type1) pic.twitter.com/0kcvTCKveX

⏳実習時間 3h 🧑‍💻第2回実案件チャレンジ ✅スワイパーの実装 ✅CSSの調整 ↪️ ☑️useセクションのスワイパー この実装にかなり時間を費やしてしまった🫠 が、できたときの感動が半端ない😀✨ まだ先は長いですが、行けるところまで粘ります！ #デイトラ #web制作 #実案件チャレンジ pic.twitter.com/z1szNER7Lw

🛰️CSS 🌕薄曇りでも肉眼で見えた タイムラプス pic.twitter.com/0dsgA9IAMx

学校🏫の課題。 癒しのまさくんとコロちゃん。うちのニャンズ、コッコちゃんフル活用しています。 ネットにアップする関係で商用利用、著作権問題ないものを使うことになっている。 いよいよ、htmlとcssも本格的に。 pic.twitter.com/mYNg6lOrOQ

【Web制作】 朝活学習スタート 4時45分からスタートしてます！ 〜本日の学習内容〜 1冊ですべて身につく HTML&CSSとWebデザイン 入門講座 ・CHAPTER4-4 p182〜 #Web制作 #朝学 pic.twitter.com/ENSae6NXO9

3時プコ起床 ＣＳＳ🛰と飛行機✈のすれ違うところが見られた。エンビサット🛰は雲で見えず。 （南側半分は雲が多い/16℃） #イマソラ #へっぽこ天文部 #ジプコ pic.twitter.com/3GjPiMTtQY

■CSSの「擬似要素」の「::first-letter」と「::first-line」で「利用可能なプロパティ」は限られている！ ・フォント系のプロパティは全般使える。 ・「width」などは使えない。 ✔本編はこちら！ youtu.be/6mjdOoRAx-w #Web制作 #Webデザイン #プログラミング #駆け出しエンジニアと繋がりたい pic.twitter.com/bWHY0wrEPZ

#深夜の2時間DTM 時計をイメージした曲 CSSすごいな難しいけど pic.twitter.com/OQ2Oa0kdJN

#WEB制作 #デイトラコミュニティ 実案件チャレンジ　CSS（7h total:683.5h） 途中ピクバ動かなくなって目視で進めました💦数時間したら直ったのでよかった😂 比較的簡単と思われるところでも沼るので、実力不足を感じていますが、すごく良い経験になってるので期限まで精一杯調べながら頑張ります💪 pic.twitter.com/WGOp5bQsaI

CSS で絵画を描き始めました！！ pic.twitter.com/aUT0QfYxUX

ページ遷移アニメーション作ったよ。 CSSとjQuery(JavaScriptでも可だと思う)だけで実装。 プラグインとか不要。 リンクをジャンプするときは、この背景スライドが終わるまでjQuery側でページ遷移の遅延を入れて、… pic.twitter.com/ALY2eLMzCR

filter: brightness(50%); 最近また知らないCSSを知った。 画像を暗くしたり、 白く飛ばしたり（こっちはしないか） できるってよ。 pic.twitter.com/hBauLX6PFX

活用されているケースは少ないと思うが、私はCSSのmix-blend-modeにWEB表現の可能性を感じている。マスク用のmp4さえ用意できれば、このような表現をJSを使わずに、CSSを1行追加するだけで実装できる。アイデア次第ではいろんな表現が可能になると思う。 #css #Webデザイン pic.twitter.com/ZgFvPrcFhN

#デイトラ　#Web制作 ✅中級編 Day24⑪～Day26⑤まで 余裕ある人向け課題のスライダーも手こずりました😇 左の矢印が思うように配置できなくて時間をかけたんですが、ページネーションと矢印のタグをswiperのdivタグの外に出してみたらあっさり解決👀 cssの方にばかり目が行ってたけど、なるほどー！ pic.twitter.com/Y8LesQwXAJ

マトリックスのあの名場面！ 【弾丸を仰け反ってかわすシーン】をCSSアニメーションで再現しましたー！！！ すっごく気持ちはわかるんですが、ある意味傑作です！！どうかご査収ください！！！w pic.twitter.com/U943DrAc6N

CSS完全に理解し た pic.twitter.com/j7J0OemJx2

中枢性感作症候群（CSSとも言うらしい） css-kenkyuhan.com 啓発ポスターに「頼れる仲間などとの会話や交流」がいいよ！って書いてあるけどまさにそれが最大の課題だからCSSなのさすがに草🌱 pic.twitter.com/gJjMyJHTf3

CSS設計は色々ある事は知っていましたが、しょーごさんの動画でしっくりきました。勉強になります😊 LPやページ数が少ないサイトであれば、 #デイトラ で学んだ通りの名付け方でいいようです。 基本BEMで、使い回せるものはOOCSSの構造と見た目に分けた名付け方。 youtu.be/htzk1k-r-mQ?si…

CSS小技✨ flex box の横並びと縦並び🎶 定番のjustify-contentとalign-itemsが 横並びと縦並びでは機能が反対になる🤔 それだけではないflex: 1も💻 #Codejump #Web制作 #デイトラ pic.twitter.com/3NTyhMMmpV

■CSSの「擬似要素」の「::first-letter」と「::first-line」を使う上での注意点！ ・「display: flex」だと効かない ・「display: grid」でも効かない これらがあります。 ✔本編はプロフィールから！ #Web制作 #Webデザイン #プログラミング #駆け出しエンジニアと繋がりたい pic.twitter.com/yAJEuwuof5

スクロールで背景が変わっていくアニメーション作成。CSSとJavaScriptで実現できたけど、こういうのもGSAP使うとすんなり作れるのだろうか。 （写真は昭和記念公園で適当に撮ったやつ） #Web制作 pic.twitter.com/boW0Ou6axh

RIZAPグループ株式会社3Daysインターンに行ってきました。HTML/CSSを使用したチーム開発を体験しました。RIZAPグループを知る機会にもなり、勉強になりました。 いい経験ありがとうございました！ pic.twitter.com/aDJGcXwKUz

まずはHTMLとCSSの勉強をします！ 皆さんのお力をかしてくださ！ 紹介動画だけでも見ていってください！ リポストしていただけると大変助かります！ 勉強枠　HTML/CSS編 9 【study with me】【とある女性】 youtube.com/watch?v=gY3p9V…

この本とってもいい･･･分かりやすいしストーリー性があって、さくさく進められる。 CSSだけでこういうアニメーション付けれるの知らなかったので、感動✨ #webデザイン #コーディング pic.twitter.com/XqAMj2J5wL

CSS完全に理解した pic.twitter.com/DCfLX1Q6HV

画像バナーの表示をPCとスマホで分ける ファーストビューをPCとスマホで出し分けたいときってありますよね💡 テンプレート機能の「画像バナー」を利用して、設定してきます！カスタムCSSで簡単に設定ができるので、気軽に設定したい方におすすめです👍 #Shopify #ショッピファイ pic.twitter.com/RLtdvwOXak

HTMLとCSSの勉強 JSとRuby、RubyonRailsも勉強予定なので頑張ります pic.twitter.com/YgSBZDvKmP

■CSSの「擬似要素」の「::first-line」は擬似要素の「::before」でつけた文字にも適用される！ p::before { 　content: "ビフォー"; } この「ビフォー」にも適用されます。 ✔本編はプロフィールから！ #Web制作 #Webデザイン #プログラミング #駆け出しエンジニアと繋がりたい pic.twitter.com/hPeadsKK0F

ちかれた......... ホームページのファーストビューの部分しか作ってないのに.........はぁ… （『一冊ですべて身につくHTML＆CSSとWEBデザイン　入門講座』を参考にしてます） #WEBデザイン　#WEBデザイン勉強中　#WEB制作 #WCBカスタマイズチャレンジ pic.twitter.com/713GHU9Kps

🇯🇵2017〜2019年順天🏥frailty22.7% ncbi.nlm.nih.gov/pmc/articles/P… 🚹134名🚺179名 75.7±6歳 BMI22.8±3.6 高齢,🚺,H.pylori除菌成功,PPI,下剤/運動促進薬,骨粗鬆症,低Alb血症,リンパ球⬇️,高CONUT 年齢⬆️OR1.16 PPI OR2.42⬆️ sarcopenia OR7.35⬆️ 低亜鉛🩸OR0.96 高FSSG OR1.08 高CSS OR1.13 frailty有意関連 pic.twitter.com/BpRB3UHOu7

chat GPT-4oと3日間で作ったウェブサイトです。 html、css、jsを作成してくれたので、便利に作ることができました。 #gpt #gpt4o #自動化 #ウェブサイト #ウェブサイト開発 #開発者 #日本開発者 #アニメーション #coding #code #ウェブ開発 pic.twitter.com/nf9u3hzvoN

Dreamweaver CS5ぐらいまで存在した『CSSソースフォーマットオプション』を再現したWEBサービスってないのかな？ 調べてもこんな感じで『１セレクタ１行』で整形してくれるサービスが見つからないんだよね。昔からこの形式で書いてるから不便で仕方がない🤔 pic.twitter.com/tYkTq70Sbi

昨日は眠すぎたのに1時間寝たら朝まで寝れなくなり、使い方忘れていたcssの小技を試して遊び有意義だったが、13時まで寝た。昼夜反転失敗。 パスタ、牛肉入れるとなんとなく色汚いけど、期限切れで食べれそうなの牛肉しかなかった🤔 pic.twitter.com/ypfHsCaTOQ

CSSチョットワカル pic.twitter.com/k30qaY4zbc

今日は ぶり大根🐟 CSSで詰まっているので気分転換🐟 pic.twitter.com/gMlodOTuLl

3. 落書きからコード生成 プロンプト 私が描いた Web ページ レイアウトの HTML および CSS コードを記述します。 pic.twitter.com/fzMAScjdtl