Skip to content

Instantly share code, notes, and snippets.

View chibaye's full-sized avatar

chibaye chibaye

View GitHub Profile
@chibaye
chibaye / css-media-queries-cheat-sheet.css
Created May 20, 2020 11:01 — forked from bartholomej/css-media-queries-cheat-sheet.css
CSS Media Query Cheat Sheet (with Foundation)
/*------------------------------------------
Responsive Grid Media Queries - 1280, 1024, 768, 480
1280-1024 - desktop (default grid)
1024-768 - tablet landscape
768-480 - tablet
480-less - phone landscape & smaller
--------------------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) { }
@media all and (min-width: 768px) and (max-width: 1024px) { }
@chibaye
chibaye / simple_scrollbar_hover_effect.css
Created May 15, 2020 19:45 — forked from howar31/simple_scrollbar_hover_effect.css
Neat and clean scrollbar with hover transition effect CSS
// Scrollbar with Hover Transition Effect
.container::-webkit-scrollbar {
width: 14px;
}
.container::-webkit-scrollbar-thumb {
background-clip: content-box;
border: 4px solid transparent;
border-radius: 7px;
box-shadow: inset 0 0 0 10px;
}
@chibaye
chibaye / index.html
Created May 9, 2020 12:50
pure css animated tab switch
<main>
<h1 class="text-center">Tab Switch</h1>
<div class="wrapper">
<div class="taeb-switch left text-center">
<div class="taeb active" taeb-direction="left">List</div><!--
--><div class="taeb" taeb-direction="right">Map</div>
</div>
</div>
</main>
@chibaye
chibaye / index.html
Created May 9, 2020 12:48
Tabs switch animations
<div id="line" class="left">
<div class="circle-right" id="rightHandle"></div>
<div class="circle-left active show" id="leftHandle"></div>
</div>
@chibaye
chibaye / index.html
Created May 9, 2020 12:41
Tabs switch animations
<div id="line" class="left">
<div class="circle-right" id="rightHandle"></div>
<div class="circle-left active show" id="leftHandle"></div>
</div>
@yosukehasumi
yosukehasumi / git-auto-deploy.md
Last active July 25, 2023 20:07
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