Hipervínculos: El arte de enlazar

0 comentario · 2.598 lecturas · html y css

Hace algún tiempo tenía ganas de tratar este tema, pero leyendo por la blogosfera me encuentro con un excelente artículo de Linotipo (uno de los editores de Barrapunto) en el cuál nos cuenta sobre el arte de enlazar, asi que les remito a su blog ya que poco más puedo añadir yo a esta excelente recopilación.

Aún así, les hago un pequeño resumen:

  • Realzar el asunto de la noticia y no el sitio web, el autor o la fuente.
  • Evitar colocar de texto en un enlace, información no directa del asunto del que vamos a tratar.
  • Concentrar los enlaces en el tema que se trata. Evitar lanzar enlaces a diestro y siniestro que sean irrelevantes.

Poco más que añadir. Chapó por Victor.


Diseño CSS sin imagenes

5 comentarios · 4.755 lecturas · html y css

Christopher Hester se curra el diseño de una casa en CSS y otra casita con estilo (nunca mejor dicho) sin utilizar ninguna imágen. Un ejemplo de la potencia que puede llegar a tener las hojas de estilo CSS.

Vía DesdeGuate.


CSS print : Facilitando la impresión al usuario

8 comentarios · 9.106 lecturas · html y css

Cuando estamos creando o modificando una web, algunos diseñadores trabajan en un CSS para que el usuario pueda ver la página correctamente desde un navegador, otros se preparan unas hojas de estilo para cada navegador concreto, y otros hacen cada locura que cuando ves la página lo único que piensas es... ¡Que web!.

El caso es que, independientemente de tener diseñado el aspecto "visto" desde el navegador, podemos ir, aún, un poco más allá.

Me estoy refiriendo al media="print". Colocando en la cabecera head de nuestro HTML, al márgen de tener otro CSS para nuestro sitio, podemos ubicar lo siguiente:

<link rel="stylesheet" href="estilo-impresion.css" media="print">

Con esto le decimos al navegador que en el caso de que el usuario mande a imprimir alguna sección o artículo de nuestra página no va a cargar el CSS que "ve" el navegador, sino una hoja de estilos CSS especial, hecha expresamente para impresión.

Asi pues, en esta hoja podemos hacer cambios significativos como quitar todos los elementos interactivos como menús, formularios, etc., cambiar las zonas negras u oscuras del sitio para reducir el gasto de tinta a grises o blancas, para lo mismo Eliminar el fondo del sitio, etc.

Además, una cosa a tener en cuenta para éste CSS es el siguiente código:

a:after {
content : " ( " attr(href) " ) ";
font-size : small;
}

Con él conseguimos que los enlaces (hipervínculos) que, evidentemente, no van a poderse cliquear en nuestro documento impreso, aparezcan a continuación del enlace de una manera similar a esta:

Google ( http://www.google.es/ )


Nueva ventana, ¿Una mala práctica?

21 comentarios · 10.814 lecturas · html y css

En los principios del HTML se tuvo la feliz idea de usar en un enlace (a href) la propiedad target con el valor _blank para que al hacer clic en dicho enlace, este se abriera en una página nueva.

A raiz de esto, por unos u otros motivos, se han formado multitudes de corrientes de ideas y preferencias, todas con sus ventajas e inconvenientes. En la actualidad, en el XHTML el W3C ha decidido no permitir el target para enlaces.

Partimos de la idea del W3C de que para una navegación más intuitiva debemos dejar la elección al usuario navegante. Indicarlo en el código HTML de forma explícita lo estaríamos obligando, y si el usuario quiere abrir el enlace en la misma ventana en la que está, no podrá hacerlo, volviendo incómoda la navegación por el sitio web.

Sin embargo, si no lo añadimos en el código le damos la posibilidad al usuario de escoger, mediante el navegador si quieres ver el enlace en la misma ventana o en una nueva.

La mayoría de diseñadores al llegar a este punto se plantean preguntas como las siguientes:

  • ¿Una página a la que ponga propiedades target podría ser estándar? El estándar HTML Transicional lo permite, pero la web tiende a el HTML estricto y el XHTML, que no los permiten.
  • Si no añado la propiedad target en mis enlaces, mis usuarios abandonarán mi web... Mentira. Un usuario busca comodidad y buen contenido. Si tu página tiene temas interesantes y además es fácil y cómoda de explorar tendrás más puntos a tu favor.

Opino que si se ha decidido eliminar esa propiedad no ha sido en vano, y se ha hecho para mejorar la accesibilidad y usabilidad en la web. De nada sirve que se elimine para que luego nosotros busquemos formas de emularlo con javascript o métodos alternativos.

Tú, amigo lector, visitante, blogger o webmaster... ¿Que opinas que es mejor? ¿Dejar la elección al usuario? ¿Obligarlo a abrir ventanas nuevas? ¿Especificar en los enlaces si se abren en una ventana nueva? Comenten...


Páginas: 1 ... 4 5 6 ... 7


Artículo de http://www.emezeta.com/

6 consultas efectuadas / Página generada en 0.037 segundos

Programado íntegramente por José Román (Manz) en XHTML y CSS estándar.

Sindicado bajo Feed RSS. Contenido bajo licencia Creative Commons

Estadísticas de visitas · Términos y condiciones · Contacto · Publicidad · Preguntas frecuentes (FAQ)