#Splide - Twitter Hashtag

3 months ago

📚学習Log396日目(3.5h) 🔸WP課題スライダー導入。スライダーのスタイルをJSで制御する部分とSCSSでスタイルを当てる部分が整理できておらず、中間サイズで苦しむも色々試して少しだけ理解。時間を溶かしたけどスライダー自体の見せ方によって設定を変える事に気付く。 #コーディング学習 #splide

0

4

0

77

けんた｜Shopifyコーダー @MfJwng

7 months ago

【splide】複数のオプションを設定する時は共有のオプションを設定してから個別に設定できる。参考：https://t.co/SwIK4ntesu https://t.co/mmj8xc7u6E #splide

0

12

0

252

けんた｜Shopifyコーダー @MfJwng

7 months ago

splideでのオリジナル矢印の設置場所✍️ オリジナルの矢印を設置する場合、 .splide__trackの上の階層に設置するのが良さそう🧐 入れ子のスライダーを作るときに下に設置してたら親の矢印が動かなくて、上に設置したら動きました！デフォルトの矢印だと下でも動きました！ #splide https://t.co/hXH8X7fo3f

0

8

0

213

Omi @Omi758

about 1 year ago

自主練：Splide でカード型のスライダーを作ってみた。参考にさせてもらった記事を見た時にこのアニメーションがどういう構造になっているのか知りたくてClaudeに助けてもらってやっと完成…ちょっと楽しかった。これも完全に理解してる訳じゃないので小さなアニメーションの練習を続けたい。 #Splide

0

2

0

124

Omi @Omi758

over 1 year ago

Splide 基本的な設定で初試作。不慣れだけど、色々設定を変えて試してみたい！【今回の設定】 type: "fade", rewind: true, autoplay: true, interval: 2000, cover: true, heightRatio: 0.5, (画像：Adobe Stock) #splide

0

2

0

114

【公式】㈱フレンセル　NS事業部 @Frencel_ns

over 1 year ago

🥩✨ 牛タン好き担当がまたまた登場！✨🥩 今回はアクセシビリティに配慮したスライダーの「#Splide」と、導入例が多く、オプションが豊富な「#Swiper」を徹底検証🛠️🎡 気になる方はぜひこちらから👇 🔗 https://t.co/qzcUrXEeN6 #Web制作 #企業公式相互フォロー #アクセシビリティ

0

14

1

0

248

カリバライ@エスクローで未払い対策

@kari_barai

almost 2 years ago

Splideのサムネイルスライダーで1枚だけの時はサムネイル非表示にしたい場合。そして、複数ある場合は1枚目含め表示。 li:only-child{ 　　display:none; } ※サムネイルのリストにのみ指定 optionもforum探しても見つからなかったけどこれで解決しました。 #フリーランス #コーダー #splide #サムネイル #スライダー #Web制作

0

3

0

94

さわ🌷Shopify✈️ノマド @sawa_WebCoder

about 2 years ago

Splide で無限ループしたらチカチカする問題に直面し困っていたところあんみつさんのポストに助けていただきました🥺✨ ありがとうございます！！ #splide #shopify

あんみつ @Anmitu_design

over 2 years ago

perPageで指定するとチカチカ、is-visibleが大暴れするっぽい！！ fixedWidthで各スライドの幅を指定して表示枚数調整するとよさそう！！(pxでも%でも大丈夫そ🫶)

0

4

0

3

2K

1

15

0

2

1K

さとし_Shopify @satolog_web

almost 3 years ago

#デイトラ【7/23　今日の積み上げ　🕐2h(total:266h)】 ✅#Shopify 案件：#Splide スライダー実装完了！ Shopifyのカスタマイズ画面で作業して、Splideスライダーが表示されず昨日から原因をずっと探ってましたが、まっつんさんのツイートで解決😭ちゃんと表示されました！優良ツイート🥹✨

まっつん

@matsubaratencho

about 3 years ago

Splideスライダーがエディタ編集画面で消えるのが嫌で防ぐ方法まとめました。完璧ではないですが、クライアントさんが操作して違和感がないレベルにはできるかと。あまり記事とか情報なく、微妙な点があることはご了承ください🙇🏼 参考になれば☺ JSコード https://t.co/w1phlYE8Qm #Shopify

matsubaratencho's tweet photo. Splideスライダーがエディタ編集画面で消えるのが嫌で防ぐ方法まとめました。

完璧ではないですが、クライアントさんが操作して違和感がないレベルにはできるかと。

あまり記事とか情報なく、微妙な点があることはご了承ください🙇🏼
参考になれば☺

JSコード
https://t.co/w1phlYE8Qm

#Shopify https://t.co/SJRPbMzux8

4

144

2

28

15K

1

5

0

395

さとし_Shopify @satolog_web

almost 3 years ago

#デイトラコミュニティ【7/22　今日の積み上げ　🕐5h(total:264h)】 ✅#Shopify案件：オリジナルスライドショー実装途中初めて #Splide で実装！ Web制作的には表現できて、左右のスライドが見切れる形で自動再生にできました▶️ ただし、Shopifyでは表示できませんでした😭原因探索中💦CDNかな🤔

0

18

0

506

けんじ@鳥海山近くでWeb制作 @tyoukaisan_fuji

