Latest web development tutorials

Fondation Tutoriaux

Fondation 5

Fondation pour le développement de HTML réactif, CSS et JavaScript cadres.

Fondation est un outil facile à utiliser, puissant et cadre souple pour créer des applications basées sur le Web sur un appareil.

Fondation est un cadre populaire pour déplacer la priorité.


exemples en ligne

Ce tutoriel contient des instances de la Fondation des centaines.

Vous pouvez utiliser notre éditeur en ligne, et cliquez sur «Soumettre Run" pour voir les résultats:

Fondation Exemples

<Class Div = "ligne">
<Class = "Div moyenne-12 colonnes">
<Class = Div "panel">
<H1> Fondation Page </ h1 >
<P> Redimensionner cette page en réponse à voir l'effet! </ P>
<Type de bouton = classe "bouton" = "button small"> J'aime! </ Button>
</ Div>
</ Div>
</ Div>

<Class Div = "ligne">
<class = "Div moyennes-4 colonnes">
<H3> Colonne 1 </ h3 >
<P> Lorem ipsum .. </ p>
</ Div>
<class = "Div moyennes-4 colonnes">
<H3> Colonne 2 </ h3 >
<P> Lorem ipsum .. </ p>
</ Div>
<class = "Div moyennes-4 colonnes">
<H3> Colonne 3 </ h3 >
<P> Lorem ipsum .. </ p>
</ Div>
</ Div>

Essayez »

Cliquez sur le bouton "Essayer" pour afficher l'instance en ligne.


caractéristique Fondation

Pour démontrer ces effets dans une balise iframe, vous pouvez cliquer sur "essayer" pour voir des exemples en ligne:

Bouton poussoir

Essayez »


Forme:

Essayez »


pop Image:

Essayez »


Attention:

Essayez »



Grille:

Essayez »


Une barre de progression:

Essayez »


Panel:

Essayez »


Menu déroulant:

Essayez »


effet d'accordéon:

Essayez »


Top Navigation:

Essayez »


Modal boîte:

Essayez »


commutateur:

Essayez »


curseur:

Essayez »