Skip to content

Instantly share code, notes, and snippets.

View chibaye's full-sized avatar

chibaye chibaye

View GitHub Profile
@chibaye
chibaye / awesome-input-focus-effects.markdown
Created July 18, 2019 09:24
Awesome input focus effects
@chibaye
chibaye / animated-progress-bar.markdown
Created July 19, 2019 17:03
Animated Progress Bar
@chibaye
chibaye / index.html
Created July 20, 2019 11:56
Pure CSS Header Menu
<nav class="nav">
<input type="checkbox" class="nav__cb" id="menu-cb"/>
<div class="nav__content">
<ul class="nav__items">
<li class="nav__item">
<span class="nav__item-text">
Home
</span>
</li>
<li class="nav__item">
@chibaye
chibaye / script.babel
Created July 24, 2019 10:25
ThreeJS Canvas Particle Waves
// GO HERE => https://github.com/mrdoob/three.js/blob/master/examples/canvas_particles_waves.html
const SEPARATION = 100, AMOUNTX = 50, AMOUNTY = 50;
let container, stats;
let camera, scene, renderer;
let particles, particle, count = 0;
let mouseX = 0, mouseY = 0;
let windowHalfX = window.innerWidth / 2;
let windowHalfY = window.innerHeight / 2;
@chibaye
chibaye / git-auto-deploy.md
Created August 30, 2019 14:07 — forked from yosukehasumi/git-auto-deploy.md
Setting Up Git-Auto-Deploy on Digital Ocean

Install software-properties-common

sudo apt-get install software-properties-common

Add Repo

sudo add-apt-repository ppa:olipo186/git-auto-deploy
@chibaye
chibaye / app.js
Created December 16, 2019 00:30 — forked from dskanth/app.js
Server file for Private chat using node.js and socket.io
var app = require('express').createServer()
var io = require('socket.io').listen(app);
var fs = require('fs');
app.listen(8008);
// routing
app.get('/', function (req, res) {
res.sendfile(__dirname + '/chat.html');
});
@chibaye
chibaye / crop-image-on-pure-vanilla-js.markdown
Created December 16, 2019 14:23
Crop Image on Pure (vanilla) JS

Crop Image on Pure (vanilla) JS

Используйте изображение на собственном хостинге чтобы заработал Crop

A Pen by Denis Baskovsky on CodePen.

License.

@chibaye
chibaye / index.html
Created December 18, 2019 12:14
Table concept
<div class="container">
<div class="row row--top-40">
<div class="col-md-12">
<h2 class="row__title">Employees (7)</h2>
</div>
</div>
<div class="row row--top-20">
<div class="col-md-12">
<div class="table-container">
<table class="table">
@chibaye
chibaye / connect.js
Created December 30, 2019 13:00 — forked from gaearon/connect.js
connect.js explained
// connect() is a function that injects Redux-related props into your component.
// You can inject data and callbacks that change that data by dispatching actions.
function connect(mapStateToProps, mapDispatchToProps) {
// It lets us inject component as the last step so people can use it as a decorator.
// Generally you don't need to worry about it.
return function (WrappedComponent) {
// It returns a component
return class extends React.Component {
render() {
return (
@chibaye
chibaye / next_nginx.md
Created January 2, 2020 19:34 — forked from kocisov/next_nginx.md
How to setup next.js app on nginx with letsencrypt

How to setup next.js app on nginx with letsencrypt

next.js, nginx, reverse-proxy, ssl

1. Install nginx and letsencrypt

$ sudo apt-get update
$ sudo apt-get install nginx letsencrypt

Also enable nginx in ufw