Integrate a wireframe - Grafikart
YouTube thumbnail
 
 
Material Design Framework CSS
Material design - Replace Bootstrap
 
 
Howto Flexbox in CSS
How to use flexbox in CSS
 
 
Create a landing page
 
 
Design a landing page
 
 
Codehouse - How to create a beautiful filter sidebar
CSS and example to create a filtering sidebar
 
 
Bootstrap 3 - Media queries for standard device
iPhone, Tablets, Desktop and Wide screen
 
 
Clean media queries for SASS
Mixin to use clean syntax for media queries
 
 
DoCSSa – Best practices et méthodologie pour CSS/SaSS
Les best practices CSS rassemblées dans une méthodologie.
 
 
miniMAC/magic - Animations stylées en CSS
 
 
CSS Hexagon clipping
Un clip CSS en hexagone
 
 
Centrer un élément horizontalement ou verticalement en CSS
Une solution pour chaque situation pour centrer en CSS
 
 
CSS Grid - Tutoriel complet
Comment utiliser les grids en CSS ?
Un tutoriel pour utiliser "display: grid"
 
 
Créer un menu latéral en CSS
Tutorial sympa pour créer un menu latéral (sidebar) en HTML5
 
 
Des idées d'effets de survol d'images
Très sympa pour afficher des informations supplémentaires
 
 
Installation de compass avec la dernière version de Sass
Il faut utiliser la version 'pre' de compass :
$ gem uninstall compass sass
$ gem install sass
$ gem install compass --pre
 
 
Organiser les commits dans Git
Comment écriture un commit lisible ?

<type>(<scope>) : <subject>
<BLANK LINE>
<body>
<BLANK LINE>
<footer>

avec type =
* feat
* fix
* refactor
* chore (modification de conf)
* test
* docs
* style (graphisme)

Exemple :

feat(template) : add a header to the main template

we use the H1 tag

feature TMP42-Create-a-beautiful-header
 
 
Exemples de patterns responsive design
Des exemples de patterns en Responsive Design (2 colonnes, 3 colonnes, menu fixe, etc.)
 
 
Trois points en CSS pour les textes trop longs
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
Pour rajouter ... si un texte déborde.
 
 
Régler le problème de scrolling en CSS sur mobile
La directive CSS overflow-y: auto ne fonctionne pas ?

Il faut simplement ajouter :
-webkit-overflow-scrolling: touch;