Articles tagged with “html”
-
Transparent iframes and dark mode
Today we’re talking about how transparent iframes, dark mode, unreadable text and varying levels of browser support are doing my head in. But don’t worry, there’s light at the end of the tunnel.
-
Styling buttons, the right way
Learn how to create an accessible button style which can be used with the correct semantic element: <a> or <button>.
-
ReMarkdown.css
Styling HTML elements as if they were plain Markdown text.
-
How to work with SVG icons
A complete guide to SVG icons in HTML pages, with the symbol sprites technique.
-
Browser support for SVG symbol sprites
All modern browsers support using SVG symbols from a different SVG element in the same page, or from a remote SVG document on the same domain.
-
Namespaced HTML classes
Let’s say you’re releasing some library or library-ish code which makes use of HTML classes. You want to allow users of your code to just put a given class somewhere and get a specific result. How do …
-
Full page video background with media queries
How to build a video background that fully covers an element using iframes and media queries.
-
Icon font accessibility
Chris Coyier wrote a demo of what you can do with icon fonts and it’s rather compelling. Chris has included a rebuttal of the “oh yeah but it’s not accessible” argument but sadly his answer only …
-
Basic styling of button elements
You will want to use <button> elements for e.g. buttons triggering JavaScript actions, and not <a href="#">…</a> which has different semantics. Here’s how to reset button styles efficiently.
-
Fond de page en trois parties
-
Comment utiliser <abbr> en HTML?
L’élément HTML abbr indique qu’un mot est une abréviation (au sens large, ce qui regroupe les sigles, acronymes, et plus généralement toute écriture raccourcie). Lorsqu’on souhaite indiquer le sens …
-
À quoi servent les balises “meta”?
Question éternelle des forums de discussion sur la conception web et le référencement: les balises META, ça sert à quelque chose? C’est pris en compte par les moteurs de recherche? Est-ce que ça permet d’allonger les péniches?
-
Espaces unicode et navigateurs web
Il existe 16 espaces en Unicode, dont 2 sont redondantes. Cette page teste le rendu de 12 de ces espaces dans les navigateurs. Des résultats sont compilés pour les principaux navigateurs.
-
Adapter une légende à la largeur de l’image
-
Gabarits HTML et CSS simples
J’ai créé les 11 gabarits de mise en page suivants en 2008 pour la formation Elephorm Apprendre XHTML et CSS. Ils correspondent aux types de mise en page de site web courants à l’époque, utilisent …
-
Soulignement des images dans un lien
-
Page sur toute la hauteur de la fenêtre