8000 GitHub - Jerliyah/Simple-Sparks: Looks way better over here -->
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Jerliyah/Simple-Sparks

Repository files navigation

:: Simple Sparks ::

Small projects that I think are interesting

I usually stumble upon an image, animation, or experience that leaves an impression - so here are my re-creations of those works



Circle Pulse

demo of circle-pulse project

Features

  • Built with only HTML and CSS
  • A description message for screen readers
  • Looks great regardless of screen size (responsive)
  • Calm gradient design
  • Easy customizations for speed, general size, pulse size, and color (CSS Variables)



Cosmos

My re-creation of this --> Tumblr post

demo of Cosmos project

Feautres

  • Lightweight
  • Easily change scale (CSS variable)
  • Inspires calmness and easy breathing
  • Makes a great screen saver





Windows

Inspired by this --> Web Graphics Experiments webpage

demo of Windows project

Features

  • Looks great regardless of screen size (responsive)
  • Explores writing svg paths
  • Easy to change background gif (src on single img tag)





Three Towers

Inspired by this --> Ssal
Presented by: From Dust to Minimal
Found on: Tumblr

3 Towers Project screenshot. There are three transparent columns, each containing 4 dots where the dots become larger the further down they are in the column, the column in the middle has slightly large dots than those beside it

Features

  • Minimalist





Black Card

Black card demo. The scene is dark, a black card with that says '::J::' (my trademark) in white letters moves from the bottom of the screen to the center. As it moves, a white gradient square fades in a slips just below the card. The view is relatively simple, but what is most striking is that the gradients on the squares create perception that there is a light source

Features

  • Styling creates the perception of a lighted scene





Sparkles Universe

Inspired by the animated show, Steven Universe A background scene of a beach with an outdoor concert setup. A banner hanging from the stage says "beach-a-palooza". Layered on top of this scene are various, semi-transparent, diamond-shaped sparkles. Each sparkle is a different size, although all are relatively small, and they are slowly pulsing in size at random times.

Coming Soon / Baldaŭ / Próximamente / Bientôt disponible

Scrolling Layers

(https://codepen.io/Jerliyah/pen/wvwdxPv)

About

Looks way better over here -->

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0