franz-josef-kaiser

- MOVED -
Can now be found in a repository incl. license, readme, styles and plugin php file: https://github.com/franz-josef-kaiser/Easy-Pagination-Deamon

bradt

<?php
/* Example Usage:
 * bt_add_image_size( 'product-screenshot', 300, 300, array( 'left', 'top' ) );
 * bt_add_image_size( 'product-feature', 460, 345, array( 'center', 'top' ) );
 */

add_filter( 'intermediate_image_sizes_advanced', 'bt_intermediate_image_sizes_advanced' );
add_filter( 'wp_generate_attachment_metadata', 'bt_generate_attachment_metadata', 10, 2 );

/**

ijy

@function em($target, $context: $base-font-size) {
   @if $target == 0 { @return 0 }
   @return $target / $context + 0em;
}

$base-font-size: 15px;

h1 {
	font-size: em(21px, 15px); // Outputs 1.4em
}

GaryJones

<?php

add_action( 'wp_print_styles', 'child_add_ie7_style_sheet', 200 );
/**
 * Enqueue an IE-specific style sheet (for all browsers).
 *
 * @author Gary Jones
 * @link https://garyjones.io/ie-conditional-style-sheets-wordpress
 */
function child_add_ie7_style_sheet() {

dfadler

// http://compass-style.org/reference/compass/helpers/sprites/
@mixin get-sprite($map, $sprite, $repeat: no-repeat, $height: true, $width: true)

  //http://compass-style.org/reference/compass/helpers/sprites/#sprite-file
  $sprite-image: sprite-file($map, $sprite) 
  
  // http://compass-style.org/reference/compass/helpers/sprites/#sprite-url
  $sprite-map: sprite-url($map)
  
  // http://compass-style.org/reference/compass/helpers/sprites/#sprite-position

brubrant

// http://compass-style.org/reference/compass/helpers/sprites/
@mixin get-sprite($map, $sprite, $repeat: no-repeat, $height: true, $width: true) {

  //http://compass-style.org/reference/compass/helpers/sprites/#sprite-file
  $sprite-image: sprite-file($map, $sprite);
  
  // http://compass-style.org/reference/compass/helpers/sprites/#sprite-url
  $sprite-map: sprite-url($map);
  
  // http://compass-style.org/reference/compass/helpers/sprites/#sprite-position

antonkor

// http://compass-style.org/reference/compass/helpers/sprites/
@mixin get-sprite($map, $sprite, $offset-x: 0, $offset-y: 0, $repeat: no-repeat, $height: true, $width: true)

  //http://compass-style.org/reference/compass/helpers/sprites/#sprite-file
  $sprite-image: sprite-file($map, $sprite) 
  
  // http://compass-style.org/reference/compass/helpers/sprites/#sprite-url
  $sprite-map: sprite-url($map)
  
  // http://compass-style.org/reference/compass/helpers/sprites/#sprite-position

estahn

@mixin all-retina-sprites($map, $map2x) {
  @media (min--moz-device-pixel-ratio: 1.5),
    (-o-min-device-pixel-ratio: 3/2),
    (-webkit-min-device-pixel-ratio: 1.5),
    (min-device-pixel-ratio: 1.5),
    (min-resolution: 1.5dppx) {

    $base-class: sprite-map-name($map);

    .#{$base-class}-all-retina-sprites {

magikcypress

Accessibilité des vidéos sur le web: les sous-titres

La nature du web est son universalité. Il doit être accessible à toutes les personnes handicapées.

Tim Berners Lee, Directeur du W3C et créateur du Web.

Liste de liens concernant le sous-titrage vidéo

Règles pour l'accessibilité des contenus Web (WCAG) 2.0

pierreburel

This gist demonstrates how to use Compass magic sprites in combination with HiDPI.

See how it's done

Credits: Icons © Adam Whitcroft

Oh and you may check Compass HDPI