background preloader

HTML

Facebook Twitter

RIP HTML5 <hgroup> Element. Do you use the hgroup element in your mark-up?

RIP HTML5 <hgroup> Element

It’s probably best not to — the tag is being dropped from the HTML5 specification. We normally think of HTML5 specifications receiving additional features, such as the new <main> element. However, elements can be removed if they offer no compelling benefits. hgroup represented the heading of a section and normally contained two or more h1 to h6 child elements, e.g.

Using b and i tags. What issues are there?

Using b and i tags

You need to bear in mind that misuse of these tags can make localization of content difficult. A general issue. Using b and i tags can be problematic because it keeps authors thinking in presentational terms, rather than helping them move to properly semantic markup. At the very least, it blurs the ideas. To an author in a hurry, it is tempting to just use one of these tags in the text to make it look different, rather than to stop and think about things like portability and future-proofing. Internationalization problems can arise because presentation may need to differ from one culture to another, particularly with respect to things like bold and italic styling.

Japanese example. 10 HTML Tag Crimes You Really Shouldn't Commit. You better watch out, because the HTML police are about.

10 HTML Tag Crimes You Really Shouldn't Commit

They scour your code and pick out the most unspeakable crimes against HTML markup. This handy list of ten HTML tag crimes sheds some light on some of the most common coding mistakes and helps provide an alternate solution. Tips include writing valid markup, making semantic choices, avoiding deprecated tags and more! Crime 1: Placing Block Elements Inside Inline Elements HTML elements can either be displayed in two ways, Block or Inline. 28 Free Responsive Email Templates. To ensure your email campaign has the best chance at success, use a responsive design that looks good on any screen size.

28 Free Responsive Email Templates

Instead of designing your own, take advantage of these free responsive templates that have already been tested on a variety of screen sizes and email clients. Here is a list of free responsive email templates. There are single email templates, as well as template sets with multiple design options. All of these templates can be modified to suit your needs. In addition, several of the template sites also feature helpful email reference guides to make the most of your campaign.

Ink (4 Templates) How to Code HTML Email Newsletters. This article was first published in 2006, then re-edited in 2011 — and now it’s been re-re-edited in 2015.

How to Code HTML Email Newsletters

HTML email newsletters have come a long way since this article was first published back in 2006. HTML email is still a very successful communications medium for both publishers and readers. Publishers can track rates for email opens, forwards, and clickthroughs, and measure reader interest in products and topics; readers are presented with information that’s laid out like a web page, in a way that’s more visually appealing, and much easier to scan and navigate, than plain text email.

Coding an HTML email is a fun, practical problem for programmers to solve. Unlike coding a web page, HTML emails need to display well on old email software — think Outlook or Mac Mail, as well as adapt to phone and tablet screens. Comment Bien Utiliser le Html pour un Emailing ?

Réaliser un bon e-mailing passe dans un premier temps par la réflexion.

Comment Bien Utiliser le Html pour un Emailing ?

Nous avions vu la semaine passée, 5 astuces pour réaliser un bon e-mailing pour la conception de la bonne accroche, trouver le bon contenu, correctement le mettre en forme, et aussi savoir à qui nous envoyons notre e-mailing. Un point pourtant essentiel manquait, comment être sûr que nos e-mailing soient lisibles.

Formulaire

2.4. Depuración (CSS avanzado) Inevitablemente, todos los diseñadores web cometen errores en los trabajos que realizan.

2.4. Depuración (CSS avanzado)

The Nose Creek Blog » Reliable HTML5 Video Made Easy. Last updated June 7, 2013.

The Nose Creek Blog » Reliable HTML5 Video Made Easy

No más patanes: Vídeo HTML5. La guerra ha terminado y han ganado los malos. Hace tiempo escribí sobre el formato abierto de vídeo webM contra el formato propietario h264.

No más patanes: Vídeo HTML5. La guerra ha terminado y han ganado los malos

Predije que si las cosas salían como esperaba, el bien triunfaría sobre el mal, me equivoqué completamente. Favicons, Touch Icons, Tile Icons, etc. Which Do You Need? Absoluta vs URL relativas. Debo usar la Url absoluta o relativa?

Absoluta vs URL relativas

Si por direcciones Url absolutas significan las direcciones Url, incluyendo el esquema (por ejemplo, http / https) y el nombre de host (por ejemplo, yourdomain.com) no vuelvas a hacer eso (para los recursos locales) porque va a ser terrible para mantener y depurar. Google fonts URL break HTML5 Validation on w3.org. Cómo integrar el video en una página HTML5. Windows - Safari ignoring html5 video muted attribute. Cuestiones CSSmedia impresión con background-color; Comment indiquer la langue d’un contenu en HTML? Il est important sur une page web d’indiquer clairement la langue du contenu. Les informations données sur la ou les langues du contenu seront utiles pour les outils d’indexation (moteurs de recherche), les outils de traduction automatique ou encore ceux de synthèse vocale. Par exemple, un lecteur d’écran a besoin de connaitre la langue du contenu pour pouvoir le lire correctement, quand cette langue diffère de ses paramètres par défaut.

Indiquer la langue de traitement. Rel="shortcut icon" considered harmful · Mathias Bynens. Most sites use the following HTML to specify a favicon: Looks okay, right? Guess what — it isn’t! Today, I learned that shortcut is not a valid link relation. HTML5 Video. Responsive embeds : Anders M. Andersen. November 28, 2011 This article shows examples of how to embed video and other iframes in a responsive web design and has examples with YouTube, Vimeo and Slideshare. I found a neat little CSS trick on the A List Apart article “Creating Intrinsic Ratios for Video” and I did some experimenting with it.

(Yes, I had to look up the word Intrinsic…) Player Embedding on Vimeo Developer API. Como poner videos de vimeo a mi pagina web. How to embed videos from Vimeo on your site – revised. How to embed videos from Vimeo on your site – revised By Rudolf Boogerman | 115 comments... Click to Contribute. Vimeo.com has 3 standard ways to display videos directly on your website or blog.

In this article, I explain how to use the standard method, Embedding. Html5 - w3c html validation error - Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections. Html - Can I nest a <button> element inside an <a> using HTML5?