splide
eleventy πβ‘οΈ
Our great sponsors
splide | eleventy πβ‘οΈ | |
---|---|---|
25 | 244 | |
4,633 | 16,213 | |
2.3% | 1.8% | |
0.0 | 9.3 | |
about 2 months ago | 1 day ago | |
TypeScript | JavaScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
splide
- SplideJS β The lightweight, flexible and accessible slider/carousel
-
XHR not loading in Safari on MacOS?
I am initializing a JS library called Splide (v4.1.2) but images donβt seem to load in Safari. I get this error message, which I think has to do with the XMLHttpRequest:
-
Build A Reusable Carousel With React And Splide.js
In this article, you will build a reusable carousel component using React and Splide.Js β a lightweight and versatile slider library.
- Advice on creating an animation like this for my opening page?
-
How to make sliders swipeable, just like instagram carousels ?
Check out Splide Slide. There are a lot of different sliders to choose from. You'll have to know a little about javascript to be able to use it, which can get a little tricky. Timothy Ricks has a couple tutorials on how to implement it. This one in particular.
-
Trying to remember the name of a library...
Maybe this https://splidejs.com/?
-
What is your favourite slider module?
I used https://splidejs.com/ in recent projects.
-
Do developers create carousels from scratch most of the time?
Thoughts on Splide? Itβs also really good & lightweight https://splidejs.com
-
What is this designed called? And how would you make this in tailwindcss? I tried searching carusel, card ,card carusel, scrolling cards etc.
You can easily achieve that with a js package such as https://splidejs.com
-
How do I get different carousels like this?
Slick is a very popular carousel, I use splide but either one would be able to make a slider like that
eleventy πβ‘οΈ
-
Converting BlogCFC blog to Eleventy
This post outlines the steps for migrating an existing BlogCFC blog to a JamStack, with a focus on using Eleventy.
-
Ask HN: What's the simplest static website generator?
I suggest you to try out eleventhy (https://www.11ty.dev/)
Quite simple to start, and a nice system to add some scripting and styles without the requirement of bringing in a framework.
-
Eleventy - Create a global production flag
A production flag enables you to run activities in dev or production such as minifying assets, showing draft posts, etc. There isn't a built-in flag or function that comes with eleventy (11ty) specifically for this. However we have this info at our fingertips.
-
Ask HN: Looking for lightweight personal blogging platform
I can't recommend Eleventy enough!
https://www.11ty.dev
I converted my WordPress blog to Eleventy 4 years ago and never looked back, it's been delightful!
https://www.joshcanhelp.com/taking-wordpress-to-eleventy/
-
Removing React is just weakness leaving your codebase
Itβs 2024, and you are about to start a new project. Do you reach for React, a framework you know and love or do you look at one of the other hot new frameworks like Astro, Enhance, 11ty, SvelteKit or gasp, plain vanilla Web Components?
-
VS Code - Fix a task automation issue - `The terminal process failed to launch (exit code: 127`
The "dev" script is running the eleventy server in dev mode. The details of the script are not important for this discussion, but to round out the background here is an abbreviated version of my package.json:
-
Eleventy vs. Next.js for static site generation
Eleventy is a fast and powerful SSG that really shines when it comes to pure static site generation because it does not require the loading of a client-side JavaScript bundle in order to serve content.
-
You don't need JavaScript for that
The irony is using a JavaScript-based static site generator to make the site: https://www.11ty.dev
-
Why You Should Write Your Own Static Site Generator
https://doublejosh.com/post/186193119278/metalsmithjs-is-sti...
Then two years ago I needed a more robust SSR system based on React, so I went with GatsbyJS. It's insanely mature and intuitive, but as we all know that community and business is now drying up too. But the framework is still great.
Now everyone sings the praises of NextJS, which can be used for SSR but is intended for applications and active server endpoints. But more complexity doesn't mean better.
I'm keen to try other simple frameworks when the result is a static site. I may give https://www.11ty.dev a shot.
-
From Jason: my custom digital garden in 11ty
11ty is a lightweight static site generator. I chopped up my HTML and used the 11ty starter template called eleventy-base-blog as the structural foundation for the site.
What are some alternatives?
Swiper - Most modern mobile touch slider with hardware accelerated transitions
astro - The web framework for content-driven websites. βοΈ Star to support our work!
Glide.js - A dependency-free JavaScript ES6 slider and carousel. Itβs lightweight, flexible and fast. Designed to slide. No less, no more
Hugo - The worldβs fastest framework for building websites.
slick - the last carousel you'll ever need
SvelteKit - web development, streamlined
vanilla-lazyload - LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.
Gatsby - The best React-based framework with performance, scalability and security built in.
Flickity - :leaves: Touch, responsive, flickable carousels
Publii - The most intuitive Static Site CMS designed for SEO-optimized and privacy-focused websites.
Embla Carousel - A lightweight carousel library with fluid motion and great swipe precision.
Grav - Modern, Crazy Fast, Ridiculously Easy and Amazingly Powerful Flat-File CMS powered by PHP, Markdown, Twig, and Symfony