unruthless

sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;

  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position

senlin

<?php // Add Breadcrumb Navigation
function write_breadcrumb() {
	$pid = $post->ID;
	$trail = '<a href="/">'. __('Home', 'textdomain') .'</a>';

	if (is_front_page()) {
        // do nothing
	}
	elseif (is_page()) {
		$bcarray = array();

krogsgard

<?php

// check for '_my_custom_field' meta key on pages and page parents and add a body class if meta value equals 'some-value'
	
add_filter('body_class','krogs_custom_field_body_class');

function krogs_custom_field_body_class( $classes ) {

	global $post;

Zodiac1978

#
# Sources:
# http://stackoverflow.com/questions/7704624/how-can-i-use-gzip-compression-for-css-and-js-files-on-my-websites
# http://codex.wordpress.org/Output_Compression
# http://www.perun.net/2009/06/06/wordpress-websites-beschleuinigen-4-ein-zwischenergebnis/#comment-61086
# http://www.smashingmagazine.com/smashing-book-1/performance-optimization-for-websites-part-2-of-2/
# http://gtmetrix.com/configure-entity-tags-etags.html
# http://de.slideshare.net/walterebert/die-htaccessrichtignutzenwchh2014
# http://de.slideshare.net/walterebert/mehr-performance-fr-wordpress
# https://andreashecht-blog.de/4183/

sergejmueller

# CHARSET
AddDefaultCharset utf-8


# DEFLATE
<IfModule mod_deflate.c>
	AddOutputFilterByType DEFLATE text/html text/plain text/css
	AddOutputFilterByType DEFLATE application/javascript application/json
	AddOutputFilterByType DEFLATE text/xml application/xml
	AddOutputFilterByType DEFLATE application/rss+xml application/atom+xml

grappler

<?php
/**
 * Load the stylesheet from the parent theme with theme version added automatically.
 *
 */
function theme_name_parent_styles() {

	$parent = get_template();
	$parent = wp_get_theme( $parent );

sergejmueller

Prolog

Google Chrome Developers says:

The new WOFF 2.0 Web Font compression format offers a 30% average gain over WOFF 1.0 (up to 50%+ in some cases). WOFF 2.0 is available since Chrome 36 and Opera 23.

Some examples of file size differences: WOFF vs. WOFF2

TTF to WOFF2 converting

• http://www.fontsquirrel.com/tools/webfont-generator

grappler

<?php
// add ie conditional html5 shim to header
function _s_add_ie_html5_shim () {
    echo '<!--[if lt IE 9]>';
    echo '<script src="' . get_template_directory_uri() . '/js/html5.js"></script>';
    echo '<![endif]-->';
}
add_action('wp_head', '_s_add_ie_html5_shim');

sergejmueller

<FilesMatch "\.(txt|log|xml|css|js)$">
    Header set X-Robots-Tag "noindex"
</FilesMatch>

Menu-toggle-svg-animation.markdown

Menu toggle svg animation

Live Version of this Dribbble shot: http://drbl.in/lUcg

A Pen by Tamino Martinius on CodePen.

License.