PUBLIC MARKS from decembre with tags css & hack

How to Apply a CSS Class to an Inserted Image3. Add 'class="myimage"' within the img tag; it doesn't need to be in a specific location, such as before "title" or "alt," to function. For instance, if your code is (img src="myhouse.jpg" alt="Photo of my house")," it should become: (img src="myhouse.jpg" alt="Photo of my house" class="myimage")

a neat trick one can do with CSS variables, precisely due to their dynamic nature. Let’s say you want to use a property that has multiple versions: an unprefixed one and one or more prefixed ones. In this example we are going to use clip-path, which currently needs both an unprefixed version and a -webkit- prefixed one, however the technique works for any property and any number of prefixes or different property names, as long as the value is the same across all variations of the property name. The first part is to define a --clip-path property on every element with a value of initial. This prevents the property from being inherited every time it’s used, and since the * has zero specificity, any declaration that uses --clip-path can override it. Then you define all variations of the property name with var(--clip-path) as their value: * { --clip-path: initial; -webkit-clip-path: var(--clip-path); clip-path: var(--clip-path); }

L'une des possibilités offertes est alors de basculer tous les traitements et calculs de cet élément du côté de la carte graphique (GPU), et non plus du processeur (CPU). Bref, on active l'accélération matérielle. Une transformation CSS "classique" (translate, rotate, skew, scale, matrix) ne suffit pas à activer l'accélération matérielle, il est nécessaire que cette transformation passe via l'axe de la profondeur (axe Z). En clair, il faut opérer une transformation 3D. Voici une liste de déclarations CSS 3D permettant d'activer l'accélération matérielle sans altérer l'affichage ou la position de l'élément : transform: translateZ(0); transform: translate3d(0,0,0); perspective: 1000; backface-visibility: hidden;

/* For image replacement */ .ir { border:0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; } Edit du 09/04/2012 — N’hésitez pas à jeter un oeil sur l’article : My thoughts about the latest Image Replacement techniques qui pointe les défauts de ces nouvelles méthodes de remplacement de texte par une image.

Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs. How to?: Pick the hack you want Copy it into your stylesheet Add the style you want between the braces Enjoy the new styles for the browser you targete

Firefox: Si vous utilisez Firefox systématiquement à une distance lors de présentations ou de votre canapé, par exemple, cette combinaison intelligente de Tweaks Firefox la rend plus facile pour vos yeux. 1. Téléchargez ce fichier userChrome.css ici. 2. Placez le userChrome.css 'dans le dossier suivant: ~ / Bibliothèque / Application Support / Firefox / Profiles / [profil]-name / chrome / [Ed. Note: Ils utilisent Mac OS X, reportez-vous cet article de la Base de connaissances MozillaZine pour trouver l'emplacement du dossier de profil dans votre système d'exploitation.] 3. Installez le plugin en cliquant sur Non Squint ici. 4. Changer de page par défaut du plugin n Squint de «plein niveau de zoom" mise à 150%. 5. Installer un thème qui fonctionne avec la taille du texte augmenté. J'ai choisi Hexxya, Qui utilise également des icônes plus petites de sorte que vous pouvez voir plus de votre barre d'adressei. 6. Profitez de votre navigateur Firefox HD!Firefox Dix Mode Couch Foot