Skip to content

Instantly share code, notes, and snippets.

View kloh-fr's full-sized avatar
🦄

Luc Poupard kloh-fr

🦄
View GitHub Profile
@ijy
ijy / Compass px to em
Created December 7, 2011 08:18
A Compass function to convert pixel font-sizes to em's
@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
}

Why Compass?

TL;DR: I definitevely don't have anything against Bourbon, and we can actually use it with Compass (Bourbon for most CSS3 and Compass for utilities, spriting, compilation & other functions). But not using Compass is missing a big advantage Sass has over LESS.

First, why NOT Compass

  • Doesn't work with libsass (yet — I read they plan on supporting libsass, probably later this year)
  • needs Ruby (for now), and installs the chunky_png gem
  • Slow compilation (because parsing image sizes, assembling sprites… actually takes time)
@kosinix
kosinix / custom-nav-walker-usage.php
Last active April 25, 2023 09:32
WordPress: Using a custom nav walker to create navigation menus in plain <a> tags. That is the <ul> and <li> tags are not present. Very useful if you want to create simple links that can be centered with a simple text-align:center on the containing element.
<?php
// In your template files like footer.php
// The items_wrap value ('%3$s') removes the wrapping <ul>, while the custom walker (Nav_Footer_Walker) removes the <li>'s.
wp_nav_menu(array('items_wrap'=> '%3$s', 'walker' => new Nav_Footer_Walker(), 'container'=>false, 'menu_class' => '', 'theme_location'=>'footer', 'fallback_cb'=>false ));
?>
@aquelito
aquelito / git-command.md
Last active July 6, 2024 07:10
GIT - Ligne de commande principale
title category
Git config
Git

Rappel

Ne pas oublier : l'aide en ligne de commande.

@knarf18
knarf18 / Liste bonnes pratiques sous-titrage web .md
Last active May 17, 2024 16:15
Bonnes pratiques pour un meilleur sous-titrage sur le web

Liste bonnes pratiques sous-titrage web

Bien que certains font l'effort de sous-titrer les vidéos qu'il mettent en ligne sur les différentes plates-formes de type youtube, viméo, je m’aperçois que souvent, le sous-titrage comporte des erreurs qui font que celui-ci devient presque inutile car difficilement lu par les principaux intéressés.

J'ai lu de nombreux articles, tutoriels mais souvent il existe des différences ou ce qui se trouve sur l'un n’apparaît pas sur l'autre.

L'idée est donc d'essayer de mettre en place une liste de bonnes pratiques pour essayer d'améliorer le sous-titrage sourds et malentendants (S-M, S-M-E) sur le web et aider les personnes de bonne volonté à le faire le mieux possible.

Pour l'instant cette liste est une base par rapport à mes multiples lectures à ce sujet qui parfois se contredisent donc elle est là pour être corrigée, améliorée, et que l'on y ajoute tout ce qui peut aider à l'amélioration des sous-titrages sur le web.

@johnbillion
johnbillion / wp_mail.md
Last active June 3, 2024 13:31
WordPress Emails

WordPress Emails

This document lists all the situations where WordPress sends an email, along with how to filter or disable each email.

This documentation has moved here: https://github.com/johnbillion/wp_mail

@YuMS
YuMS / update-git.sh
Created June 29, 2016 09:28
Update git to latest version on Ubuntu
#!/bin/bash
sudo add-apt-repository -y ppa:git-core/ppa
sudo apt-get update
sudo apt-get install git -y
@Nazcange
Nazcange / test-contrast.scss
Last active January 26, 2018 09:33
Generated by SassMeister.com.
////
/// @group UI
///
/// The minimum authorized contrast
/// @type Number
$minimum-authorized-contrast: 4.5 !default;
/// The minimum authorized contrast for bigger size
/// @type Number
function fs_add_dropdown_labels() {
?>
<script>
(function($) {
$(document).on('facetwp-loaded', function() {
$('.facetwp-dropdown').each(function() {
var facet_name = $(this).parent().attr('data-name');
var facet_label = FWP.settings.labels[facet_name];
$(this).attr('id', facet_name);