Skip to content

Instantly share code, notes, and snippets.

View ramin-ahmadi's full-sized avatar

Ramin Ahmadi ramin-ahmadi

3 followers · 0 following
View GitHub Profile
@ramin-ahmadi
ramin-ahmadi / button.component.html
Created May 7, 2023 18:13
Storybook button component with variation
<button [disabled]="disabled" [type]="type">
<span *ngIf="iconLeft" class="icon icon-left">{{iconLeft}}</span>
{{label}} <span *ngIf="iconRight" class="icon icon-right">{{iconRight}}</span>
</button>
@ramin-ahmadi
ramin-ahmadi / index.html
Last active June 28, 2018 23:06
WebSockets // source http://jsbin.com/wunamuc
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style id="jsbin-css">
#results{
@ramin-ahmadi
ramin-ahmadi / CSS3 button hover effect no JavaScript!
Created August 1, 2017 12:30
<!DOCTYPE html>
<html>
<head>
<style>
.button{width:200px;height:60px;cursor:pointer;perspective:500px;-webkit-perspective:500px;}
.button .button-box{height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:0.25s;-webkit-transition:0.25s;}
.button:hover .button-box{transform:rotateX(-90deg);}
@ramin-ahmadi
ramin-ahmadi / index.html
Created July 2, 2017 04:54
// source https://jsbin.com/xulaguh
<!DOCTYPE html>
<html>
<head>
<style>
body {margin:0;}
.topmenu {
overflow: hidden;
background-color:black;
}
@ramin-ahmadi
ramin-ahmadi / index.html
Created July 1, 2017 16:15
// source https://jsbin.com/demige
<!doctype html>
<html ng-app="myApp">
<head>
<link rel="stylesheet" href="http://cdn.jsdelivr.net/foundation/4.3.2/css/foundation.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.js"></script>
</head>
<body>
<div ng-controller="CounterController">
<button ng-click="increment()">