|

Vídeos sin el elemento embed

ByLuis

Incluir vídeos, del tipo que sean, en nuestras páginas web suele traernos dificultades, sobre todo si queremos que sean vistas en cualquier navegador y si queremos seguir los estándares. Si os encontráis con este problema nada mejor que echarle un ojo a este artículo, en el cual se indica como incluir mediante el uso de la etiqueta object vídeos de distintos formatos, ya que embed no es estándar.
Entre los distintos tipos de vídeos que incluye están los que usa el Flash Player, como YouTube o Google Video, películas en formato Windows Media y QuickTime.
Ya no tienes excusa para seguir los estándares.
Bye, Bye <embed>

Similar Posts

Consejos para pasar a XHTML Strict

ByLuis

Buena serie de consejos a seguir para aquellos que quieran empezar a realizar webs usando XHTML Strict:

  • Declara el Document Type
  • Declara el Content Type
  • Añade la barra final a los tags de una sola referencia, por ejemplo <br /$gt;
  • Usa la entidad &amp; para el ampersand (&)
  • No olvides el atributo alt par alas imágenes
  • Referencia correctamente el Javascript
  • Usa la etiqueta fieldset en los formularios
  • Anida correctamente el HTML
  • No uses elementos o atributos deprecated

Web Design Tip: XHTML Strict Transition

| |

Enlaza tu email sin miedo al spam

ByLuis

El spam ha condicionado muchas prácticas que originariamente eran tan sencillas y poderosas como enlazar tu mail en la web.

Un truqui para evitarlo que en su día lo descubrimos en 604th.net:

function nospam(name,domain){

window.location = 'mailto:' + name + '@' + domain;

}

Cópialo tal cual sin cambiar nada y súbelo como emailnospam.js. Recomendamos subirlo a una carpeta en la que guardes los javascripts como por ejemplo la carpeta js. Si no te apetece crearla, súbelo a la raíz de tu ftp.

Luego añade lo siguiente entre la línea <head> y </head> de los documentos de tu web:

<script type="text/javascript"  src="/js/emailnospam.js"></script>

Si lo has subido a la raíz elimina la ruta a la carpeta “js”. Quedaría así:

<script type="text/javascript" src="/emailnospam.js"></script>

Ya solo queda que escribas tu mail enlazado en la parte de la web que quieras sustituyendo la palabra ejemplo y dominio.com por lo que corresponda a tu cuenta de email:

<a href="javascript:nospam('ejemplo','dominio.com');">Contáctame</a>

Opciones de una SELECT agrupadas

ByLuis

Algo que no mucha gente suele conocer es que en una select de un HTML se pueden agrupar opciones. Algunos pensarán que esto es una tontería y que es imposible no saberlo, pero conozco bastantes casos de gente que usa selects y que no se fija en toda su especificación, lo cual no me extraña, porque yo jamás he tenido que crear una select agrupada, y supongo que es porque la “opción” que agrupa no es seleccionable.

Para agrupar opciones se necesita la etiqueta optgroup, la cual encerrará las opciones que pertenecen al mismo grupo, y dispondrá de un atributo label que será el texto que aparecerá agrupando las opciones.

<select name="prueba">
<option value="1">Opción 1</option>
<optgroup label="Opción 2">
<option value="2.1">Opción 2.1</option>
<option value="2.2">Opción 2.2</option>
<option value="2.3">Opción 2.3</option>
</optgroup>
<option value="3">Opción 3</option>
<optgroup label="Opción 4">
<option value="4.1">Opción 2.1</option>
<option value="4.2">Opción 4.2</option>
</optgroup>
</select>

A la hora de modificar los estilos de optgroup, hay que tener cuidado que algunos los heredarán las opciones que contenga, por ejemplo el color de la letra.

Ejemplo

|

Convierte tus scripts de Greasemonkey en extensiones

ByLuis

Para aquellos que les gusten los scripts de Greasemonkey, o para aquellos que no tengan instalado Greasemonkey, pero que les guste alguna funcionalidad, ahora hay un script que te crea una extensión para Firefox con el script de Greasemonkey.
Claro, que si eres de los que usas varios scripts en Greasemonkey, no creo que este script sea para ti, porque no es plan de tener muchas extensiones, una para cada script, cuando las puedes gestionar con una sola extensión, supongo que sería más eficiente.
Vía / Lifehacker

|

Referencia HTML con ejemplos

ByLuis

Muchas de las veces, cuando estamos realizando páginas web y no usamos un editor HTML completo, nos puede ocurrir que no nos acordamos de una etiqueta HTML, de su utilización o de sus atributos.
Si te encuentras en esa situación, HTML Playground puede serte de mucha utilidad, ya que te muestra todas las etiquetas HTML, con su descripción y un código de ejemplo, el cual se puede visualizar y modificar.
htmlplayground.png
HTML Playground
Vía / Ajaxian