Skip to content

Instantly share code, notes, and snippets.

CodeMyUI CodeMyUI

View GitHub Profile
View css-particle-effects.markdown

CSS Particle Effects

Using JavaScript to generate the particles but leaving the motions to CSS.

Open to suggestions.

A Pen by Zed Dash on CodePen.

License.

View css-particle-effects.markdown

CSS Particle Effects

Using JavaScript to generate the particles but leaving the motions to CSS.

Open to suggestions.

A Pen by Zed Dash on CodePen.

License.

@CodeMyUI
CodeMyUI / index.html
Last active Jul 29, 2020
Switchers (Checkboxes)
View index.html
<span class="switcher switcher-1">
<input type="checkbox" id="switcher-1">
<label for="switcher-1"></label>
</span>
<span class="switcher switcher-2">
<input type="checkbox" id="switcher-2">
<label for="switcher-2"></label>
</span>
@CodeMyUI
CodeMyUI / index.html
Last active Jul 29, 2020
Neumorphic Toggle
View index.html
<label class="label">
<div class="toggle">
<input class="toggle-state" type="checkbox" name="check" value="check" />
<div class="indicator"></div>
</div>
<div class="label-text">no more emails plz</div>
</label>
@CodeMyUI
CodeMyUI / index.html
Last active Jul 29, 2020
Light Bulb Toggle Switch
View index.html
<main>
<input class="l" type="checkbox">
</main>
@CodeMyUI
CodeMyUI / index.haml
Last active Jul 28, 2020
Interactive Customer Feedback Form (For a pet store)
View index.haml
.loader
.loader_inner
%img.pawone{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/paw1.png'}
%img.pawtwo{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/l1.png'}
%img.pawone{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/paw2.png'}
%img.pawtwo{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/l2.png'}
%img.pawone{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/paw1.png'}
%img.pawtwo{:src => 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/217233/l3.png'}
.div Loading feedback form...
.tut
View agency-website-poc.markdown

Agency website POC

A concept that was rejected by the client. Serves as a demo only and not to be put into production. Not responsive as just a POC

No likey. No lighty

A Pen by Jamie Coulter on CodePen.

License.

@CodeMyUI
CodeMyUI / index.html
Last active Jul 28, 2020
Raining with Lightning
View index.html
<html><head>
<title>Raining with Thunder</title>
</head><body onresize='_pexresize()'>
<canvas id='canvas' width='1280' height='720'></canvas>
</body></html>
You can’t perform that action at this time.