Dator Blog

ZFSnippets est un tout nouveau site sorti aujourd’hui autour du Zend Framework.
Ce site propose de poster des morceaux de code utiles et souvent utilisés (Snippets) pour le Zend Framework.

Pour le moment, le site ne contient pas beaucoup de ressources, mais je pense que ce genre de site permettra de faciliter le travail des développeurs utilisant le Zend Framework.

Par exemple :

Vous avez envi d’afficher les gravatars des utilisateurs dans les commentaires de votre application? Il vous suffit d’aller sur ce snippet et d’utiliser le morceau de code fourni ! C’est aussi simple que ça !

• 0 commentaire

Il y a quelque temps, je vous avais fait un tuto sur comment uploader vos fichiers avec Mootools, et j’ai complétement oublier de vous parler de jQuery (ma librairie javascript préférée !).

jQuery File Upload est un petit plugin qui permet de créer un uploader simple ou multi fichier pour votre site internet. Il vous permet d’uploader tout type de fichier de façon simple et très esthétique.

On peut noter qu’il possède plusieur mode d’upload comme :

• Un seul fichier à la fois
• Plusieurs fichiers à la fois
• Possibilité de définir le type de fichier à envoyer

On peut aussi le personnaliser à souhait en modifiant :

• Le répertoire d’envoie des fichiers
• L’upload multiple de fichier
• Les différentes fonctions à chaque étapes de l’upload
• La restriction de la taille et des extensions des fichiers à envoyer
• Les différents boutons d’upload, de sélection des fichiers et de vidage de la file d’attente

Evidemment ce plugin marche coté client, il vous faut donc un script coté serveur qui se charge d’uploader les fichiers, de les redimentionner ou tout autres actions possible sur des fichiers.

• 8 commentaires

La version 1.3 de jQuery a révélé une nouvelle méthode appelé live() qui permet la propagation des événements javascript dans votre page.

Voir la vidéo en HD (conseillé).

Cette méthode live() ne marche qu’avec les événements suivant :

• click
• dblclick
• mousedown
• mouseup
• mousemove
• mouseover
• mouseout
• keydown
• keypress
• keyup

et ne marche pas avec :

• blur
• focus
• mouseenter
• mouseleave
• submit
• change

• 6 commentaires

Voici un excellent petit script qui permet de créer un calendrier iCal comme sur l’iphone en utilisant jQuery !

Avec un peu d’HTML, un zeste de CSS et beaucoup de jQuery, voici ce que l’on peut faire ! Vous pouvez voir la démonstration ici et télécharger les scripts à cette adresse.

• 0 commentaire

Aujourd’hui je vous propose une liste des éléments non valide au W3C. Lorsque nous réalisons un site web, il est intéressant d’utiliser les éléments valides et non pas les éléments déprécié ou qui sont en prévu à être déprécié !

Attributs proposés à être déprécié :

body[background], table[background], td[background], th[background],
input[border], table[border]
table[cellpadding],
table[cellspacing],
object[codebase],
img[height], object[height], table[height],
a[name], form[name], img[name], object[name],
a[target], area[target],
td[valign], th[valign],
img[width], object[width], table[width]

Attributs dépréciés

applet[align], caption[align], div[align], h1[align], h2[align], h3[align], h4[align], h5[align], h6[align], hr[align], iframe[align], img[align], input[align], legend[align], object[align], p[align], table[align],
body[alink],
applet[alt],
applet[archive],
body[background],
body[bgcolor], td[bgcolor], tr[bgcolor], table[bgcolor],
img[border], object[border],
br[clear],
applet[code],
applet[codebase],
basefont[color], font[color],
dir[compact], dl[compact], menu[compact], ol[compact], ul[compact],
basefont[face], font[face],
applet[height], td[height], th[height],
applet[hspace], img[hspace], object[hspace],
script[language],
body[link],
applet[name],
hr[noshade],
td[nowrap], th[nowrap],
applet[object],
isindex[prompt],
hr[size], font[size], basefont[size],
ol[start],
body[text],
li[type], ol[type], ul[type],
html[version],
body[vlink],
li[value],
applet[vspace], img[vspace], object[vspace],
hr[width], td[width], th[width], applet[width], pre[width]

Attributs ne faisant plus partie de la norme W3C

body[bgproperties],
*[bordercolor], *[bordercolordark], *[bordercolorlight],
body[topmargin], body[rightmargin], body[bottommargin], body[leftmargin],
table[frame]

Éléments proposés à être dépréciés

input[type="button"], input[type="reset"], input[type="submit"], tt, big, small

Éléments dépréciés

applet, basefont, center, dir, font, isindex, menu, s, strike, u,
listing, plaintext, xmp

Eléments bannis du W3C

audioscope, bgsound, blink, bq, comment, embed, fn, ilayer, /*image,*/ keygen, layer, limittext, marquee, multicol, nobr, noembed, nolayer, nosmartquotes, rt, ruby, server, sidebar, spacer, wbr, xml, blackface, shadow

Eléments dépréciés à la validation W3C XHTML 1.0 Strict

a[name], applet[name], form[name], frame[name], iframe[name], img[name], map[name]

Interdictions de l'XHTML 1.0 Strict

a > a,
pre > img, pre > object, pre > big, pre > small, pre > sub, pre > sup,
button > input, button > select, button > textarea, button > label, button > button, button > form, button > fieldset, button > iframe, button > isindex,
label > label,
form > form

Si tu as apprécié l'article, tu peux rejoindre le groupe sur Google Code !

• 7 commentaires

Aujourd’hui je vais vous proposer un article que je n’ai jamais encore fait ! Un compilation des meilleurs plugins pour les framework javascript trouvé sur le net pour valider vos formulaires :

Mootools

• form.Check
• formValidator
• fValidator

jQuery

• Validation
• Form Validation plugin (3 versions possibles)
• jVal

Prototype

• Really Easy Form Validation
• JSValidate (requiert Scriptaculous)
• Unobtrusive Javascript Form Validation for Prototype

Si vous en avez d’autre, n’hésitez pas à mettre un commentaire et je l’ajouterais à la liste !

• 4 commentaires