Rotek

2 sites Google pour vous aider à créer votre site Internet

Créer un site Internet, c’est éprouvant.. Télécharger les polices d’écriture, les images, les icones, créer le design et j’en passe.. Tout cela, ça décourage parfois des gens qui abandonnent  cette merveilleuse occupation qui est de créer un site Internet. Les deux sites Internet de Google que je vais vous présenter vont vous aider à finir votre site web si jamais vous l’avez vous aussi arrêté.

Material.io

Si vous avez du mal à choisir comment structurer votre site web,  Material.io est fait pour vous ! Ce site propose beaucoup de services, je vais vous en citer 3, ceux dont j’ai du mal à me passer !

Color Tool

Chercher la meilleure couleur pour un élément c’est pénible. Rendre les couleurs accordées entre elles aussi. Avec Color Tool oubliez cette ennuyeuse tâche. Color Tool vous donne toute une palette de codes couleurs provenant directement du Material Design (Vous aurez sûrement compris que Material.io est le site officiel du Material Design). Cliquer sur la couleur qui vous convient le mieux, et il vous donnera également sa version assombrie et éclaircie. Color Tool vous permet également de tester les éléments intéractifs sur CodePen.
La couleur est l’une des choses les plus importantes dans le design de n’importe quel élément, du site Internet au magazine.

Interface Google Tool
Interface de Color Tool

Resizer

Pour tester si votre site Internet fonctionne sur tout type d’appareil, que faites vous ? Vous testez sur un ordinateur, une tablette puis un smartphone ? Mais cessez donc ça ! Allez plutôt sur Resizer ! Entrez un lien, et le site vous affiche le résultat censé s’afficher sur les différents appareils. Plus rapide que de tester partout ! Le grand point négatif reste le non-support de fichier local, ou de site local (localhost). Mais personnellement, j’héberge directement mon site pendant que je le fais.

 

Interface de Resizer

Icons

Et, le meilleur pour la fin : Icons. Les pictogrammes sont presque indispensables sur un site Internet. Mais les trouver et les intégrer, c’est pénible, et ça prend de la place. Avec Icons, trouvez des centaines de pictogrammes et intégrez les facilement à votre site Internet.

Interface de Icons

Google Fonts

Télécharger et installer des polices d’écriture sur un site internet, c’est parfois compliqué.Pour être franc, je fais du développement web depuis un an, et je n’ai jamais su intégrer manuellement une police d’écriture, ça n’a jamais fonctionné avec moi..En tout cas, que vous sachiez ou pas le faire, Google Fonts vous proposera beaucoup de polices d’écriture très simplement intégrables sur votre site Internet.

Interface de Google Fonts

Je vous délivre d’ailleurs une petite technique personnelle. J’imagine que vous connaissez la police Product Sans, la police du logo Google. Elle n’est pas répertoriée sur le site, mais vous pouvez l’intégrer sur votre site avec le code de base, tout en y ajoutant « Product+Sans » :

<link href="https://fonts.googleapis.com/css?family=Product+Sans" rel="stylesheet">

Pratique !

Ces outils nous font économiser de la mémoire et du temps, deux choses précieuses dans la conception d’un site. Ils ont à adopter, mais il faut tout de même éviter d’en être dépendant !


Si vous voulez apprendre à coder des sites Internet où autres, vous pouvez apprendre cela avec Enki ou SoloLearn.

Quitter la version mobile