Du nouveau

De nombreuses pages des deux tutoriels sur  le format  SVG ont été réécrites en particulier les pages portant sur les balises d’animation de SVG : animate, animateMotion, animateTransform.

Dans le tutoriel « dessiner avec SVG » je traite désormais d’un logiciel très utile : Inkscape

Je rappelle que les balises d’animation de SVG sont implémentées désormais sur tous les navigateurs récents sauf IE …

Bonnes visites :
dessiner avec SVG
animez SVG

Publié dans JavaScript, SVG | Laisser un commentaire

Les formulaires

Dans le tutoriel « HTML & CSS pour les débutants » j’ai ajouté une quatrième et dernière partie : les formulaires HTML

L’outil formulaire est à la base du site interactif !

HTLM & CSS – débutants

Publié dans HTML&CSS -débutants | Laisser un commentaire

Tutoriel JavaScript : nouvelle partie

Dans mon site et plus précisément dans le tutoriel « javaScript » j’ai ajouté un chapitre traitant des objets dans ce langage.

Dans cette partie je traite surtout des objets natifs en JavaScript : objet date, objet string, objet array, objet image et objet document

Les objets en JavaScript

Publié dans JavaScript | Laisser un commentaire

HTML & CSS pour les débutants : nouvelle partie

Dans mon site et plus précisément dans le tutoriel sur HTML & CSS destiné aux débutants j’ai ajouté la troisième partie : création et hébergement d’un site.

Vous y trouverez de nombreux conseils et astuces. Vous apprendrez par exemple que le nom des pages est libre sauf la page d’accueil … et que cette dernière doit impérativement être à la racine du dossier (et non pas dans un sous-dossier), etc.

HTML & CSS -grands débutants

Publié dans HTML&CSS -débutants | Laisser un commentaire

La balise animate de SVG

Il est dommage que les balises d’animation du langage SVG ne soient pas encore implémentées sur tous les navigateurs (en particulier IE 11) car en intégrant la balise animate dans un conteneur de forme (circle ou rect ou text) on arrive à produire en quelques minutes une animation sympathique.

Prenons l’exemple d’une animation de texte (le texte se déplace alternativement de droite à gauche puis de gauche à droite). Le code SVG dans la page web ne tient qu’en quelques lignes :

<svg width= »700″ height= »100″ style = ‘background : linear-gradient( 75deg, navy, aqua,white );’> <text x= « -700″ y =’60’ width = ‘600’ height = ’60’ class =’forme’>calaisplongee.free.fr <animate attributeName= »x » values = « -700;800;-700″ begin = »0s » dur= »20s » repeatCount= »indefinite »/> </text> </svg>

Visitez la page

Publié dans SVG | Laisser un commentaire

Nouveau tutoriel

Les internautes qui souhaitent s’initier à HTML  &  CSS trouveront désormais leur bonheur sur mon site.
Toujours le même principe : le minimum de blabla et le maximum d’exemples.
Ce tutoriel comprend trois parties :

  • premiers pas
  • mise en page
  • premier site

La troisième partie est en cours de rédaction et sera prochainement en ligne.
HTML & CSS – grands débutants

Publié dans HTML&CSS -débutants | Laisser un commentaire

Applications avec HTML5

Dans sa version 5 HTML intègre désormais le format SVG (via le conteneur SVG), HTML5 c’est aussi de nouvelles API JavaScript.

HTML5 au sens large c’est aussi toutes les nouveautés de formatage de CSS3.

En mixant tous ces langages dans une même page (HTML, CSS, SVG, JavaScript) il est désormais possible de réaliser des applications sympathiques.

Je vous invite à utiliser deux applications et un jeu qui sont en fait des fichiers HTML !

une calculette
obtention du code RGB
le jeu de squash

Publié dans HTML 5 | Laisser un commentaire