Skip to content

Instantly share code, notes, and snippets.

View nico3333fr's full-sized avatar

Nicolas Hoffmann nico3333fr

View GitHub Profile
@coolaj86
coolaj86 / how-to-publish-to-npm.md
Last active October 29, 2024 21:43
How to publish packages to NPM

Getting Started with NPM (as a developer)

As easy as 1, 2, 3!

Updated:

  • Aug, 08, 2022 update config docs for npm 8+
  • Jul 27, 2021 add private scopes
  • Jul 22, 2021 add dist tags
  • Jun 20, 2021 update for --access=public
  • Sep 07, 2020 update docs for npm version
@liamcurry
liamcurry / gist:2597326
Created May 4, 2012 19:56
Vanilla JS vs jQuery

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})
@magikcypress
magikcypress / gist:4761526
Last active September 1, 2018 06:09
Liste des Framework CSS

Petite liste non exhaustive des Framework CSS bien pratique pour gagner du temps dans l'intégration de son site web.

unsemantic

Successor to 960.gs

Unsemantic is a fluid grid system that is the successor to the 960 Grid System. It works in a similar way, but instead of being a set number of columns, it's entirely based on percentages.

http://unsemantic.com/

@karlcow
karlcow / FrenchConnection.dot
Created May 21, 2013 16:49
graphviz du panorama franchouille. À compléter. Fork it.
digraph {
charset="utf-8";
splines=curved;
fontname="Helvetica";
fontcolor="#ffffff";
// Connexions to companies
dioxmat -> libe [label="workedFor", color="#cc6666"];
dioxmat -> mozilla [label="workingFor", color="#660000"];
dioxmat -> netscape [label="workedFor", color="#cc6666"];
@aras-p
aras-p / preprocessor_fun.h
Last active November 29, 2024 05:40
Things to commit just before leaving your job
// Just before switching jobs:
// Add one of these.
// Preferably into the same commit where you do a large merge.
//
// This started as a tweet with a joke of "C++ pro-tip: #define private public",
// and then it quickly escalated into more and more evil suggestions.
// I've tried to capture interesting suggestions here.
//
// Contributors: @r2d2rigo, @joeldevahl, @msinilo, @_Humus_,
// @YuriyODonnell, @rygorous, @cmuratori, @mike_acton, @grumpygiant,
@brunobord
brunobord / quelquechose.html
Last active December 28, 2015 09:49
si tu as quelque chose à dire pendant un Hangout, ouvre ce document HTML dans ton navigateur, mets-le en full-screen et utilise la fonction de partage d'écran. La zone de texte du milieu est éditable "in-place", alors tu peux changer le message. voilà.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>J'ai quelque chose à dire</title>
</head>
<body style="background-color: #c33; padding-top: 5em;">
<p contenteditable style="text-align: center; font-size: 96px; font-family: Arial; color: #fff; font-weight: bold;">J'ai quelque chose à dire</p>
</body>
</html>
@octocat
octocat / .gitignore
Created February 27, 2014 19:38
Some common .gitignore configurations
# Compiled source #
###################
*.com
*.class
*.dll
*.exe
*.o
*.so
# Packages #
@iki
iki / README.md
Last active December 12, 2021 08:50 — forked from othiym23/npm-upgrade-bleeding.sh
Update global top level npm packages

Update global top level npm packages

Problem

npm update -g updates all global packages and their dependencies, see npm/npm#6247.

Solution

  1. Either use the shell script or windows batch here instead.
@tdd
tdd / Learning and exploring ES6.md
Last active November 10, 2020 09:01
Good resources to learn, discover and explore ES6 in-depth

Learning

  • ES6 Katas - Small, byte-size exercises to discover most aspects of ES6 features by doing interactive, online exercises. Pretty awesome.
  • Learn ES2015 - A great part of Babel's website that takes you through examples of all supported ES6+ features
  • ES6-Features.org - Nice ES6 / ES5 comparisons of many ES6 language features
  • ES6 Features - A single-page tour of code examples for just about every ES6 feature, by Luke Hoban

Exploring in-depth

  • ES6 In Depth - A great series of articles on Mozilla Developer Network (MDN); also available in French through great translation efforts.
@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