En ocasiones es necesario realizar comportamientos javascript en pantalla de forma reiterada cada cierto intervalo de tiempo.
Por ejemplo realizar el refresco de una parte de la página, o esperar a que aparezca algo en pantalla para realizar cierta acción.
En algún caso lo he necesitado, y lo resolví de este modo, teniendo disponible la librería Prototype:
Prueba [...]
Mar
1
2009
1
2009
Función periódica con javascript
Feb
7
2009
7
2009
Implementación SEO básico
Cuando queramos lanzar un site que queramos posicionar bien en Google de forma natural, tendremos que tener algunas consideraciones en cuenta en el periodo de implementación y otras en el momento del lanzamiento.
Voy a hablar en este caso del periodo de implementación. Veamos qué es lo básico que tenemos que tener en cuenta:
Meta tags
Las meta [...]
Dic
12
2007
12
2007
Accesibilidad en la web: Textos alternativos en imágenes
Toda web accesible debe proporcionar para cada elemento no textual una alternativa en texto. Para hacer esto utilizamos las propiedades alt, longdesc o el propio contenido de la etiqueta.
Esta regla responde a Prioridad 1 de la WAI.
Los elementos para los que tenemos que tener esta regla en cuenta son:
Imágenes (incluidas las utilizadas para listados, como [...]
Oct
20
2007
20
2007
Sombra sencilla en un elemento DIV
La sombra está de moda, las hay muy sofisticadas utilizando imágenes que hay que ajustar y medir…
Podemos utilizar también sombras sencillas que no son tan resultonas, pero le dan una gracia a las capas:
Código CSS
.seccion {
margin:-3px 2px 2px -3px;
padding-left:1em;
padding-right:1em;
background:#FBFBFF [...]
Oct
9
2007
9
2007
Cambiar código de color entre RGB y Hexadecimal :: rgb2hex & hex2rgb
Herramienta on-line sencilla para transformar un código de color RGB a Hexadecimal y viceversa:
Onlyfree.de : Hex2RGB Converter
Oct
6
2007
6
2007
Almacenes de herramientas para web (AJAX, CSS, Javascript)
En el diseño e implementación de webs muchas tareas son repetitivas: hacer un menú, establecer aspectos básicos en la hoja de estilos, mostrar datos en tablas con paginación, calendarios, etc.
No somos los únicos, otros ya lo han hecho, y algunos lo han hecho tan bien que podemos reutilizar el código que han dejado a disposición [...]
Sep
10
2007
10
2007
Códigos HTML de colores seguros
Cuando diseñamos sin colores exactos de referencia, y queremos ir dando colores a una página web y sus elementos, podemos utilizar una simple tabla que utiliza únicamente los códigos básicos y seguros siguientes:
RGB
00
51
102
153
204
255
Hex
00
33
66
99
CC
FF
La tabla en cuestión es la siguiente:
FFF FFF
CCC CCC
999 999
666 666
333 333
000 000
FFC C00
FF9 900
FF6 600
FF3 300
99C C00
CC9 900
FFC C33
FFC C66
FF9 966
FF6 633
CC3 300
CC0 033
CCF F00
CCF F33
333 300
666 600
999 900
CCC C00
FFF F00
CC9 933
CC6 633
330 000
660 000
990 000
CC0 000
FF0 000
FF3 366
FF0 033
99F F00
CCF F66
99C C33
666 633
999 933
CCC C33
FFF F33
996 600
993 300
663 333
993 333
CC3 333
FF3 333
CC3 366
FF6 699
FF0 066
66F F00
99F F66
66C C33
669 900
999 966
CCC C66
FFF F66
996 633
663 300
996 666
CC6 666
FF6 666
990 033
CC3 399
FF6 6CC
FF0 099
33F F00
66F F33
339 900
66C C00
99F F33
CCC C99
FFF F99
CC9 966
CC6 600
CC9 999
FF9 999
FF3 399
CC0 066
990 066
FF3 3CC
FF0 0CC
00C C00
33C C00
336 600
669 933
99C C66
CCF F99
FFF FCC
FFC C99
FF9 933
FFC CCC
FF9 9CC
CC6 699
993 366
660 033
CC0 099
330 033
33C C33
66C C66
00F F00
33F F33
66F F66
99F F99
CCF FCC
CC9 9CC
996 699
993 399
990 099
663 366
660 066
006 600
336 633
009 900
339 933
669 966
99C C99
FFC CFF
FF9 9FF
FF6 6FF
[...]
Ago
9
2007
9
2007
Imágenes gif para indicar "cargando", "en proceso", "loading"
Para páginas web que realicen tareas que no son inmediatas podemos utilizar imágenes animadas y con buen diseño que indiquen al usuario que algo está ocurriendo y debe esperar.Desde que las tecnologías AJAX entraron con fuerza, este tipo de imágenes son un recurso fundamental.
En la web Ajaxload.info puedes elegir el modelo de imagen que te [...]
Ago
5
2007
5
2007
Iconos de propósito general para web en formato PNG
Muchas veces buscamos el icono perfecto. Utilizamos Google, damos mil vueltas y al final: “mejor me lo hago yo”.
Por suerte un día dí con la web que evitaría estas vueltas por la red en busca de iconos de todo tipo, bien diseñados y sobre todo bonitos: FamFamFam.com.
Datos:
Los iconos están en formato PNG, y tienen un [...]
Ago
3
2007
3
2007
Centrar con CSS una web : en general cualquier elemento de bloque
Para centrar las páginas de nuestra web, podemos hacerlo así de sencillo utilizando DIV y dándole estilo con CSS:
body { text-align:center; }
#principal{ width:70%; margin:0 auto; text-align:left;}
Y el código HTML:
<body>
<div id=”principal”>
Todo lo [...]
