Notes - webdev:html_css

accessibility

Anonymous (anonymous@undisclosed.example.com) — 2018-10-23T16:51:44+00:00

Accessibility * ARIA

ajout_dune_police

Anonymous (anonymous@undisclosed.example.com) — 2019-04-19T18:50:18+00:00

Ajout d'une police Convertisseur de police web : FontSquirrel (vérifie si les polices sont libres) : Web Font Generator (pas de vérification) : Version de fontsquirrel : Favoriser les OpenType Fonts (OTF) plutôt que TrueType Fonts (TTF) ? Stack ----------

border-image

Anonymous (anonymous@undisclosed.example.com) — 2016-01-16T20:23:36+00:00

Bordure avec une image Tuto W3C Les propriétés se comportent bizarrement ici, faire des tests. Il faut placer le border avant le border-image. Bien chercher avec slice et width. Pour une image qui fait 1900 x 4 px, affichée en haut et en bas :

centrage

Anonymous (anonymous@undisclosed.example.com) — 2016-06-02T17:08:41+00:00

Centrage En cours Margin auto Vertical Centrage spécial Centrage avec les flexbox Utile quand l'enfant dépasse de son parent. Le display flex annule les marges et modifie beaucoup de choses, à éviter ! Stats Can I use Centrer un élément absolu

flexbox

Anonymous (anonymous@undisclosed.example.com) — 2017-11-27T14:08:25+00:00

Flexbox * * *

forms

Anonymous (anonymous@undisclosed.example.com) — 2019-04-22T21:39:48+00:00

Rappels sur les formulaires * Basics * Inputs * Input types Ne pas utiliser de input type=“submit”, ça provoque des bugs sur je-sais-plus-quel vieux navigateur. Preuve ? Une checkbox unique n'est pas prise en compte quand on la décoche Solution : ajouter une deuxième checkbox cachée avec une value 0 et l'option checked sans conditions,

habillage_texte_irregulier

Anonymous (anonymous@undisclosed.example.com) — 2016-01-16T20:23:37+00:00

Habillage de texte irrégulier Idée : Fonctionne tant qu'on ne change pas la taille de l'image. Supporte les changements de taille et les décalages du texte.

iframes

Anonymous (anonymous@undisclosed.example.com) — 2018-09-11T14:05:49+00:00

Iframes Overflow hors de l'iframe C'est NOPE : 1 2 Ou pas (à tester) : 3 Modifier le CSS de l'intérieur d'une iframe Possible seulement si l'iframe est du même domaine, ou si ça a été explicitement autorisé. 1 2

liens

Anonymous (anonymous@undisclosed.example.com) — 2017-06-12T17:13:23+00:00

Liens * Renseigner la balise title intelligemment * Pour les target=“blank” link utiliser rel=“noopener”

mailing

Anonymous (anonymous@undisclosed.example.com) — 2018-09-03T11:06:58+00:00

Mailing HTML Modèle HTML pour PHPlist : Compatibilité CSS : Test anti-spam intéressant : PHPlist Logiciel mailing PHP : Doc : Pour enlever complètement le crédit dans les mails de PHPlist : fichier admin/connect.php, ligne 225 (ou chercher

protection_email

Anonymous (anonymous@undisclosed.example.com) — 2019-04-23T15:34:35+00:00

Protection des emails sur un site Source - Stackoverflow La technique du display:none à l'air intéressante : Bonne technique : - Alt Tester d'utiliser du MD5 inversé pour faire ça ? - Ne marche pas car les hashs MD5 font toujours 32 characters donc on ne peut pas obtenir ce qu'on veut à partir de ça.

reset_css

Anonymous (anonymous@undisclosed.example.com) — 2019-04-22T18:45:16+00:00

Reset css

responsive_design

Anonymous (anonymous@undisclosed.example.com) — 2019-04-22T18:40:17+00:00

Responsive design Et autres joyeusetés... Les images doivent être en sRVB, avec le profil incorporé si possible (mauvaise gestion des autres profils colorimétriques, notamment sur iPad). Fonts Privilégier les tailles de texte relatives et les hauteurs de blocs de textes qui peuvent s'étirer (accessibilité). De cette façon on peut changer toutes les tailles de polices dynamiquement. Pr…

start

Anonymous (anonymous@undisclosed.example.com) — 2016-01-16T20:23:37+00:00

Mise en page HTML et CSS html_css index

video

Anonymous (anonymous@undisclosed.example.com) — 2018-10-15T15:53:23+00:00

Intégration de vidéo Source : Mon code : Tester ça :

viewport_units

Anonymous (anonymous@undisclosed.example.com) — 2016-01-16T20:23:36+00:00

Viewport units Encore trop mal supporté.