Quelques sites qui proposent des templates HTML tout faits.
Sous le coude.
Un bon gros paquet de raison de ne pas utiliser les placeholders.
Je dirais que ça dépend des cas mais effectivement, dans un souci d'utilisabilité, il vaut mieux restreindre leur utilisation au maximum.
Des templates HTML vraiment sympas.
Un outil qui génère une galerie statique sans code côté serveur à partir d'un répertoire d'images.
J'aime assez l'effet qui donne au fond les couleurs dominantes de la photo affichée avec un léger dégradé.
Quelques nouveautés introduites par HTML 5.1.
Comment utiliser l'attribut "alt" d'une image en HTML selon la nature de l'image.
D'autres bonnes pratiques pour les formulaires d'inscription.
Via https://blog.stephaniewalter.fr/la-semaine-en-pixels-7-octobre-2016/
Rendre responsive les vidéos et autres iframes.
Un outil en ligne pour créer des formulaires assez follement ergonomiques.
Ça peut être une bonne source d'inspiration si vous souhaitez améliorer un peu la User Experience de vos développements.
Je viens juste de découvrir que certains vieux interpréteurs HTML interprètent les caractères HTML ("&" pour "&" par exemple) même s'ils ne sont pas suivis du point virgule.
Du coup ça peut poser de gros soucis si vous incluez des URL contenant "&lang=fr" par exemple où "&lang" sera remplacé par le caractère "⟨".
Je pense qu'il faut être particulièrement vigilant avec les clients mail qui comportent parfois des interpréteurs un peu exotiques.
tl;dr
Un tuto qui a l'air très complet sur le HTML et le CSS. Il y a une version débutant et une version avancée.
Encore un article plein de bon sens sur les bonnes pratiques indispensables lorsque l'on met en place un formulaire.
Un tuto HTML & CSS assez classieux.
Comment bien utiliser SVG en HTML / CSS.
Quelques bonnes pratiques pour la conception de formulaires HTML.
Tout ce qu'il est possible de mettre dans le
d'un document HTML.Un moyen simple d'envoyer 2 emails en 1 en PHP, grâce au Content Type multipart/alternative. Si le client mail du destinataire gère le HTML, c'est cette version qui sera affichée, sinon ce sera la version texte.
Vous me direz qu'aujourd'hui, tous les clients mails gèrent le HTML. C'est vrai mais certains utilisateurs le désactivent volontairement.
Je me fait une copie du code donné en exemple dans l'article :
//specify the email address you are sending to, and the email subject
$email = 'email@example.com';
$subject = 'Email Subject';
//create a boundary for the email. This
$boundary = uniqid('np');
//headers - specify your from email address and name here
//and specify the boundary for the email
$headers = "MIME-Version: 1.0\r\n";
$headers .= "From: Your Name \r\n";
$headers .= "To: ".$email."\r\n";
$headers .= "Content-Type: multipart/alternative;boundary=" . $boundary . "\r\n";
//here is the content body
$message = "This is a MIME encoded message.";
$message .= "\r\n\r\n--" . $boundary . "\r\n";
$message .= "Content-type: text/plain;charset=utf-8\r\n\r\n";
//Plain text body
$message .= "Hello,\nThis is a text email, the text/plain version.
\n\nRegards,\nYour Name";
$message .= "\r\n\r\n--" . $boundary . "\r\n";
$message .= "Content-type: text/html;charset=utf-8\r\n\r\n";
//Html body
$message .= "
Hello,
This is a text email, the html version.
Regards,
Your Name";
$message .= "\r\n\r\n--" . $boundary . "--";
//invoke the PHP mail function
mail('', $subject, $message, $headers);Changer la couleur du placeholder en CSS. Le support semble très limité pour l'instant.
Styliser l’élément HTML slider.