La Typographie Web – CleverToday de CleverToday Source
Initiation au CSS
CSS Diner – Where we feast on CSS selectors! : Initiation aux sélecteurs css CSS Grid Garden – Where you write CSS code to grow your carrot garden! : grilles en css learncssgrid : moins rigolo mais pas mal gridbyexample Flexbox Froggy – A game where you help Froggy and friends by writing CSS code! : initiation […]
Ressources pas longues à lire HTML/CSS
CSS Pro-tips (EN) CSS Pro-tips (FR) Ten Commandments of HTML and CSS! (EN) Les Dix Commandements du HTML et du CSS ! (FR) BEM – Block Element Modifier (EN) : manière d’organiser son code CSS Dans un autre registre : Besoin de savoir si votre HTML est correctement encodé ? Ce lien ne remplacera jamais votre aptitude […]
Ressources pour faire des maquettes
https://balsamiq.com/ => pour faire des mock-ups de website https://www.invisionapp.com/ => pour faire des mockups de website
Tester la lisibilité des couleurs avec Accessible Color Palette Builder
Tu bosses sur un visuel, tu te demandes si une couleur précise serait toujours lisible sur un fond très foncé ou très clair ? Tu aimerais établir une charte graphique avec des couleurs qui tiennent la route en toute circonstance ? Alors je te conseille de visiter Accessible Color Palette Builder. Et si en tant […]
Better Web Type – les webdev aussi devraient avoir des notions de typographie !
Le web design, c’est 95% de typographie selon Oliver Reichenstein. C’est pour cette raison que les webdesigners et les front-end developers devraient avoir des notions de typographie. Le choix de la police ne devrait pas se limiter à quelque chose de joli mais devrait contribuer à produire un contenu lisible, agréablement lisible et qui invite […]
Ressources Bootstrap
Bootstrap Bootstrap Magic – Générer son propre thème Bootstrap ? LayoutIt! – Générer son propre layout Bootstrap ? Shoelace – Générer son propre layout Bootstrap ? (bis) Bootstrap Simple Sidebar Bootstrap Expo – Trouver de l’inspiration auprès de ceux qui ont déjà utilisé Bootstrap avec classe Bootswatch – Trouver un thème gratuit Bootsnipp – Trouver […]
Ressources de couleurs et de polices de caractères
Couleurs & font Color Picker ColourCode Paletton Curls Type Anything – permet de visualiser une font selon les attributs qu’on lui met dans les dents Dafont – le traditionnel chez qui on peut trier les polices par gratuité, par licence, par possibilité d’accent ou pas… Un indémodable qui se transmet encore de génération en génération […]
Où trouver des photos et des icônes gratuits, libres de droits ?
Photos & icônes Blue Vertigo – Découvert en 2009, y’a TOUT dedans : photos, polices, logos, brushes photoshop, musiques, motifs. C’est un portail qui renvoie vers les ressources du monde entier. Y’a beaucoup de sites où on trouvera des trucs assez moches ou inexploitables mais il y a quelques perles. Resource Cards – Pareil que […]
Flexrox (Flexbox) par Raphael Goetter
Flexbox, pour faire court, c’est un truc qui révolutionne le CSS. Pour plusieurs raisons… Voici une petite table des matières des chapitres de la vidéo : Qu’est-ce que Flexbox ? Un module de positionnement CSS Alignement Ordonnancement (ordre d’affichage) Alignement (centrage vertical, entre autres) Flexibilité Résumé Ressources online. Une des raisons qui m’a convaincue de […]