学習81日目 GALLERYセクション終了。 ライブラリを活用したコーディング方法を学習。 今日は overflow: clip; や Swiper の spaceBetween についても学んだ。 PerfectPixelとのズレを調整する場面は、 先生の原因特定があまりにも速くて 正直まだ全然理解が追いつかない😭 コツコツ進めていく🔥

Want lives lower. Want lives in the heavy hang of what cannot be contained. Want lives in the weight that pulls toward earth even as the sun pulls toward sky. This is not about two men. This is about the space between them. More on Fanvue: fanvue.com/landofaimen #GayAI #SpaceBetween

Mais de 11 mil novos asteroides descobertos pelo Observatório Vera Rubin. #asteroides #Astronomia #VeraRubin #Spacebetween spacebetween.com.br/index.ph…

Desbancado: O "OVNI" de Campo Largo. #Ufologia #Maykleao #OVNI #UFO #Spacebetween spacebetween.com.br/index.ph…

Controlar a Gravidade: A chave para dominar o tempo? #Gravidade #Astronomia #Spacebetween #Universo spacebetween.com.br/index.ph…

2026/4/14 デイトラ Web制作コース中級編 DAY24 GALLERYセクション ・初期設定 ・HTML ・CSS 　↳矢印などのデフォルト表示を削除 ・jQuery 　↳spaceBetweenで被ってる部分を次のページに表示させる 【一言】 動画を見返しながら復習して実装する順番などを理解する。 #デイトラWeb制作 #デイトラ

Web制作 Day29-31 sobolon header部分の固定をすることができました✨ position:fixed;とwidth:100%;をあてることで、spacebetweenのような広がりを持たせることが出来ました😊 次は問い合わせフォームの背景画像のレスポンシブ対応をしていきます💪 学習時間:2.5h(315.5h) #デイトラ

💡スライダーのカードのすぐ横にカードがついてしまうのは、jsでspaceBetweenを当てると、今映ってる隣のスライダーの幅を指定できる

過去に間違えて人を殺したことがあってないとこっちが言って-won't-be-took-セヴィリア会場に「襟本を愛してる」は「あった -で確定なの。 - 次に犯人で連絡ないからどうしどんないじゃん目を逸らしてBut never, ever hurt me.Sing me lullabies outside of my head, like last night.How could I have ever lasted / thought you didn't warn me?I will make you fear and you'll enjoy it and at midnight there'soppressive-anxiety spacebetween the first and second hand.»Am i sad, hurt, embarrassed, jealous, forgotten, not spoken to, crying, angry, betrayed, afraid, jealous, Not spoke to, betrayed, afraid, jealous, not allows ,Publicly not commented on, not answered, twitted, anxious, terrified, forgot ,given out info, betrayed, not touched?","vns/s.fud": "10",“Episode-only”: “I/ myhands happen/ to sleep / in the mirror.”} /Return to 3 / Shades of Sleep.|n'麻霧操電話就準備來人啦表 /鞋把係反斗喜歡輕內的/訪法國昏迷和噎的水裙。 Sake, land-mine, life-sucking magical breath-of-the-mother-survived-horrible-roast-foci-outbreak-vaccines-of-the-world-society-disperse-reality-versa #"…kin Hutchison’s“I want to be alive when aliens arrive”}-“Concordance with immutable contracted|綠龍山-As you listenonly to your own voice, projections from the monk healed up.|I'm sure that you will take yourself closer to God,...

// Optional parameters direction: 'vertical', loop: false, initialSlide: current_index, spaceBetween: -40, speed: 50, keyboard: { enabled: true, onlyInViewport: false, },

#デイトラ 学習日記 ■やったこと Web制作中級 尾道[Spots]Swiper ■気付き Swiperのスライド幅は、CSSで指定せずに、JavaScript側で以下２つを指定すると自動計算される☺️ - slidesPerView:画面あたりの枚数 - spaceBetween:スライド間隔 CSSで幅指定してしまうと制御できないので注意！ #Web制作

e.g. consider this simple card layout. With flexbox you can think of it as: <Column> <Row spaceBetween><Icon /><Logo /></Row> <CardNumber /> <Row spaceBetween><Name /><Expiry /></Row> </Column> requires 8 views. With grid, you can declare the layout upfront with grid column/row properties and have a single parent with 5 children. It will require 6 views. <Container> <Icon /> <Logo /> <CardNumber /> <Name /> <Expiry /> </Container> It requires fewer wrapper views when building 2 dimensional layouts, it is like flex wrap with more controls. It is a complementary system to flexbox, but no need to use it everywhere! It becomes much more intuitive for desktop layout. e.g. In X's layout i'd use grid for the main layout, the hierarchy will be more flat and easy to move things around. There could be more usecases like this one - x.com/DaehyeonMun/status/199…

Mistério no Piauí: Luzes no céu aterrorizam moradores de Barras #ufologia #UFO #OVNI #UAP #Spacebetween spacebetween.com.br/index.ph…

