Skip to content

Instantly share code, notes, and snippets.

View hiwelo's full-sized avatar
🦝

Damien Senger hiwelo

🦝
View GitHub Profile
@hiwelo
hiwelo / career-ladder.md
Last active June 11, 2020 11:22
Castor Design Systems Engineers career ladder
import React, { FunctionComponent } from 'react';
import useHeadingContext from '../../utilities/headings/hooks';
import { HeadingContext } from '../../utilities/headings';
import { HEADING_LEVEL_MAX } from '../../utilities/headings/constants';
/**
* The `Section` component offers a way to encapsulate a series of related
* content offering a series of helpers managing automatically heading levels
* for example.
*/
@hiwelo
hiwelo / main.md
Created November 21, 2016 22:05
Hackerspace Inclusif de Strasbourg – Compte rendu réunion du 8 novembre

Compte rendu de la première réunion du Hackerspace Inclusif Strasbourg (8 novembre 2016)

Le groupe projet Hackerspace Inclusif Strasbourg s'est réuni pour la première fois au Quai Numéro 10 à Strasbourg. Merci à eux pour l'accueil dans leurs locaux. Après la présentation du hackerspace inclusif parisien, le Reset, la réunion a abordé différentes questions au sujet de ce projet :

  • Idées d'événements
  • Quelle inclusivité et comment ?
  • Quelle communication ?
  • Quelle organisation ?
@hiwelo
hiwelo / gist:124c6d25738b7b425db9835780284df2
Created April 1, 2016 17:56
Advanced Custom Fields PRO for Composer
{
"repositories": [
{
"type": "package",
"package": {
"name": "advanced-custom-fields/advanced-custom-fields-pro",
"version": "5.0",
"type": "wordpress-plugin",
"dist": {
"type": "zip",
@hiwelo
hiwelo / plugin-list.md
Last active December 1, 2015 11:01
Atom plugins

Atom plugins used

  • pigments
  • editorconfig
  • emmet
  • file-icons
  • highlight-selected
  • language-svg
  • AtomLinter
@hiwelo
hiwelo / hwlo_getThumbnail.php
Created November 23, 2015 22:32
La fonction getThumbnail permet la récupération rapide de l'URI de l'image à la une d'un article WordPress
<?php
/**
* Return the thumbnail URI of an asked element
* @param int $post_id Article's ID, if necessary
* @param string $size Size of the thumbnail
* @return string Cover image URI
*/
function hwlo_getThumbnail($post_id = null, $size = 'thumbnail') {
if (!is_numeric($post_id) && is_string($post_id)) {
$size = $post_id;
@hiwelo
hiwelo / visually-hidden.css
Created October 22, 2015 17:49
Quelques petites ressources webtypographiques pour accompagner l'article Icon fonts vs. SVG : la police gagne toujours
/**
* .visually-hidden made a text still visible for a screen reader
*
* @source https://html5boilerplate.com/
**/
.visually-hidden {
position: absolute;
height: 1px;
overflow: hidden;
@hiwelo
hiwelo / scroll.js
Last active October 23, 2015 15:17
Smooth scrolling lors des ancres internes
/**!
* Smoothscrolling to an id
*
* @contributors: Damien Senger (Alsacréations)
* @date-created: 2015-07-20
* @last-update: 2015-07-20
* */
(function($) {
$(document).ready(function() {
@hiwelo
hiwelo / fontface-futureproof.css
Last active August 20, 2020 12:38
@font-face declarations for modern browsers
/**
* @font-face declaration for :
* - Internet Explorer >= 9.0
* - Firefox >= 3.6
* - Chrome >= 5
* - Safari / iOS >= 5.1
* - Opera >= 11.5
* - Android >= 4.4
* */
@hiwelo
hiwelo / lazyload-bkgnd-img-idea.html
Created June 28, 2015 22:49
Snippet d'explication du principe de lazyload du background CSS différencié de l'image principale
<!-- Avant le chargement du JS -->
<section data-background-url="URL_TO_BKGND"><!-- Ici le pattern de fond du bloc, qui sera intégré après le chargement du HTML & CSS sous la forme d'un style inline via JS -->
<img src="data:image/gif;base64,R0lGODdhAQABAPAAAP///wAAACwAAAAAAQABAEACAkQBADs=" data-src="URL_TO_HUMAN" alt="">
<noscript>
<img src="URL_TO_HUMAN" alt="A117_ALT_TEXT">
</noscript>
<h*></h*><!-- Titre de la section, si nécessaire -->
<p></p><!-- Contenu de la section -->
</section><!-- ./section -->