Skip to content

Instantly share code, notes, and snippets.

View hansspiess's full-sized avatar

Hans Spiess hansspiess

4 followers · 4 following
View GitHub Profile
@hansspiess
hansspiess / horizontal-nav.css
Created March 21, 2012 09:47
Frontend: horizontal navigation list
#navigation {
border: 1px solid #222222;
background: #040505 url(../images/background-navigation.gif) repeat-x;
height: 1%;
overflow: hidden;
margin-bottom: 2px;
}
#navigation ul {
margin: 0;
@hansspiess
hansspiess / form-elements.html
Created March 21, 2012 09:53
Frontend: form elements
<input id="radio_id" type="radio" name="radio_name" value="radio_value" checked=""><label for="radio_id">Labeltext</label>
<select id="select_id" name="select_name" size="1">
<option>Text</option>
</select>
<input type="submit" value="Submit" class="" />
@hansspiess
hansspiess / hs_get_parent_post_thumbnail.php
Created August 4, 2012 23:17
Wordpress: Displaying Article Thumbnail of parent page on Child Page
<?php
global $post;
if ( is_page() ) {
/* Get an array of Ancestors and Parents if they exist */
$parents = get_post_ancestors( $post->ID );
/* Get the top Level page->ID count base 1, array base 0 so -1 */
@hansspiess
hansspiess / batch_import_sprites.sass
Created August 5, 2012 14:02
Frontend: batch import images as sprite with SASS
@import "my-icons/*.png";
@include all-my-icons-sprites;
@hansspiess
hansspiess / fiddle.css
Created August 8, 2012 20:38
Frontend: Sticky Footer
* {
margin: 0;
padding: 0;
}
html, body, #wrap {
height: 100%;
}
body > #wrap {
@hansspiess
hansspiess / function_call_from_template_file.php
Created August 10, 2012 10:15
Wordpress: Custom menu with description
<?php
wp_nav_menu( array(
'theme_location' => 'homepage_navigation_left',
'container' => FALSE,
'echo' => true,
'before' => '',
'after' => '',
'link_before' => '',
'link_after' => '',
@hansspiess
hansspiess / replace-text-with-image.css
Created August 10, 2012 19:53
Frontend: Replace Text with image, No-Images-Fallback
h1 {
background: url(image.gif);
height: 25px;
text-indent: -999em;
width: 250px;
overflow: hidden;
}
@hansspiess
hansspiess / prevent-text-breakouts.css
Created August 18, 2012 22:17
Frontend: Prevent huge user generated strings from breaking the layout
.prevent-text-breakouts {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
@hansspiess
hansspiess / template-file.php
Created August 19, 2012 13:35
Wordpress: Redirect to first child page
<?php
$pagekids = get_pages( "child_of=".$post->ID."&sort_column=menu_order" );
if ( $pagekids ) {
$firstchild = $pagekids[0];
wp_redirect( get_permalink( $firstchild->ID ) );
}
?>
@hansspiess
hansspiess / assign-max-value-to-elements.js
Created November 15, 2012 14:33
Frontend: assign max or min Value to set of given elements
/* set equal height on boxes */
/* http://stackoverflow.com/questions/5052673/jquery-min-max-property-from-array-of-elements */
Array.max = function( array ){
return Math.max.apply( Math, array );
};
var heights = jQuery(".box").map(function() {
return jQuery(this).height();
}).get();
jQuery(".box").css("height", Array.max(heights));