Skip to content

Instantly share code, notes, and snippets.

View charliekhc's full-sized avatar

Charlie charliekhc

0 followers · 2 following
View GitHub Profile
@charliekhc
charliekhc / index.html
Last active October 18, 2017 12:06
Photo Wall - Grid Layout for Photos
<div class="wall" rows="2" columns="3">
<div class="slide">
<div class="image"><div class="preloader"><div></div><div></div></div><div class="image-in image1"></div><div class="image-in image2"></div></div>
<div class="text">
<h1>Fusce tincidunt lacus non neque hendrerit</h1>
<div>Nam imperdiet aliquet efficitur. Morbi ipsum libero, viverra a varius at, sagittis consectetur nisl. Donec mauris justo, aliquam dignissim sagittis id, porttitor vel velit. Sed aliquam gravida nibh vitae molestie. Aliquam eros sapien, luctus ut suscipit in, placerat eu ligula.</div>
</div>
</div>
<div class="slide">
@charliekhc
charliekhc / breadcrumbs-navigation.markdown
Created October 18, 2017 00:23
Breadcrumbs Navigation
@charliekhc
charliekhc / fixed-positioned-bg-image.css
Last active October 15, 2017 10:43
This snippet allow fixed image with alpha gradient
selector {
background: linear-gradient(rgba(141, 153, 174, 0.8), rgba(141, 153, 174, 0.5)),
url(../images/toronto.jpg) no-repeat fixed;
background-size: cover;
}
@charliekhc
charliekhc / border-box-fix.css
Last active October 15, 2017 10:39
This Snippet is to allow Box Model to fit in the specified with without having to worry the element will move to the bottom due to insufficient fixed width space. It will push all margin and padding inwards instead of adding it to the elements.
/* START Border Box Fix */
html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
@charliekhc
charliekhc / README.md
Last active October 4, 2017 03:32 — forked from hofmannsven/README.md
My simple MySQL Command Line Cheatsheet