Liens · Devenet

◄ older

1 of 2

28 results for tags html x

Emails HTML modernes : en finir avec les tables → https://www.teotimepacreau.fr/blog/emails-html-modernes/
> • nous prenons en compte seulement les clients Apple Mail, Gmail et Outlook qui couvre ainsi 90% des lecteurs de mails dans le monde
> • nous utiliserons des règles CSS/HTML supportés à minima part 70% de tout les clients mails

Plus besoin d’utiliser des <table>, les <div> sont bien supportées. Les styles sont préférablement en `inline`, car en cas de transfert le <style> est supprimé.
Fri Dec 15 10:31:55 2023 – #permalink
email html
Web Interface Handbook → https://imperavi.com/books/web-interface-handbook/
“This is a book about the fundamentals of creating a good web interface. You will find out how to make effective forms, typography, grids, and many other components of web design.”
Tue May 4 09:54:15 2021 – #permalink
css design html ui ux
Always bet on HTML → https://gomakethings.com/always-bet-on-html/
Où j'apprends ces nouveaux éléments HTML :
– <details> : https://developer.mozilla.org/fr/docs/Web/HTML/Element/details
– <datalist> : https://developer.mozilla.org/fr/docs/Web/HTML/Element/datalist
Sat Jul 25 13:48:10 2020 – #permalink
html
HTML attributes to improve your users' two factor authentication experience → https://www.twilio.com/blog/html-attributes-two-factor-authentication-autocomplete
Mon Jan 13 09:42:27 2020 – #permalink
html
Recommandations pour l'intégration d'e‑mails → https://github.com/hteumeuleu/email-guidelines/blob/master/translations/fr-FR/README.md
Document qui a pour but de présenter plusieurs principes que vous pouvez appliquer pour coder des e‑mails HTML. Chaque recommandation est objectivement justifiée pour se conformer aux clients de messagerie modernes, et se dégrader gracieusement ailleurs.
Mon Jun 3 17:17:02 2019 – #permalink
email html
The Front-End Checklist → https://frontendchecklist.io/
The Front-End Checklist Application is perfect for modern websites and meticulous developers!
Wed Nov 29 16:34:41 2017 – #permalink
css développement html ressource web
<head> Cheat Sheet → http://gethead.info/
A list of everything that could go in the <head> of your document
Mon Jun 12 17:11:32 2017 – #permalink
html
Ridiculously easy trick for keyboard accessibility – Karl Groves → http://www.karlgroves.com/2014/11/24/ridiculously-easy-trick-for-keyboard-accessibility/
Fri May 12 15:31:17 2017 – #permalink
accessibility html
Placeholders: minimal does not mean simple | Adam Silver | UX design, Front-end Engineering and Strategy | London, UK. → http://adamsilver.io/articles/placeholders-minimal-does-not-mean-simple/
Les placeholders sans label ni aide, c'est le mal…
Tue Jan 31 22:40:14 2017 – #permalink
css html ux
alsacreations/guidelines: Nos bonnes pratiques internes à l'agence Alsacréations → https://github.com/alsacreations/guidelines
Thu Dec 29 14:38:44 2016 – #permalink
css html js php
JoliCode - L'histoire d'Unicode et son adoption sur le Web → https://jolicode.com/blog/l-histoire-d-unicode-et-son-adoption-sur-le-web
– Go Unicode : soyez inclusif et faites l’effort nécessaire pour supporter les internautes du monde entier ;
– Forcez le charset de vos connexions MySQL ;
– Arrêtez d’utiliser le charset utf8 sur vos tables, il est mal nommé, obsolète et dangereux ;
⇒ Utilisez utf8mb4, c’est le bien ;
– Normalisez les contenus important, pour trier, comparer, de façon homogène ;
– Forcez l’encodage pour tous vos développeurs (avec un petit EditorConfig par exemple) ;
– N’utilisez pas utf8_decode et utf8_encode !
Thu Nov 10 11:14:09 2016 – #permalink
html php
The New System Font Stack? → https://bitsofco.de/the-new-system-font-stack/
Les fonts par défaut des différents systèmes d'exploitation.
Fri Oct 7 18:07:16 2016 – #permalink
css html
Styler les images non affichées → https://la-cascade.io/styler-les-images-non-affichees/
Article intéressant sur comment gérer les images dont le lien est cassée.
Plutôt que le navigateur affiche le texte alternatif de façon habituelle, il est possible avec du CSS d'adapter le comportement en sachant que :
1. on peut typographiquement styler l’élément <img>, cela n’affectera pas l’image si elle s’affiche ;
2. L’élément <img> étant contrôlé par une source extérieure, les pseudo-éléments :before et :after ne peuvent pas fonctionner avec <img>. Cependant, lorsqu’une image ne s’affiche pas, et donc n’est pas chargée, ces pseudo-éléments peuvent apparaître.
Fri Oct 7 13:55:22 2016 – #permalink
css html
Noms de personnes à travers le monde → https://www.w3.org/International/questions/qa-personal-names.fr
Thu Aug 11 00:12:51 2016 – #permalink
html life
« Thinking Outside the <table> » à The Email Design Conference 2016 – L'intégration d'e-mails → http://emails.hteumeuleu.fr/2016/08/thinking-outside-the-table-tedc-2016/
Restranscription de la conférence donnée par cet intégrateur sur l'intégration des emails. Problématique des différents webmails, exemples et question de sécurité.
Wed Aug 10 10:22:18 2016 – #permalink
email html integration
Font Loading Revisited with Font Events → https://www.filamentgroup.com/lab/font-events.html
Chargement "différé" des fonts sur une page web pour un rendu plus rapide.

On charge les fonts via CSS, comme habituellement.
On définit les éléments avec ces polices comme fils de .fonts-loaded.
Via une API JavaScript, on détecte quand les fonts sont chargées et prêtes, et on ajoute la classe .fonts-loaded à l’élément body : les polices sont affichées.
⇒ pas de page sans police ou un blanc entre le chargement des polices !

Dans le même genre : http://www.zachleat.com/web/foft/
Wed Feb 3 15:00:19 2016 – #permalink
css font html
Preload Hints For Web Fonts - Bram Stein → http://www.bramstein.com/writing/preload-hints-for-web-fonts.html
Préchargement des web-fonts
Thu Sep 3 16:57:00 2015 – #permalink
css html
Créer un e-mail responsive sans media queries – L'intégration d'e-mails → http://emails.hteumeuleu.fr/2015/06/creating-a-future-proof-responsive-email-without-media-queries/
Mon Jun 22 12:14:43 2015 – #permalink
css email html ressource
noisy 404. → http://codepen.io/rlemon/pen/jPPLNV
Page d'erreur 404 qui simule le bruit d'une chaîne de télévision que l'on ne reçoit pas.
Excellent :)

(via http://lehollandaisvolant.net/?id=20150515193151)
Sat May 16 00:40:41 2015 – #permalink
css html
Character Codes -- HTML Codes, Hexadecimal Codes → http://character-code.com/
Liste des codes caractères HTML, notamment émoticônes et autres.
Wed Jan 14 16:42:05 2015 – #permalink
html ressource

◄ older

1 of 2