nowfound

Dev tools · January 23, 2017

Significa CSS-only slider

Create a CSS only slider without Javascript

Significa CSS-only slider launched on January 23, 2017 with 7 votes, #1,837 of 3,670 launches that month. The site was still online in September 2026, 9 years on.

What it does

Learn to build a responsive, CSS-only card slider with no JavaScript. Use radio buttons and SCSS loops to improve performance and cross-browser compatibility.

Today I’d like to guide you on how to create a responsive card slider using CSS and HTML only – not a single JavaScript line! On this tutorial we’ll make use of radio buttons to achieve a fully-working CSS-only slider. You can check the demo here: https://significa.github.io/css-only-slider/ And access the source code here: https://github.com/Significa/css-only-slider/ This is a step-by-step tutorial for anyone with a reasonable amount of knowledge of HTML and SCSS. If you don’t want to do it step by step, scroll faster! Plus, I’ll be using BEM– if you’re not familiar with how BEM should be written, take a look at this: https://getbem.com/introduction . Ok, ready to go! First of all, let’s…from significa.co

Does a similar job

all alternatives →

More dev tools this month

the category →
  • Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

    Dev tools · 1d ago · github.com

  • /dev/null▲492

    a social network for devs

    Dev tools · 5d ago · dev-null.sh

  • open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 29d ago · github.com

  • Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 27d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 25d ago · openbot.run

  • Talanoa▲346

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 22d ago · talanoa.email

Source: Product Hunt launch ↗

Launched alongside, January 2017

the whole month →