hello
my current projects: Realtime Colors and Stack Sorted
thanks for visiting and feel free to provide feedback
Find Inspiration in Design Elements.
Home Page: https://stacksorted.com
hello
my current projects: Realtime Colors and Stack Sorted
thanks for visiting and feel free to provide feedback
The modal in Stack Sorted currently has a fixed height, which causes images to overflow when their dimensions exceed the modal's dimensions. This results in a poor user experience and hides action buttons.
To address this issue, we should set the CSS property of images within the modal to "overflow: auto" so that they do not overflow from their parent container.
Images within the modal should not overflow from the modal's image area.
The current Stack Sorted website has 4 categories: button, links, grids, custom cursor. However, I feel like there are definitely more categories that could be added as nowadays, there are lots more elements that may look good on websites but don't fit in any of those categories. For example, menus, color & styling, typography, interactivity, visuals, animations, etc.
I probably missed lots of things but I feel like there should definitely be more categories.
Would be useful to a lot of people, maybe a responsive navbar section as well.
I think it'll be pretty cool to make a separate section for elements made in the same design style. Like a codepen set which basically have elements in it which look like the style codepen uses. Or like a glass-style set in which all elements are in a glass style.
Modals appear to be coupled to <Router />
, assumedly so you can share links to elements, e.g.: https://stacksorted.com/grids/apple-iphone-14
.
However, backwards navigation does not relaunch modals, causing the appearance of broken navigation.
Recreation:
/category
.Doing this a number of times with different steps, like opening modals, switching category, opening modals, and trying to 'back' repeatedly, yields somewhat unpredictable results. Even try using the site for a little bit, then clicking down the categories one by one, and then pressing back a few times.
This effect is almost certainly affecting accessibility.
onClick => navigate(abc)
with anchors would not only make the page's html more semantically correct, but it would also make things simpler by moving a lot of logic from the site to the browser itself. (I'll post example).window.location.pathname
.I am not able to access most of the button elements in the sidebar which I think should be scrollable to solve this issue:
I have tried to solve this issue by setting sidebar's max-height
to calc(100vh - 50px)
and making it scrollable. alongside some styling I came to two solutions:
I am no designer. Just tried to do my best. If you approve one of these options please let me open a pull request. Here is my repo if you want to test: https://github.com/AbdullahAleiti/stacksorted.
maybe add a tailwind specific section for UI elements, personally as a web dev tailwind is my lifeblood and id love to see more inspiration on UI elements built with tailwind!!
I've noticed that the CodePen link for an existing component, button-35 is not added, I would like to request an update to the CodePen link for this in the database.
Want some inspiration :)
I have bad UX with scrolling, I mean we have lots of Buttons and more to come and when you scroll up to down and you want to switch sections then you have to scroll again up to top to get navigation section.
Problem is logo is not clearly visible on site it just blends with nav color.
Even on Google search it is not clearly visible, due to only few people uses dark mode and it might visible but majority cannot see your logo.
It's Just my point of view and experience.
Do you still accept submissions?
I ask this because I made one for the resend cube scene https://codepen.io/stranger1586/full/RwvjmdW that I feel (perhaps wrongfully) looks close enough to the original to be accepted, I plan on making even more submissions, but I wont if they are not even going to be reviewed.
I know this isn't really the place to discuss this, but there exists no other forum to discuss such matters.
So I wanted to add a dropdown to the website, but there wasn't any category for it. I don't even know if this is considered 'dropdown' or 'faq section' or something. Here's an example (the plus icon animation is simple but so cool):
This could also include dropdowns in the header section as well. Would be a cool addition. What do you think?
It might be worth considering simplifying the submission method from gh PR -> form on web-page.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.