mercredi 11 février 2015

LES TABLEAUX HTML <table>

1- La base

source : http://openclassrooms.com/courses/apprenez-a-creervotre-site-web-avec-html5-et-css3/les-tableaux-1

<table> </table>.
C'est cette balise qui permet d'indiquer le début et la fin d'un tableau.
Cette balise est de type bloc, il faut donc la placer en dehors d'un paragraphe.
Exemple :
<p>Ceci est un paragraphe avant le tableau.</p>
<table>
<!-- Ici, on écrira le contenu du
tableau -->
</table>
<p>Ceci est un paragraphe après le tableau.</p>


D'un certain point de vue, un tableau possède une architecture assez similaire à celle d'une liste à puces, mais les 'ul' deviennent des 'tr' et les 'li' des 'td'. De plus, on construit à l'horizontale.
<tr> </tr> :
indique le début et la fin d'une ligne du tableau ;
<td> </td> :
indique le début et la fin du contenu d'une cellule.
En HTML, un tableau se construit ligne par ligne. Dans chaque ligne (<tr>), on indique le contenu des différentes cellules
(<td>).

lundi 9 février 2015

Créer des jeux avec HTML5 et Javascript

Créer des jeux avec HTML5 et Javascript

Les navigateurs sont désormais suffisamment performants pour permettre de jouer à des jeux en 2D ou en 3D.

Voyons comment nous pouvons les développer nous-mêmes.

La balise <CANVAS>

Le navigateur peut afficher les éléments graphiques d'un jeu au sein d'une zone délimitée par la balise "<canvas>".

Des commandes Javascript permettent d'y dessiner en 2D de façon très simple.





mardi 3 février 2015

Le SVG (partie 1)

Le SVG. (partie 1)

Une image svg est une image composée de vecteurs, par conséquent elle ne perd pas en qualité en l’agrandissant ou en la rapetissant car ce n’est jamais qu’un affichage d’un multiple fois chaque vecteur la composant

Pour l’intégrer il existe plusieurs manières
La balise iframe, img, svg, ou background-image dans du CSS

en gros la balise svg permet de dessiner a meme le navigateur, ce dernier interpretant le code que l'on ecrit

exemples:

<iframe src="image.svg" width="800" height="800">*
<img src="image.svg"/>
<svg><circle cx="200" cy="200" r="200"></svg>

.classe{
Background-image :url('image.svg') repeat;
}

(iframe permet d'inserer une page html dans une autre page html, en miniature dans un conteneur par exemple)


mardi 29 juillet 2014

Le magasine WebDesign ! Une merveille !

Je ne peux que vous conseiller de vous abonner à ce magnifique magasine ! C'est de la veille technologique aussi bien pour le designer que pour le developer.
Voici le lien : Oracom.fr
On peut s'abonner à la version papier ou à la version numérique.
N'hésitez pas, c'est un excellent investissement !

De l'AJAX à tous les étages

Cette année, les deuxièmes année auront droit à une étude approfondie de l'AJAX. D'abord à la main, puis avec la bibliothèque jQuery ...
L'idée sera alors de mettre en oeuvre un BackOffice en version full AJAX !!!
Autant voir grand non ? :-)

Un livre vraiment essentiel !

Voici un livre étonnant. On pourrait croire qu'il s'agit d'un livre traitant du pré-processeur CSS SASS et de l'outil COMPASS mais ce n'est pas vraiment le cas.
Il s'agit avant tout d'un recueil de bonnes pratiques en matière de CSS, de réflexions sur des idées reçues et de suggestions à la fois pragmatiques et très sensées.
Au terme de ces réflexions, l'auteur expose alors l'intérêt du SASS et de son outil COMPASS...
Ce livre est à mon sens incontournable pour tous ceux qui maîtrisent déjà les pratiques courantes en matière d'intégration web...
Que de bonnes idées !