Skip to content

Instantly share code, notes, and snippets.

View geoffreycrofte's full-sized avatar
📚
Writing books

Geoffrey Crofte geoffreycrofte

📚
Writing books
View GitHub Profile
@geoffreycrofte
geoffreycrofte / child-functions.php
Created May 30, 2014 08:53
Translation for a WordPress Child Theme
<?php
/*
CHILD THEME functions.php file
*/
if ( !function_exists('child_localization')) {
function child_localization() {
load_child_theme_textdomain('child_text_domain', get_stylesheet_directory() . '/lang');
}
add_action('after_setup_theme', 'child_localization');
}
@geoffreycrofte
geoffreycrofte / dabblet.css
Created January 21, 2012 17:07
:before & :after on table elements
/**
* :before & :after on table elements
*/
table { border: 1px solid; }
td { border: 1px solid; padding: 1em; }
td:after, td:before { content: " - "; }
@geoffreycrofte
geoffreycrofte / dabblet.css
Created January 21, 2012 16:13
Animation values are strongest !
/**
* Animation values are strongest !
*/
/*
* just hover the white space to stop the animation
* and and return the block to its original coordinates
*/
html,body { height:100%; }
@geoffreycrofte
geoffreycrofte / dabblet.css
Created January 21, 2012 16:04
Animation in pseudo-element
/**
* Animation in pseudo-element
*/
div {
height: 100px;
background: #eee;
}
div:before {
content:" ";
display:inline-block;
@geoffreycrofte
geoffreycrofte / dabblet.css
Created January 21, 2012 16:36
Input Search box-sizing
/**
* Input Search box-sizing
*/
[type="search"] {
margin: 1em 3em;
-webkit-box-sizing: content-box; /* comment this line to see... */
padding: .5em;
}
@geoffreycrofte
geoffreycrofte / dabblet.css
Created January 28, 2012 11:28
Loader : demo of pseudo-element animation
/**
* Loader : demo of pseudo-element animation
*/
a { display:inline-block; margin-top: 3em}
span {
display:block;
position: relative;
width: 400px;
@geoffreycrofte
geoffreycrofte / dabblet.css
Created February 14, 2012 17:24
Curved box Shadow
/**
* Curved box Shadow
* Alternative : http://www.creativejuiz.fr/blog/tutoriels/ombre-avancees-avec-css3-et-box-shadow
*/
div {
margin: 3em;
width: 500px;
height: 240px;
background-color: #f6f6f6;
/*
@geoffreycrofte
geoffreycrofte / dabblet.css
Created February 27, 2012 10:24
Drop Down Menu with CSS3 and Max-height animation
/**
* Drop Down Menu with CSS3 and Max-height animation
* an idea inspirated from http://jsfiddle.net/leaverou/zwvNY/
* visit http://www.creativejuiz.fr/blog/ for fun.
*/
a {
display:block;
color: #fff;
text-decoration:none;
}
@geoffreycrofte
geoffreycrofte / dabblet.css
Created May 18, 2012 18:51
Feuilles superposées
/**
* Feuilles superposées
*/
/* Petite mise en page */
body {
width: 375px;
margin: 20px auto;
font-family: helvetica, arial, sans-serif;
color: #444;
@geoffreycrofte
geoffreycrofte / dabblet.css
Created May 31, 2012 09:51
Only first letter in uppercase
/*
* Only first letter in uppercase
*/
/* all in lowercase */
.transform li {
text-transform: lowercase;
}
/* first-letter in uppercase */