uvacoder Uvacoder

CSS 3D Solar System

Github repo : https://github.com/juliangarnier/3D-CSS-Solar-System Works better in webkit, buggy in FF, flat in IE. Inspired by http://neography.com/experiment/circles/solarsystem/ and http://nicolasgallagher.com/css-pseudo-element-solar-system/demo/ [update] Added some basic responsive styles

A Pen by Uvacoder on CodePen.

css-webring Web Component

A Pen by Uvacoder on CodePen.

License.

[Emoji Added] - A beginner's guide to applying color to UI design

A Pen by Uvacoder on CodePen.

License.

60° Gradient Morphing Blob

A full tutorial on how to create this pen can be found here! https://dev.to/georgedoescode/tutorial-build-a-smooth-animated-blob-using-svg-js-3pne

I made this colorful blob after being inspired by Adam Argyle's https://twitter.com/argyleink/status/1199043350008958976 60 degree gradient trick. The shape is made using Catmull-Rom splines, the movement and color modulation is all based on Simplex noise ✨

A Pen by Uvacoder on CodePen.

License.

css-webring Web Component

A Pen by Uvacoder on CodePen.

License.

CSS Goodies:

Counter: https://100dayscss.com/?dayIndex=31

Gallery v1: https://100dayscss.com/?dayIndex=39

Gallery v2: https://100dayscss.com/?dayIndex=12

Notification: https://100dayscss.com/?dayIndex=25

Bookmarks

Cloud

	import benny from "benny";

	const data = Array.from({ length: 100_000 }, (_, i) => i);

	let r1 = 0;
	let r2 = 0;
	let r3 = 0;
	let r4 = 0;
	let r5 = 0;

	1000001-x 86 56 64 95
	1000002-y 81 67 63 53
	1000003-x 45 46 97 67
	1000004-x 75 68 95 72
	1000005-y 89 54 72 66
	1000006-z 66 70 84 90
	1000007-x 68 76 84 89
	1000008-z 97 62 56 53
	1000009-y 76 48 90 51
	1000010-y 62 67 92 70

	async function getGithubGists() {
	const githubUsername = 'octocat'

	const gists = await fetch(
	`https://api.github.com/users/${githubUsername}/gists`
	)
	const gistsJson = await gists.json()

	const snippets = []