SEO, web, high tech et mobile

20 Templates de formulaires CSS3 / HTML5

Article de designmodo qui regroupe 20 designs de formulaires, réalisés en CSS3 et HTML/HTML5.
Ça vous permettra de gagner du temps dans vos développements et surtout vous donnera des idées de designs.

Il y a des formulaires d’enregistrement, de contact, d’identification, de commentaires, etc…

exemple de formulaire css3 HTML

Formulaire CSS / HTML

Lire la Suite

Jérôme PASQUELIN

5 jeux en HTML5 : Magician – Fairy Rescue, Sinuous , Pajama , Breakdom et Canvas Rider

Voici une liste de 5 jeux réalisés en HTML5

  • Magician – Fairy Rescue : jeu où il faut libérer des fées en tirant sur des bulles (compatible IE9, Firefox 4.0 et Chrome 11)
    http://www.relfind.com/game/magician.html
  • Sinuous : jeu où vous êtes un serpent et où le but est d’éviter de se faire toucher par les points rouges défilants
    http://hakim.se/experiments/html5/sinuous/01/
  • Pajama : jeu de simulation d’élevage de poissons basé sur les lois fondamentales de la génétique.
    A partir d’un premier couple de Pajama (Adam et Eve) que vous profilerez, vous devrez obtenir dans la descendance suffisamment de Pajamas qui répondent aux objectifs fixés à chaque niveau.(compatible Safari 5, Opera 10, Firefox 4.0 et Chrome 10)
    http://www.genetix.fr/pajama/ Lire la Suite
Jérôme PASQUELIN

Generateur de tableaux HTML et CSS gratuit

Compareninja.com est un service en ligne gratuit qui vous permet de générer un tableau HTML et CSS rapidement en 3 étapes grâce à leur assistant : nombre de lignes, nombre de colonnes, titres du tableau et de chaque colonne/ligne, design pre-défini,  etc…
Une option permet même de partager le tableau sur les réseaux sociaux (facebook, tweeter, …)

L’interface est intuitive, c’est très simple d’utilisation et  le codes généré est valide W3C. Et c’est gratuit!
Le code HTML et le code CSS généré et récupérable par simple copier/coller.

Avec l’assistant, vous pouvez simplement créer un tableau de comparaison en HTML et en CSS en un rien de temps.
Nous vous proposons différents visuels grâce à des templates très simples d’utilisation.
Un des avantages de l’utilisation de ce service génial, c’est que sans aucune connaissance préalable, vous pouvez créer un code HTML et CSS valide.

En plus de l’interface intuitive, une autre fonctionnalité intéressante lors de l’édition d’un tableau de comparaison est de changer les titres et le texte des catégories : il vous suffit de cliquer sur eux avec votre souris. C’est simple, c’est facile.

Après avoir terminé l’édition de votre tableau de comparaison vous aurez probablement envie de partager votre code avec vos amis sur Facebook, ou peut-être tweet un nouveau statut avec un lien vers votre table.

Un exemple de tableau HTML crée
Lire la Suite

Jérôme PASQUELIN

Statistiques des technos les plus utilisées sur le web (w3techs.com)

Pour résumer, le web est fait en majorité de pages XHTML encodées en UTF8 avec des images JPEG, utilisant javascript (surtout jquery)
Côté serveur, elle sont programmées en PHP et exécutées avec Apache sous Unix.
Niveau C.M.S., domination importante de WordPress.

C.M.S (Content Manager Sytems) :

Utilisation changements depuis le 01/09/2011 Parts de marché changements depuis le 01/09/2011
1. WordPress 15.1% +0.4% 54.0% -0.3%
2. Joomla 2.7% 9.7% -0.2%
3. Drupal 1.8% +0.1% 6.3% +0.1%
4. vBulletin 1.4% 5.0% -0.2%
5. Blogger 0.8% 2.9%

 

Lire la Suite

Jérôme PASQUELIN