Aller au contenu
#InfoASavoir: Les développeurs certifiés ont cette icône () à la fin de leur pseudo.
  • Veuillez ne pas poster de message pour but d'insulter, incitation à la haine, propos sexuels et tout autre qui ne respecte pas nos conditions d'utilisation !
ʂωმყղ

 css Materializecss - A modern responsive front-end framework based on Material Design

Messages recommandés

Dev

materialize.png

 

Yo la compagnie, et bienvenue à vous sur mon tout nouveau sujet ! Sur ce sujet, je vais aborder le kit "Materializecss" qui est un kit qui m'a énormément servi par le passé, et que j'ai décidé de partager aujourd'hui car comme prévu, j'ai arrêté de créer des serveurs Habbo par manque de temps.

 

Ce kit rendra votre CMS bien plus potable qu'il ne l'est aujourd'hui, comme il m'a permis de rendre mon ancien rétro "MeBobba" bien plus attirant qu'il ne l'était...

 

C'est vrai, le design habbo comme ça :

 

RevCMSIndexImage.png

 

C'est plus trop d'actualité ... Il faut innover, mais dans le bon sens ! Et grâce à Materialize, vous pourrez innover sans trop vous fatiguer afin de proposer un site attirant et qui donne envie.

 

Bootstrap, tout le monde connaît, c'est l'un des kits les plus utilisés sur internet, et ce, depuis des années !

Sauf que ce kit ... Eh bien ... Il est dépassé aussi, même s'il est encore utilisé par plusieurs sites internet importants.

 

Grâce à Materialize, vous pourrez proposer un site internet qui ressemble à ça :

 

hq3Zwtq.png

 

Bon certes, celui qui est présenté n'est pas trop fameux car il paraît énormément vide... De plus, le menu utilisé est très connu par le public, mais c'est bel et bien grâce à Materialize que ce dernier s'affiche comme ça. Ceci n'est qu'un simple petit exemple, vous pouvez aussi créer des sites internet bien plus élaborés et qui ressemblent à ça :

 

weekly-designer-news-april-17-2016-01.jp

 

Ah oui, j'allais oublier le plus important :

 

Materializecss, c'est du Material, revisité par la maison éditrice, et le Material, c'est un design qui est de plus en plus utilisé par Google, ou Youtube, car c'est justement, leur design !

 

Grâce au site officiel de Materialize, vous n'êtes pas livré à vous-même, toutes les possibilités ainsi que les codes correspondants sont affichés et classifiés de manière à vous permettre de créer votre site internet à votre sauce !

 

Pour pouvoir consulter les différentes possibilités qui s'offrent à vous, je vous invite à vous rendre sur : 

Merci de vous connecter ou de vous inscrire pour débloquer ce lien.

 (rubriques : "Component", et/ou "Javascript" et/ou "Forms").

Si vous savez un minimum parler anglais, vous êtes susceptible de prendre en main le site internet très rapidement, car il est super intuitif !

 

Et puis, avec le temps, vous ne pourrez PLUS JAMAIS vous passer de ce système, car tout est fait en sorte pour vous assurer un certain confort !

 

Si vous souhaitez créer votre propre page, alors :

Je vous invite à vous rendre sur : 

Merci de vous connecter ou de vous inscrire pour débloquer ce lien.

Une fois téléchargé,  je vous invite à envoyer le contenu du dossier materialize à la racine de votre site internet.

Puis d'ajouter ces différentes lignes de code :

 

Entre les balises <head></head> :

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

Juste avant la balise </body> :

<script type="text/javascript" src="js/materialize.min.js"></script>

 

Sinon, vous pouvez télécharger une page en materialize déjà conçue :

Merci de vous connecter ou de vous inscrire pour débloquer ce lien.

 

Et glisser le contenu du dossier starter-template directement à la racine de votre site internet.

 

Et vous pourrez apprécier TOUTE la magie de Materialize !

 

 

Bon, ce n'est pas grand-chose je sais, mais c'est avec les plus petites choses que l'on fait les plus grandes choses, la preuve en est ci-dessus !

 

Cordialement

 

 

 

 

Partager ce message


Lien à poster
Partager sur d’autres sites
VIP

Merci de vous connecter ou de vous inscrire pour débloquer ce lien.

Partager ce message


Lien à poster
Partager sur d’autres sites
Dev
à l’instant, Symbiosis a dit :

Merci de vous connecter ou de vous inscrire pour débloquer ce lien.

 

Je n’ai pas voulu afficher leur blase pour pas que l’on me dise « Grosse pub », mais merci de l’avoir fait à ma place ;) 

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité
Vous postez un commentaire en tant qu’invité. Si vous avez un compte, merci de vous connecter.
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

Chargement

×