Family.scss

Comment créer un projet open source #BADA55

@LukyVj

http://lukyvj.github.io/family.scss

Lucas Bonomi

@LukyVj

Frontend Developer

at              

 Algolia

CSS, Sass, Javascript, open-source

Member of @bullgit

Family.scss

Qu'est-ce que c'est ?

@LukyVj

Bibliothèque de mixins Scss destinée à rendre plus simple l'utilisation de sélecteurs nth compliqués.

Family.scss

À quoi ça sert ?

@LukyVj

Voyez cette bibliothèque comme un set de raccourcis

ul li {
  @include first(3){
    @include active;
  }
}

ul li:nth-child(-n + 3) { 
  background: red; 
  color: #fff; 
}

Family.scss

A quoi ça sert ?

@LukyVj

Voyez cette bibliothèque comme un set de raccourcis

ul li {
  @include between(3, 6){
    @include active;
  }
}

ul li:nth-child(n+3):nth-child(-n+6) { 
  background: red; 
  color: #fff; 
}

Family.scss

@LukyVj

Certaines mixins prennent un ou plusieurs paramètres

@include after-first(5)

@include odd-between(3, 13)

@include all-but(5)

@include n-between(3, 5, 30)

D'autres n'en prennent aucuns

@include odd()

@include last-child()

@include first-last()

@include unique()

Family.scss

Le côté open-source

@LukyVj

Le projet a reçu de très bon retours, et d'autres moins bons.

Lorsque l'on décide d'open-sourcer un projet. Il faut s'attendre à recevoir des critiques.

Mais la critique peut être très constructive.

Family.scss

Le côté open-source

@LukyVj

Family.scss

Le côté open-source

@LukyVj

1. Résoudre un problème simple, simplement
2. Un nom sympa 
3. Une landing page attirante
4. Dynamisme
5. Feedbacks
6. préparer la release
7. Disponibilité & Rapidité de réponse

Family.scss

Le côté open-source

@LukyVj

Family.scss

Le côté open-source

@LukyVj

Family.scss

Le côté open-source

@LukyVj

Family.scss

Le côté open-source

@LukyVj

Family.scss

Le côté open-source

@LukyVj

Holmes, by @Haroenv

MERCI

@LukyVj