no framework

Audio & video

capture video faire une capture video d'une fenetre ou de l'ecran complet puis l'enregistrer.
piano un piano.
video incurvé lecteur de video incurvé utilisant conjointement l'api video pour le lecteur le css 3d pour cree la zone incurvé et l'api canvas pour restitué la video.
video zoom dirigé permet de zoomer avec le scroll sourie et deplacer avec la souris une video mais on vas aussi pouvoir zoomer la barre de defilement du player afin de pouvoir affiner les seqences que l'on veut visionner j'usqu'a un affichage image par images. On peut aussi visionner des video local et le script fonctionne aussi avec la webcam
lecteur audio lecteur audio avec playlist utilisant la balise audio.
banniere une banniere animé avec integration d'un lecteur video personalisé.
html5 player Un player exploitant l'api video du html 5
html5 player 2 Un autre player mais simplifié on peut en inserer plusieurs dans une page par instance; pour le plein ecran double clic sur la video
boite a music Boite a rythme exploitant la balise audio

Canvas

Generateur d'exagramme yi king yi jin c'est un generateur d'exagramme de yi king yi jin l'affichage se faisant dans un canvas. On peut modifier la taille du canvas sans pour autant modifier le rendu.
Mini librairie de graphiques mini Librairies Javascript de graphique avec adaptation automatisé utilisant l' API canvas pour dessiner les graphiques.
lecteur audio circulaire lecteur audio ciculaire la visualisation de la progression de la lecture se fait avec canvas
code barre generateur Generateur de code barre ean13 dans un canevas avec option de configuration et sauvegarde.
collection d'effets il s'agit d'une collection d'effet de transition d'image dans un canvas il y a exactement 40 effets.
paink Un logiciel de dessin et de retouche d'image utilisant canvas.
jeux snake le jeux du serpent snake qui grandi en mangent des pommes dans un canvas.
image map coloré image map avec zone coloré les zones coloré sont des imge cree a la volé par l'intermédaire d'un canvas en recupérant les donné de coodonnés povenant d'une balise map present dans la page.
genérateur d'image map on inserre les donnés html d'une map dans un textarea on indique la dimension de l'image map on appui sur genere et les image sont généré automatiquement en fonction des informations de la map.
camera teste de la webcam dans le navigateur dans des canvas accompagné d'effets
n&b vers couleur transition d'une image du noir et blanc vers la couleur la particularité du script c'est que l'image en noir et blanc est crée a la volé en utilisant l'image en couleur et en lui faisant un traitement avec canvas
nocopie Script qui limite la copie d'image sur une page pour ce faire j'utilise le canvas, un premier traitement inserer du texte en filigrane sur l'image puis un second traitement découpe l'image en petit morceaux.

I :) js

Css3 3D

Mur d'image en 3d circulaire C'est un mur d'image en 3d avec une forme circulaire pour ce faire j'utilise le css 3d couplé au javascript afin de serialiser la creation du mur .
defilement a la iphone mise en scene d'une tablette utilisant le css 3d avec pour les images un effet de defilement avec deceleration et le deplacement de la tablette.
mastermind le jeux mastermind avec l'api drag & drop et une mise en scene en css3d.
cahier un cahier realisé grace au css 3d on tourne les pages comme un livre compatible avec safari chrome et firefox 10 attention pour chrome le zIndex ne suit pas correctement la spec donc sa bogue a ce niveau.
diapo un diapo en css 3d il s'agit d' une plaque qui tourne sur son axe d'ou les images son affichés compatible avec safari chrome et firefox 10.

Script & api html 5

Mesure de distance depuis une image Avec ce code on va pouvoir mesuré les distance reel a partir d'une image avec la possibilite de zoomer et deplacer l'image , pour ce faire on renseigne la distance étalon et la retranscrire sur l'image.Par la suite il suffit de tracer une ligne entre deux distances de l"image les image étant chargé a partir du pc.
image marker ajouter des marker dans une image pour ce faire il y a un éditeur wysiwyg qui vas permetre de créer et visualiser l'image avec les markeurs et generera un fichier json de configuration qui sera inserer avec le fichier js dans la page, on peut meme ouvrir un fichier precedement créer afin de faire des modifications.
zoom dirigé sur svg il s'agit de zoomer sur une zone precise d'une image vectoriel svg et de pouvoir la deplacer avec en plus possibilité de mettre des lien.
application de prise de commande une application de prise de commande avec reglement différé et le gestionnaire des donné.
editeur de texte un editeur de texte multi session avec option de chargement et enregistrement a partir du PC et sauvegarde de session.
casse brique le jeux du casse brique il y a qu'un niveau.
jeux de tir un jeux de tir dans l'espace ou l'on doit eviter des soucoupes volantes le script utilise uniquement des elements html il y a aussi une utilisation intensive de la balise audio.
creer une image il s'agit de creer une image a partir d'un div qui contient plusieur image que l'on aura inséré par drag and drop.
ombre Effet d'ombre avec texte shadow et box shadow
horloge Exploitation de l'attribut transforme une horloge pour agrandir l'horloge il faut utiliser la molette de la souris
effet sur image On clic sur une image et elle part de son point d'origine pour arriver au centre de la page en effectuant une rotation
image vers base 64 Un convertisseur d'images en base64 utilisant l'api file.
bouton rotatif Une class pour ajouter des bouton rotatif utilisant l'attribut transforme du css3.
lapin le Lapin.
effet de texte Exploitation de l'attribut transforme effet de texte

Script Dhtml

effet de rotation d'un objet a 360° faire tourner un objet a 360° donnant un effet 3D on peut aussi pousser l'objet creant un effet d'acceleration, deceleration.
lightbox un diaporama avec image adapté par animation en pur javascript.
bulle d'erreur (tooltip) il s'agit d'une fonction qui cree a la volé des bulles d'erreur (tooltip) pour input que l'on appel en precisant l'element et le texte. il y a Plusieurs options de configuration
defilement de page une interface pour faire defilé une page web avec un smartphone.
zoom dans un cadre un autre zoom l'image se trouve dans un cadre on peut zoomer, deplacer et recadrer l'image
loup & zoom l'effet loupe avec un zoom par la molette.
compteur un compteur entre deux dates.
secure clavier numerique securisé les chiffres ne son jamais a la meme place et il faut survoler les chiffres pour les valider.
scroll barre barre de scroll personalisé
fenetre de login fenetre de login cree dynamiquement.
palette de couleur une palette de couleur.
carouselle 3D un carouselle d'image qui effectue une rotation 3D.