Skip to content

Instantly share code, notes, and snippets.

@SH20RAJ
SH20RAJ / asignuploginform.html
Last active October 31, 2020 07:12
Weekly Coding Challenge #1 - Double slider Sign in/up Form - Desktop Only
<h2>Weekly Coding Challenge #1: Sign in/up Form</h2>
<div class="container" id="container">
<div class="form-container sign-up-container">
<form action="#">
<h1>Create Account</h1>
<div class="social-container">
<a href="#" class="social"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social"><i class="fab fa-google-plus-g"></i></a>
<a href="#" class="social"><i class="fab fa-linkedin-in"></i></a>
</div>
@SH20RAJ
SH20RAJ / a-the-last-experience.markdown
Last active November 2, 2020 04:51
The Last Experience

The Last Experience

It appeared that the robots were dancing in perfect synchronous harmony. That is, until something unexplained happened and drove them to break apart.

A Pen by Gerard Ferrandez on CodePen.

License.

@SH20RAJ
SH20RAJ / a-bubble-layout.markdown
Last active November 2, 2020 02:06
·•● Bubble • Layout ●•·

·•● Bubble • Layout ●•·

This is the second demo for my motion graphics library mo·js with v0.119.0.

My intention was to create a gallery of demos. Each bubble should have an icon to make the ability to interact with it obvious. Also content for each bubble should represent some project and not to be the dummy placeholder.

Thanks for watching! :D

git repo for this demo: https://github.com/legomushroom/port git repo for mo·js library: https://github.com/legomushroom/mojs

@SH20RAJ
SH20RAJ / a-pure-css-gradient-background-animation.markdown
Last active October 31, 2020 07:19
Pure CSS Gradient Background Animation
@SH20RAJ
SH20RAJ / index.pug
Created October 31, 2020 07:27
Pure CSS Tic-tac-toe
.tic-tac-toe
- for (var turn = 1; turn <= 9; turn++)
- for (var row = 1; row <= 3; row++)
- for (var column = 1; column <= 3; column++)
- var player = "1"
- var positionHorizontal = ""
- var positionVertical = ""
- var positionDiagonal = ""
if( turn % 2 == 0 )
@SH20RAJ
SH20RAJ / css-3d-football-field.markdown
Created October 31, 2020 07:30
CSS 3D Football Field

CSS 3D Football Field

Experimental football field rendered with CSS 3D transforms and using Velocity JS to handle animation.

A Pen by SH20RAJ on CodePen.

License.

@SH20RAJ
SH20RAJ / A Side Sliding Menu CSS.sh20raj
Last active October 31, 2020 07:34
Side Sliding Menu CSS
SH20RAJ
@SH20RAJ
SH20RAJ / a-pull-menu-menu-interaction-concept.markdown
Last active October 31, 2020 07:39
Pull Menu - Menu Interaction Concept

Pull Menu - Menu Interaction Concept

Just pull down and release to jump between pages.

A Pen by SH20RAJ on CodePen.

License.

@SH20RAJ
SH20RAJ / index.html
Created October 31, 2020 09:29
RESPONSIVE MATERIAL DESIGN CONTACT FORM
<h1> Responsive Material Design Form
<small>Material Design delivers a cleaner and flatter user interface</small>
</h1>
<section class="contact-wrap">
<form action="" class="contact-form">
<div class="col-sm-6">
<div class="input-block">
<label for="">First Name</label>
<input type="text" class="form-control">
</div>