Lightbox es una aplicación desarrollada en JavaScript. Este script ha ganado popularidad y distribución gracias a su simplicidad y elegante estilo, además de su fácil implementación. Permite al usuario ver una versión original y ampliada de imágenes sin necesidad de ir a otra página, además de ofrecer una herramienta simple y profesional para el mostrado de imágenes en un sitio web.
Existen una gran variedad de clones de Lightbox que podemos ver de la mano de anieto2k.
Sin embargo aquí vamos a mostraros un ejemplo de un lightbox accesible, es decir una galería de imágenes usando JavaScript no intrusivo y un correcto marcado semántico.
¿Nunca te has preguntado porque los diferentes navegadores visualizan las mismas páginas de diferente manera?, esto es debido a los motores de renderizado.
¿Entoces que es un motor de renderizado?, pues es la parte de un navegador que toma el contenido marcado, (como XML o HTML), lo interpreta de manera visual y lo presenta visualmente a los usuarios. Todos los navegadores web incluyen algún motor de renderizado.
Optimización Google – Parte 6: Encabezados, negritas y cursivas
Autor: Jorge López En: Posicionamiento WebLas etiquetas de cabecera (no confundirse con la etiqueta HTML <head>) se utilizan para jerarquizar, estructurar y dar coherencia al contenido de una página. Hay seis tamaños de etiquetas de cabecera, empezando con <h1>, la más importante, y terminando con <h6>, de menor importancia.
Las etiquetas <strong> y <em> sirven resaltar las palabras importantes dentro de nuestra web. Esto visualmente contribuye a mejorar la legibilidad de la misma y semánticamente sirve para señalar contenido con un peso específico mayor dentro de nuestros textos.
Si son utilizadas correctamente, estas etiquetas ayudarán a que nuestras palabras clave, adquieran un peso mayor desde el punto de vista del buscador. Se trata pues de encontrar una buena estrategia para garantizar la eficacia de estas etiquetas. En este artículo veremos algunas de estas estrategias y hablaremos sobre el correcto uso de estas etiquetas.
Desde Maestros del Web, nos hacen saber de una herramienta innovadora para generar bocetos para tus diseños Web. La aplicación es muy sencilla e intuitiva, de una manera rápida podemos crear un boceto de la Web que vamos a diseñar.
La aplicación se llama Balsami Mockups. Con esta herramienta podemos enseñarle a un diseñador como queremos que sea la estructura de nuestra Web, ya el diseñador se encargará de todo lo demás. Podemos también compartir nuestros bocetos con otros que usen la misma aplicación, y así poder modificarlo dependiendo de nuestras expectativas en el diseño.
Hace pocos días que ha sido lazanda la esperada versión 1.4 de jQuery. De hecho todavía no está disponible en la web oficial, aunque se puede descargar de jquery14.com o de los siguentes enlaces:
Las futuras versiones de Firefox se retrasan
Autor: Jorge López En: Navegadores, NoticiasHace tiempo que contamos las mejoras que traerían las futuras versiones de Firefox.Sin embargo la wiki de Mozilla ha informado que se han retrasado las fechas de lanzamiento de las versiones 3.6 y 4.0. y se ha cancelado la versión 3.7.
Navegadores desconocidos o poco utilizados – (parte 1)
Autor: Jorge López En: NavegadoresTodos los desarrolladores sabemos de la existencia y desarrollamos para navegadores muy comunes y ampliamente utilizados como son Firefox, Safari, Chrome, Opera o Internet Explorer. Entre ellos se está recrudeciendo la lucha por ganar cuota de mercado. Esta lucha es tan fuerte que es improbable que alguno de ellos alguna vez sea el ganador absoluto y se repita la situación de monopolio que tuvo Microsoft hace no tanto tiempo.
Pero hay otros navegadores en la sombra. No tan populares, no tan potentes y no tan avanzados como los mencionados anteriormente, pero sin duda con utilidades interesantes que aportar. Algunos son utilizados por una minoría de usuarios avanzados aquí en España, pero son más conocidos en sus países de desarrollo, otros son celebridades para sistemas operativos minoritarios.
En esta serie de artículos, veremos unos cuantos navegadores minoritarios que por unas razones u otras, no son conocidos ni por el gran público, ni en su mayor parte por nosotros los desarrolladores.
Todos sabemos que las etiquetas en HTML pueden tener atributos tales como alt, title, href etc… Aparte de para lo obvio estos atributos nos pueden servir para dar especificidad a nuestros selectores CSS. Los llamados selectores de atributo, son unos selectores avanzados y escasamente conocidos, capaces de identificar estos atributos de un elemento y pasarles un estilo. Con ellos nos podríamos librar de por ejemplo, poner clases e identificadores a muchas etiquetas HTML.
Existen un número reducido de selectores de atributo en CSS2, pero éstos se han ampliado para la próxima versión de CSS3. En este artículo veremos cuantos tipos de selectores de atributo hay y la mejor manera de utilizarlos.
Todos sabemos que la propiedad de CSS font-face funciona en los navegadores como Firefox y Opera entre otros. Pero nunca conseguíamos adaptarlo correctamente para Internet Explorer. Explicamos brevemente como conseguir que funcione sin problemas.
Antes de nada, debemos convertir la fuente al formato embebido eot. Este formato es el que usaremos para Internet Explorer, para el resto de navegadores se deja el formato estandar ttf.
Citando textos: <Blockquote> vs. <Q> vs. <Cite>
Autor: Jorge López En: Semántica Web, XHTMLCuando marcamos el contenido de nuestras páginas, muchas veces tenemos que hacer referencia a textos que pueden ser tanto ajenos como propios. En ambos casos, haremos uso de las citas.
La mayoría de las veces, se tiende a encerrar el texto de la cita en un párrafo y separarlo con comillas del resto del texto. Esto tiene la desventaja de que los buscadores no interpretarán correctamente nuestro contenido. Sin embargo, HTML nos ofrece varias etiquetas con las que podemos enriquecer semánticamente a nuestro código. ¿Que etiquetas son y cuándo haremos uso de cada una de ellas?
Últimos comentarios