Native Html Details Element Styled Via Css
Implementation of an accordion-like component using only the details/summary native HTML element and CSS for styling. Best results can be seen in Chrome or Blink-based browsers. Firefox and others have decent results as well, but they could be improved creating alternative open/close icons.
Made with: HTML,CSS (SCSS)
Details Modal
By nesting a modal inside a details element it is automaticly shown when the details is opened. And by nesting the overlay inside the summary element, we can use that to trigger a close.
Made with: HTML,CSS (SCSS)
Details Modal
By nesting a modal inside a details element it is automaticly shown when the details is opened. And by nesting the overlay inside the summary element, we can use that to trigger a close.
Made with: HTML,CSS (SCSS)
Stack Game With Three.Js And Cannon.Js
Build a stack of boxes. Boxes are coming in from left and right and you have to click when the incoming box is on top of the previous one. You have to be precise though because the overhanging parts will fall down and the surface you can place boxes on gets smaller and smaller.
Made with: HTML,CSS,JS
Horizontal Card Carousel In React Native
A card carousel allows you to display data in a horizontal swipe view, in the form of cards. Each card has a specific snap position that the user may scroll to, instead of having a free scrolling. This should give a better experience in case the user has to choose between different categories for example.
Made with: JS