Skip to content

Instantly share code, notes, and snippets.

View patbi's full-sized avatar
🎯
Focusing

Patrick BIYAGA patbi

🎯
Focusing
12 followers · 9 following
View GitHub Profile
@patbi
patbi / add-to-cart-animation.markdown
Created September 5, 2019 09:29
Add to cart animation
@patbi
patbi / add-to-cart-interaction.markdown
Created September 5, 2019 09:24
Add to cart interaction
@patbi
patbi / index.html
Last active August 14, 2019 07:43
Spotify Artist Page UI
<section class="header">
<!--
<div class="window__actions">
<i class="ion-record red"></i>
<i class="ion-record yellow"></i>
<i class="ion-record green"></i>
</div>
-->
@patbi
patbi / index.html
Created August 14, 2019 07:40
Windows 8 metro UI
<div class="container">
<h1>Start</h1>
<img src="https://graph.facebook.com/freakout.jq/picture?type=small" width="50px" class="prof"/>
<div class="right">
<h2>Martabak</h2>
<p>Gosong</p>
</div>
<div class='spacer'>
<a href="javascript://" class='wide blue'>
@patbi
patbi / api_fetch.md
Last active July 26, 2019 08:11
API FETCH
@patbi
patbi / README.md
Created July 20, 2019 17:10 — forked from addyosmani/README.md
108 byte CSS Layout Debugger

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

@patbi
patbi / index.html
Created June 8, 2019 01:35
Pluralsight Login Clone
<div id="wrapper">
<div id="left">
<div id="signin">
<div class="logo">
<img src="https://image.ibb.co/hW1YHq/login-logo.png" alt="Sluralpright" />
</div>
<form>
<div>
<label>Email or username</label>
<input type="text" class="text-input" />
@patbi
patbi / 1a. simple Angular with route - Firebase_Login.html
Created June 4, 2018 20:54 — forked from DinisCruz-Dev/1a. simple Angular with route - Firebase_Login.html
Creating an AngularJS page with Firebase login
<!doctype html>
<html ng-app="project">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.js" ></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular-route.js"></script>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" >
<script src="app.js"></script>
</head>
<body>