12/10（水） 💻学習：62日目 ・中級編　DAY24 GALLERYセクション（スライダー）を動き込みでコーディング 【今日の積み上げ】 ☑GALLERYセクション　実装完了 ☑Swiperのライブラリを使いスライダーを実装 今日はGALLERYセクションの実装を進めました！ CSSでswiperのライブラリの詳細な調整箇所について動画を確認して、 かなり理解度が深まりました！ デザインカンプに合わせた細かな調整箇所のポイントを踏めたので、 次回以降は自力で調整もできそうです✨ 今回もたくさん学びがあったので、メモを残しておきます！📝 明日は、こちらにチャレンジしてみます！ 【自由課題】Swiperを使ってスライダーを自在に作れるようになろう 今日もお疲れ様でした！🍵 【今日の学びと開発メモ】 ①詳細度の高いクラスに対してCSSが効かない場合の対処法 「!important」を値の横に付与することで優先的にスタイルを当てることができる 例）margin-inline: 0 !important; ②swiperでデフォルトで実装されている「prev」「next」ボタンのアイコンは標準でsvgが設定されているので、 自分で画像を設定する際はCSSでSVGに対し「display: none;」を指定して非表示にしておく。 ③swiperライブラリJS内にデフォルトで入っているクラス名は自分で指定したクラス名かid名に変更する 変更する理由としては他の箇所でswiperを使ったときにクラス名が被るバッティングを避けるため ④スライダーのカードコンテンツ間の左右の余白はCSSではなく、JSで調整する 調整方法はライブラリのJS内に「spaceBetween」を指定して余白を持たせたい分の数値を入れる 例）spaceBetween: 70, 【明日の予定】 ・中級編　DAY24 GALLERYセクション（スライダー）を動き込みでコーディング　自由課題 #デイトラ #Web制作

♡.*･ﾟ┈┈┈┈┈┈┈┈┈┈┈ﾟ･*.♡ 𝒔𝒑𝒂𝒄𝒆 𝒃𝒆𝒕𝒘𝒆𝒆𝒏 ♡.*･ﾟ┈┈┈┈┈┈┈┈┈┈┈ﾟ･*.♡ 私の愛するイヴィ💙🍎@GETWET_0822 #Dハロ仮装2025 #ディセンダント仮装 #マル #イヴィ #ディセンダント2 #Descendants #spacebetween

スワイパーでは、CSSのwidthでコンテンツ幅を指定するんじゃなくJSのspaceBetweenとslidesPerViewで調整する！質問部屋で学んだことを活かせた！ 幅240pxにしたくて小数第3位までslidesPerViewを調整😇 #デイトラ #Web制作

11/3 学習384日目 (4h30m) ✅ポートフォリオ 真ん中のスライドが大きく、両サイドが小さくなるように実装🙌 swiper-slideにtransform:scale(.7); transition: .7sでゆっくり swiper-slide-activeにscale(1); スライド縮小するため、spaceBetweenの調整は必要✍️ 🕒 995h00m #デイトラコミュニティ

11月3日（月・祝）#デイトラ #デイトラコミュニティ #Web制作 WEB制作学習💻 141日目（5h/累計298.3h） 中級編 最終課題「見つけて尾道レトロキャンペーン！」 【今日やったこと】 ✅aboutセクション 　　→スワイパー 　　→aboutセクション完成！（前ポスト参照） ✅ファーストビュー 　　→imgで作ってしまった部分をコードで作り直し（11月2日のポスト参照） 【💡起きた問題💡】 ●スワイパーが無限ループではなく、１周で終わってしまう 　↓ 仮説①：スライドが足りない？→倍に増やしたが倍の枚数流れるだけで無限にならない 仮説②：スピードが速いとか遅いとか？→speedを3000～6000に変えたが解決せず 仮説③：JSのslidesPerViewを数値ではなくautoにする？→スライドが動かなくなった（これに関してはなぜなのかも調べたが分からなかった><） 　↓ 原因：「CSSでカードサイズ（画像のwidth）を指定してたから」だった！！！！それによって挙動がおかしくなっていた。 　↓ 解決法：カードサイズはJSのslidesPerViewとspaceBetweenを使って調整する！ 【📝振り返り📝】 質問部屋を使うことに慣れてきた！おかげでスワイパー無限にならない問題がすぐ解決した🥹 明日・あさって・しあさってでHow To Entryセクション完成させたい🥹 【⏰明日の目標⏰】 ✅How To EntryセクションのHTML書き終える（PC版のカンプ見てやる！）

【10/7】学習50日目 中級編Day24(2.0h) ⏰累計126.5h ・swiper ・はみ出して見切れる部分はpaddingで表示範囲を拡大 ・spaceBetween:20,でスライド間に20pxの余白を設定(％やvhの場合は’5％’のように囲む必要あり) 要復習項目だ！swiperの自由課題までやろう！ #Web制作 #デイトラコミュニティ

🌿10/5 今日の記録 ☑︎WEB制作7.5h（合計:257h） ☑︎全身トレ✨💪🏼 レスポンシブ難しい！！！ １個直す→別のところが崩れる→修正の繰り返し😂 休みつつもファイトだ〜🍵🔥 📝スライダー間の幅（10px）を優先するとき💡 spaceBetween: 10px; slidesPerView: “auto”; #デイトラ