elWebmaster.com

Diseño | CSS | html

CSS: Efecto de texto con gradiente

Efecto de texto con gradiente¿Quieres lograr buenos encabezados sin usar imágenes de Photoshop? Aquí te mostramos un simple truco de CSS para que sepas cómo crear el efecto de texto con gradiente con una imagen PNG (puro CSS, sin JavaScript o Flash).

Todo lo que necesitas es un tag vacío en el encabezado y aplicarle un overlay a la imagen de fondo usando la propiedad CSS position:absolute. Este truco ha sido testeado en la mayoría de los buscadores: Firefox, Internet Explorer 6, Safari y Opera. Sigue leyendo para saber cómo hacer… Seguir leyendo

09/May/08, 12.15 Alejandra 1 comentario

Diseño | CSS | html

CSS Naked Day: ¡a desnudar la web!

CSS Naked Day: ¡a desnudar la web!Hoy 9 de abril como ya se ha venido haciendo desde hace dos años se realiza el CSS Naked Day o Día de CSS desnudo, el objetivo de esta propuesta es deshacerse de los estilos que embellecen las webs y dejar únicamente el contenido, sólo texto.

La ideología del movimiento tal como la describe su fundador Dustin Díaz es “promover los estándar web”. Esto incluye uso correcto de (X)HTML, markup semántico, una buena estructura jerárquica y, bueno, diversión con las palabras. Digo, ¿quién no quiere “desnudarse”? Seguir leyendo

09/Abr/08, 15.51 Alejandra 3 comentarios

Firefox | CSS | navegador

Plugins imprescindibles de Firefox para webmasters

Plugins de Firefox para webmasters y desarrolladores webA veces no nos damos cuenta lo mucho que nos pueden ayudar los plugins del navegador a la hora de desarrollar o debuggear un sitio web. Algunos son herramientas fantásticas como los add-ons de Internet Explorer o la Web Developer Toolbar.

Desde Pixelco.us blog, Diego Cambiaso nos trae una selección de los 12 mejores plugins para Firefox. Con ellos podremos modificar directamente el código de nuestros sitios, los estilos CSS, depurar Javascript o usar un editor WYSIWYG para editarlos. Seguir leyendo

14/Mar/08, 11.08 Juan Manuel 1 comentario

web | html | URL

Tim Berners-Lee: el padre de la web

La World Wide Web de Tim Berners-LeeMás que famoso, Tim Berners-Lee es el inventor de la World Wide Web y junto a su grupo de investigadores desarrollaron el lenguaje HTML, el protocolo HTTP y el sistema de localización de recursos universal (URL).

Actualmente es el Director del World Wide Web Consortium (w3c) y su mente está ocupada en el desarrollo y proliferación de la llamada “web semántica”. Su ideal fue siempre una red libre donde los usuarios fueran los protagonistas. Conoce más sobre sus proyectos. Seguir leyendo

05/Mar/08, 12.34 Juan Manuel Comentar

Diseño | Programación | CSS

IE7: la librería Javascript para corregir Internet Explorer

IE7 es una librería Javascript que logra que el Internet Explorer interprete los documentos de acuerdo con los estándares, solucionando muchos problemas con CSS y haciendo que los PNGs transparentes se vean correctamente sobre todo en IE5 y 6.

Y es que, si de estándares hablamos, ya sabemos que IE6 parece hacer caso omiso de ellos. El propio Microsoft está impulsando su desuso y el cambio a IE7. Ya vimos que IE8 pasó la prueba del Acid2. Prepárate entonces para el cambio con esta librería Javascript. Seguir leyendo

27/Feb/08, 10.50 Juan Manuel Comentar

Programación | AJAX | desarrollo

script.aculo.us: la librería Javascript definitiva

Script.aculo.us es un paquete de librerías Javascript que provee una interfaz de usuario multiplataforma y promete hacer “volar” tu sitio. Es un add-on del fantástico framework Prototype (especialmente desarrollado para páginas web dinámicas).

¿Qué incluye? efectos de animación, dra&drop (arrastrar y soltar elementos), controles AJAX, utilidades para el DOM y una unidad de testeo, para chequear que no haya errores. Entérate de los detalles y cómo descargarlo. Seguir leyendo

25/Feb/08, 11.33 Juan Manuel Comentar

Trucos | SEO | Google

NoImageIndex: dile NO al index de Google

Ya publicamos notas sobre la forma de controlar el comportamiento de los spider-bots de Google con metacomandos, pero esta vez la ayuda viene para los que quieran evitar que se indexen las imágenes de su página web.

Incluyendo estos metacomandos en la cabecera del código de tu página, evitarás que te pase lo mismo que a aquellos que se quejaron de que Google mostraba como resultados en la búsqueda de imágenes sus archivos protegidos por copyright. Seguir leyendo

24/Feb/08, 08.00 Juan Manuel Comentar

Programación | CSS | html

5 importantes elementos HTML que se usan poco

Algunos elementos no son muy usados al crear sitios en HTML. La mayoría son de valor semántico, más que funcional. Pero justamente, hoy en día se está dando cada vez mayor importancia al HTML Semántico, gracias a la ayuda de CSS.

Usamos estilos CSS para programar la presentación de un documento, pudiendo utilizar HTML para lo que realmente fue concebido: el contenido. Toma nota de los siguientes puntos, tal vez estés aplicándolos en tu sitio antes de que te des cuenta. Seguir leyendo

22/Feb/08, 12.46 Juan Manuel Comentar

html | código | javascript

Ajax Rain: galerías de scripts en Ajax, Javascript y DHTML

En Ajax Rain encontraremos más de 700 ejemplos de scripts orientados a JQuery y HTML dinámico. Ingresando en los que más nos gusten accederemos al sitio oficial donde podremos aprender más, descargar o copiar los scripts para usarlos en nuestros sitios.

Incluye un completo buscador, además de permitirnos acceder directamente a los scripts que más nos interesen por medio de su nube de tags. No se lo pierdan.
Haz clic aquí para entrar en Ajax Rain.

20/Feb/08, 10.36 Juan Manuel 1 comentario

Programación | desarrollo | html

¿Qué es el DOM (Modelo de Objetos del Documento)?

El Modelo de Objetos del Documento (DOM) es una interfaz de programación de aplicaciones (API) para documentos HTML y XML. Define la estructura lógica de los documentos y el modo en que se accede y manipula un documento.

Seguramente los desarrolladores estarán más que familiarizados con este concepto, pero nunca viene mal recordar lo aprendido y, de paso, darlo a conocer a los usuarios que estén dando sus primeros pasos en programación. Seguir leyendo

19/Feb/08, 11.24 Juan Manuel Comentar