TICE, Web 2.0, lo...
Follow
105.3K views | +52 today
TICE, Web 2.0, logiciels libres
Les infos sur l'actualité des TICE et des usages du numérique dans l'enseignement. Canopé de l'Aude https://twitter.com/CDDP11
Curated by Alain MICHEL
Your new post is loading...
Your new post is loading...
Scoop.it!

Video.js : un lecteur vidéo OpenSource HTML5

Video.js : un lecteur vidéo OpenSource HTML5 | TICE, Web 2.0, logiciels libres | Scoop.it
Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video. This is also known as an HTML5 Video Player.
Alain MICHEL's insight:

Un lecteur HTML5 personnalisable pour intégrer des vidéos directement dans vos pages web.

Ce lecteur permet de varier les skins, l'affichage, la position des boutons de contrôle, etc. Il satisfera ceux qui en ont assez du lecteur vidéo HTML5 par défaut de leur navigateur.

Ce lecteur est libre, on peut donc télécharger la source pour l'héberger directement sur son site, ou bien simplement utiliser un lien vers la version en ligne du script nécessaire à son fonctionnement.

more...
Joëlle Samain-Dupuis's curator insight, July 22, 1:41 AM
Video.js : un lecteur vidéo OpenSource HTML5
Scoop.it!

Apprendre les standards Web, HTML, CSS, etc... Tutoriels Alsacreations

Apprendre les standards Web, HTML, CSS, etc... Tutoriels Alsacreations | TICE, Web 2.0, logiciels libres | Scoop.it
Apprendre la création web et les CSS grâce aux tutoriels
Alain MICHEL's insight:

Tous les tutoriels disponibles sur l'excellent site AlsaCreations, tutoriels consacrés aux langages de développement web : HTML, CSS, Javascript, ainsi qu'aux notions d'accessibilité et de webdesign.

Une véritable mine...

more...
No comment yet.
Scoop.it!

Mise en forme et validation d'un formulaire avec CSS3 & HTML5

Mise en forme et validation d'un formulaire avec CSS3 & HTML5 | TICE, Web 2.0, logiciels libres | Scoop.it

Let's look at how to create a functional form which validates users' data, client-side. With that done, we'll cover prettying it up using CSS, including some CSS3 ! | Difficulty: Beginner; Length: Short

Alain MICHEL's insight:

Un tutoriel très détaillé (en anglais mais facile à suivre) sur la mise en forme et la validation d'un formulaire avec les nouveaux attributs de HTML5 et CSS3.

Possibilité de télécharger les fichiers sources correspondants. (colonne de droite ; "download attachments")

more...
No comment yet.
Scoop.it!

Strut : Éditeur de présentation en html5

Strut : Éditeur de présentation en html5 | TICE, Web 2.0, logiciels libres | Scoop.it

Les éditeurs de présentation en ligne sont légions. l’arrivée du HTML5 a apporté de bonnes et de moins bonnes choses mais cela s’améliore grandement.

Strut est un éditeur en ligne, simple, qui ne nécessite même pas d’inscription pour fonctionner. Tout ce que vous faites est récupérable et ré-expoitable.

Alain MICHEL's insight:

Un outil très simple à prendre en main, avec possibilité d'insérer texte, images (locales ou via une URL), vidéos (de YouTube), liens hypertextes vers des sites web, et quelques formes prédéfinies.

La construction se passe en deux temps :

  • on crée ses diapositives avec leur contenu,
  • on organise les diapositives avec l'éditeur de transitions

Il est ensuite possible de visionner son diaporama (HTML5, donc sur tout type de support et sur tout navigateur)

Possibilité d'exporter sa présentation pour la sauvegarder, puis de la réimporter pour la modifier.

Aucun inscription ni création de compte pour ce service, encore en version beta mais plutôt sympathique à utiliser, pour sa facilité.

more...
Anneline Dintilhac's curator insight, February 23, 9:36 AM

Editeur de diaporama, utile peut-être (à vérifier) pour du rapid e-learning.