Skip to content

Instantly share code, notes, and snippets.

View joshhumble's full-sized avatar

Josh Humble joshhumble

View GitHub Profile
#301 Redirects for .htaccess
#Redirect a single page:
Redirect 301 /pagename.php http://www.domain.com/pagename.html
#Redirect an entire site:
Redirect 301 / http://www.domain.com/
#Redirect an entire site to a sub folder
Redirect 301 / http://www.domain.com/subfolder/
@joshhumble
joshhumble / dabblet.css
Created December 4, 2012 19:12
The Box-Ordinal-Group and Flexbox
/**
* The Box-Ordinal-Group and Flexbox
*/
.box {
overflow:hidden;
display:box;
display:-ms-box;
display:-moz-box;
display:-webkit-box;
@joshhumble
joshhumble / dabblet.css
Created November 30, 2012 17:45
CSS Thought Bubble for CMS by joshhumble
/**
* CSS Thought Bubble for CMS by joshhumble
*/
.container {
width:400px;
position:relative;
margin:0 0 0 20px;
}
@joshhumble
joshhumble / index.html
Created November 30, 2012 16:52
A CodePen by Josh Humble. Another Thought Bubble - Thought bubble consisting of CSS shapes (triangle and circle), gradient...
<div class="container">
<div class="triangle"></div>
<div class="bubble">
<div class="header">
<div class="circle"><p>new!</p></div>
<h1>This is another bubble!</h1>
</div><!--END header-->
<div class="content">
<p>Hello &mdash; this is another CMS panel.</p>
</div><!--END content-->
@joshhumble
joshhumble / dabblet.css
Created November 19, 2012 18:04
Vertical centering with Flexbox + margin fallback
/**
* Vertical centering with Flexbox + margin fallback
* Lea Verou & David Storey
*/
html, body { height: 100%; margin: 0; width: 100%; }
body {
/* Flexbox hawtness */
display: box;
@joshhumble
joshhumble / dabblet.css
Created November 19, 2012 18:03 — forked from LeaVerou/dabblet.css
Vertical centering with Flexbox + margin fallback
/**
* Vertical centering with Flexbox + margin fallback
* Lea Verou & David Storey
*/
html, body { height: 100%; margin: 0; width: 100%; }
body {
/* Flexbox hawtness */
display: box;