about 3 years ago

#今日の積み上げ #irocode レベル２ #6 スライドショーを行う。#Splide（スプライド）を初めて使いました。 #Web制作 #cocomate デイリーミッションを初めて提出しませんでした。

0

14

1

0

401

まちたけ | 長崎のShopify屋さん

@machitake__

about 3 years ago

久々沼りました。。😂 サイト読み込み時のみ右にずれる事象が出てて transition: all .3s; ↓ transition: opacity .3s; これで解決しました！脳死でallするのは気をつけます😅🙏 午前中遅れたタスクは午後に取り返します！！ #Splide #最近はSplideと格闘してますw

machitake__'s tweet photo. 久々沼りました。。😂
サイト読み込み時のみ右にずれる事象が出てて

transition: all .3s;
↓
transition: opacity .3s;

これで解決しました！
脳死でallするのは気をつけます😅🙏

午前中遅れたタスクは午後に取り返します！！

#Splide
#最近はSplideと格闘してますw https://t.co/v6nojGQIcP

2

30

1

3

2K

まちたけ | 長崎のShopify屋さん

@machitake__

about 3 years ago

【サークルアニメーション】ページネーションに動きをつけてみました！ググっても情報がなかったので自力で実装😎！初めはcssアニメーションでやってたけど色々と挙動がイマイチだったのでイベントを使いました！ライブラリが日本語は本当にありがたい🙏 #Splide #Shopify

2

28

0

4

1K

ともはつ⚓️ Shopify | Web制作|コーディング @tomohatsuchi86

about 3 years ago

こちらを参考に組み込んだら、Splideスライダーがエディタ編集画面で消える現象がなく、ストレスなく設定できるようになりました！すごすぎ！どうやってたどり着くのか全然分からんww #shopify #liquid #splide

まっつん

@matsubaratencho

about 3 years ago

Splideスライダーがエディタ編集画面で消えるのが嫌で防ぐ方法まとめました。完璧ではないですが、クライアントさんが操作して違和感がないレベルにはできるかと。あまり記事とか情報なく、微妙な点があることはご了承ください🙇🏼 参考になれば☺ JSコード https://t.co/w1phlYE8Qm #Shopify

4

144

2

28

15K

1

3

0

653

まちたけ | 長崎のShopify屋さん

@machitake__

about 3 years ago

幅の制御にはSplide のOverflow使ってます！！情報少ないけどライブラリが日本語だから意外と複雑なことも簡単にできます🤭 swiperよりも使いやすい気がします！ #Splide

1

2

0

298

まちたけ | 長崎のShopify屋さん

@machitake__

about 3 years ago

splideとだいぶん仲良くなれた気がする😊 ライブラリが日本語ってのはほんととっつきやすい！これからは使う頻度が増えそうです！！ padding: { left: 24, right: 0 }, 直接cssを当てるとうまく行きませんが上記オプションだといい感じに左だけ余白ができます！ #Shopify #デイトラ #splide

$machitake__'s tweet photo. splideとだいぶん仲良くなれた気がする😊 ライブラリが日本語ってのはほんととっつきやすい！これからは使う頻度が増えそうです！！ padding: { left: 24, right: 0 }, 直接cssを当てるとうまく行きませんが上記オプションだといい感じに左だけ余白ができます！ #Shopify #デイトラ #splide https://t.co/mGyZDKj57W$

0

24

0

1

749

たくや@WEB制作G-conure🦜HP作ります！ @g_conure

about 3 years ago

#デイトラ今夜は中級編DAY24「スクロールに応じて要素を「フワッ」と登場させる」を完了。まあこれは楽しくすぐ終わりましたので、昨日から気に入っていた #splide も試してみました。で、2hほど。 #swiper より調整が楽なような？スライダーそのものに慣れたのか？ #Web制作 #リスキリング

0

9

0

240

DAD UNION エンジニア同盟 @dad_union_com

over 3 years ago

Splide.jsを使ってスワイプやタップに対応したスライダーを表示する方法 https://t.co/CLa4jZT5Tg #splide #javascript #画像スライダー #JavaScriptplugin #プログラミング勉強中 #ブログ更新 #ブログ #blog #blogpost #ブロガー #blogger #html5 #CSS3 #Web制作 #webdeveloper #スライダープラグイン

0

5

0

151

かるび @jookalubi24

over 3 years ago

この前Splideの実装で調べたので記事にしてみました👐 Splideでスライドが1枚だけのときはarrowsをfalseにしてスライドできなくする方法（ブレイクポイント非考慮の場合）｜上かるび https://t.co/31aMLZmhge #zenn #Splide

0

6

0

1

0

りょーすけ@Webアニメーション🦸‍♂️GSAPの申し子

@e__WebAnimation

almost 4 years ago

Splide初めて使ったんですけどめちゃめちゃ動き滑らか👀 スベスベ動く上にサイズが29KBなので簡単なスライダー実装する時におすすめですね！✨ ドキュメント https://t.co/Wz3SfRloCC 解説記事 https://t.co/bGDkK0DIxp #Splide #JavaScript #codolife

3

21

4

8

0

Top Tweets for #Splide

Last Seen Hashtags on Sotwe

Trends for you

Most Popular Users