Réflexions sur le webdesign, les nouvelles technologies, la vie ...

HTML5 et CSS3 : Faites évoluer le web design

Voici un livre qui m’a beaucoup intéressé, un livre pour les webdesigners. La conception d’un site passe par les langages fondateurs que sont le HTML et les CSS (HyperText Markup Language + Cascading Style Sheets). Arrivés à leurs versions majeures, HTML5 et CSS3 marquent sans aucun doute, une évolution fondamentale dans la façon de concevoir les sites web.

La connaissance de ces langages est indispensable pour les utilisateurs de CMS, comme WordPress, aussi bien du côté design que développement. Car pour moi, un bon développeur doit avoir un minimum de connaissances Front, tout comme le web-designer doit avoir des notions de PHP.

Ce livre s’adresse aux concepteurs de sites Web et aux designers Web ayant déjà la connaissance de l’HTML 4 et des CSS 2.1, qui veulent faire évoluer leurs créations et créer des sites Web intégrant ces nouveaux standards.

Dans la partir consacrée à l’HTML5, vous étudierez la nouvelle syntaxe, les nouveaux éléments de structure sémantique (en-tête, section, navigation…) et les formulaires interactifs.

Dans celle consacrée aux CSS3, vous apprendrez à utiliser les nouveaux sélecteurs, la mise en forme du texte et les conteneurs (ombre portée, coins arrondis, dégradés, bordures en motif…).

Ecris dans un style accessible, même pour les débutants, ce livre est destiné à dégrossir le sujet et vous permettra de tester ces nouveaux standards qui seront bientôt démocratisés. Vous pourrez ainsi tester avec des exercices concrets ces évolutions.
 

A propos de l’auteur :

Responsable pédagogique dans un centre de formation et formateur sur les technologies Web et les Arts graphiques pendant plus de quinze ans, Christophe Aubry est aujourd’hui dirigeant de la société netPlume spécialisée dans la rédaction pédagogique et la création de sites internet. Auteur de nombreux livres aux Editions ENI notamment sur Dreamweaver, WordPress, Drupal, HTML et CSS, il reste au fait des nouveautés concernant la conception des sites Web, en effectuant une veille technologique régulière et en intervenant dans de nombreux forums.

Table des matières :

  • Introduction
  • Chapitre 1 : L’évolution de l’HTML et des CSS
  • Chapitre 2 : La nouvelle syntaxe HTML5
  • Chapitre 3 : Les éléments de structure HTML5
  • Chapitre 4 : Des modèles de sites HTML5
  • Chapitre 5 : Évoluer vers les CSS3
  • Chapitre 6 : Les nouveaux sélecteurs CSS3
  • Chapitre 7 : La mise en forme CSS3 des boîtes
  • Chapitre 8 : L’HTML5 et les CSS3 pour le texte
  • Chapitre 9 : L’HTML5 et les CSS3 pour les formulaires
  • Chapitre 10 : Les transformations CSS3
  • Chapitre 11 : Les transitions CSS3
  • Chapitre 12 : Les animations CSS3
  • Chapitre 13 : Le multimédia : audio et vidéo
  • Chapitre 14 : Le canevas de dessin
  • Chapitre 15 : Le design Web adaptatif
  • Chapitre 16 : Un design HTML5/CSS3 : The Cat Template
  • Chapitre 17 : Un design HTML5/CSS3 : FlipThru
  • Chapitre 18 : Un design HTML5/CSS3 : dConstruct

 
Lien vers les Editions ENI : http://www.editions-eni.fr
Pour l’achat de la version papier, la version numérique est offerte.
 
Voici aussi deux dépliants aide-mémoire de 12 pages, recensant les principales propriétés. L’aspect pratique, plastifié et moins encombrant qu’un gros livre, permet de les garder toujours à portée de main.
HTML5 CSS3

Lundi : c’est jQuery

En ce lundi un peu maussade (météo, lendemain de weekend), voici une sélection de plugins jQuery très très sympathiques.

30 « fantastiques » plugins en jQuery :
http://speckyboy.com/

10 plugins jquery très utiles :
http://webdesignledger.com/

15 plugins + tutos (images + forms)
http://fabien-berthoux.blogduwebdesign.com/

En tous, cinquante-cinq plugins, si vous ne trouvez pas votre bonheur … moi c’est fait !

Outil WP : anti-spam pour les commentaires

Depuis un petit moment, j’ai remarqué un nombre croissant de commentaires type Spam dans mes commentaires indésirables. Bien connus, ceux ventant les pilules bleues, ou les charmes des filles de l’Est … que du sérieux ! Bien sûr, avec Askimet, le barrage est efficace puisqu’ils se retrouvaient dans les indésirables, mais la corvée de les supprimer était assez déprimant. Certains jours, j’en avais jusqu’à 3 pages … Je me suis mis donc en quête d’une protection efficace, un bon Captcha, ou du moins un équivalent pour ne plus avoir à vider ces indésirables.

Pour ceux qui se demandent encore : un captcha est un test qui permet de différencier l’utilisateur humain d’un robot. Le plus souvent celui ci se présente sous forme d’une image contenant des lettres et des chiffres à recopier dans un champ texte. Pour compliquer la tâche des robots, l’image est déformée ou le fond contient des formes pour rendre la lecture difficile aux machines.

Après quelques recherches, je me suis aperçu que les robots spammeurs étaient de plus en plus performants, puisqu’ils arrivaient à « lire » la plupart des captchas images. J’ai découvert alors une solution pas si bête : le calcul mathématique. En effet, les robots, bien qu’évolués, ont du mal à reconnaitre des opérations mathématiques, pour eux 4 + 6 n’est qu’une suite de chiffres avec un symbole, et non pas une question mathématique.

J’ai donc installé Block-Spam-By-Math-Reloaded. Facile à installer et à paramétrer, même si j’ai eu à refaire le texte en français, modifier un peu le PHP pour que certains textes n’apparaissent pas. On peut aussi le placer sur la page de connexion à l’admin. Depuis 2 semaines, je n’ai eu que 2 commentaires indésirables qui ont passé ce filtre, mais ce sont retrouvés quand même dans les indésirables grâce à Askimet.

Conclusion, tout bénéfice pour moi, même si la solution passe par 2 filtres, le gain de temps et l’efficacité n’est plus à démontrer.

Merci aux développeurs d’Askimet et de Block-Spam-By-Math-Reloaded !!

 Page 1 de 2  1  2 »