a-single-div
Sequence
a-single-div | Sequence | |
---|---|---|
25 | 2 | |
1,586 | 3,372 | |
- | - | |
7.9 | 0.0 | |
6 months ago | over 3 years ago | |
Stylus | JavaScript | |
- | GNU General Public License v3.0 or later |
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.
a-single-div
- A Single Div: a CSS drawing project
- Single div: CSS only showcase
- Pure CSS Website
- A Single Div – CSS drawing experiment to see what's possible with a single div
- CSS Arts using only background gradient on a single div element
- CSS drawing (No HTML)
-
I'm genuinely convinced this is impossible. 10 actual working hours and I cannot replicate this in CSS. I'll venmo $15 anybody who can create this in CSS/JS/HTML, where the middle of the "button" will scale depending on how much text there is, but the ends retainscale. Reference SVG in the comments!
I’m reminded of https://a.singlediv.com
-
Launching an Images Website… Without Any Images
Lynn Fisher organizes and promotes this event, aside from her regular Web Designer and Developer job, and has a beautiful collection of single-div CSS drawings that she showcases on her site, A Single Div.
- A Single Div: A CSS Drawing Project by Lynn Fisher
-
Single Div CSS Drawings
Lynn Fisher is the creator of A Single Div (a website with single-element CSS art) and the promoter of Divtober (an October coding challenge to create CSS art with a single div).
Sequence
-
How to pay your rent with your open source project
Interesting find, I took a cursory look at their GitHub[1] and they seem to accept PR from outside but I didn't find any explicit mention of copyright transfer; Perhaps because there's no separate version of sequence.js for commercial use(Just use case differentiation).
[1] https://github.com/IanLunn/Sequence
-
CSS Deep
IanLunn/Sequence - The responsive CSS animation framework for creating unique sliders, presentations, banners, and other step-based applications.
What are some alternatives?
card - :credit_card: make your credit card form better in one line of code
impress.js - It's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com.
nuka-carousel - Small, fast, and accessibility-first React carousel library with an easily customizable UI and behavior to fit your brand and site.
Swiper - Most modern mobile touch slider with hardware accelerated transitions
PageLoadingEffects - Modern ways of revealing new content using SVG animations.
reveal.js - The HTML Presentation Framework
nestflix.fun - A website showcasing nested stories: fictional movies within movies and shows within shows.
slick - the last carousel you'll ever need
qrcode.react - A <QRCode/> component for use with React.
Glide.js - A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more
odometer
ress - 🚿 A modern CSS reset