JavaScript
Estás viendo los artículos de ZonaMasters - Recursos para webmasters correspondientes a la categoría JavaScript.
Una forma de darle un aspecto más dinámico a nuestra página, serÃa mediante el uso de código JavaScript para generar, por ejemplo, cabeceras dinámicas. Cada vez que un visitante entre a nuestra página le aparecerá una imágen distinta y para ello debemos insertar el siguiente código dentro de la etiqueta “head” del código HTML o dentro de una etiqueta “style” para que se elija la cabecera aleatoria:
<script type=”text/javascript”>
img = new Array(6)
img[0] = “http://URL_imagen1.jpg”
img[1] = “http://URL_imagen2.jpg”
img[2] = “http://URL_imagen3.jpg”
img[3] = “http://URL_imagen4.jpg”
img[4] = “http://URL_imagen5.jpg”
img[5] = “http://URL_imagen6.jpg”
aleat = Math.random() * (img.length)
aleat = Math.floor(aleat)document.write(”);
document.write(’#header { background-image: url(’ + img[aleat] + ‘) !important }’);
document.write(”);
</script>
El uso del código JavaScript es bien sencillo. Primero se declara el array (importante indicar el tamaño) que contendrá todas las imágenes que queremos utilizar para la cabecera, después mediante una función matemática se genera una posición aleatoria del array y por último el código JavaScript escribirá el código CSS pertinente con el que se obtendrá la imagen que haya sido seleccionada.
Escrito por julio.soler el 30 de Junio de 2007 con 2 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre Diseño Web y Herramientas Webmasters y JavaScript y Recursos Webmasters.
Muchas veces hablamos de ajax pero en realidad no sabemos como funciona, cual es la diferencia y cuales son sus beneficios.
Es por eso que decidà poner una breve explicación de todo esto.
Comencemos por saber que significa AJAX.- AJAX, acrónimo de Asynchronous JavaScript And XML (en inglés JavaScript y XML asÃncronos).
AJAX es una técnica que se usa para el desarrollo de webs, sirviendonos para crear aplicaciones más interactivas, lo mejor de esto es que no necesita recargar completamente la web ya que utiliza:
- HTML con hojas de estilos (CSS) para mostrar la web.
- Document Object Model (DOM) y JavaScript interactuando más dinámicamente con los datos
- XML y XSLT sirviendo para intercambiar y manipular los datos
No es considerado un lenguaje de programación, puesto que reune diversos lenguajes para poder obtener una nueva tecnologÃa que nos sirve para el desarrollo de aplicaciones web.
VENTAJAS
- No se necesita recargar las páginas en el envio de información´
- Permite la reconfiguracion de la página, mostrando los datos instantáneamente.
DESVENTAJAS
- Código oculto tras JavaScript, impidiendo a buscadores la indexación de los contenidosÂ
- Se necesitará un mapa de sitio para que no pase lo de el anterior punto.
- Los usuarios pueden no estar acostumbrados a que la página no recargue, pensando que su solicitud no ha sido enviado o que no funcione.
- Requiere de muchas librerÃas Javascript, haciendo lento la carga.
Un link más sobre AJAX
Escrito por AlmiuX el 27 de Junio de 2007 con 1 comentario
Enviar a un amigo por E-Mail
Lee más artículos sobre AJAX y JavaScript y Programacion Web.
Me encontre con esta buena nota, en la cual nos dicen 9 fallos que pudieramos tener, para que google no nos indexe, checalos y procura no hacerlos:
- Javascript: los buscadores no siguen los enlaces javascript.
- Enlaces de imagenes. Cuando contienen javascript y no están desarrollados por CSS.
- Pop-ups: desarrollados mediante Javascript.
- Combos, los menus realizados por combos, select.
- Enlaces en etiquetas NOSCRIPT: debido al abuso de esta etiqueta por parte de spammers, los buscadores no le hacen caso.
- Frames: Google ha penalizado su uso.
- Java: no puede acceder a su contenido ni ejecutarlos.
- Flash: los motores de búsqueda no los tratan.
- Mapas de imagenes.
Al parecer lo que más no indexan los buscadores es el Javascript
Visto en: Sentidoweb
Escrito por AlmiuX el 16 de Mayo de 2007 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre General y JavaScript y Posicionamiento Web.
La conocida librería JavaScript script.aculo.us cuenta con una nueva versión 1.7, la cual podemos disfrutar desde ayer que fue lanzado el beta 1 en su blog oficial.
La nueva funcionalidad añadida es Morph, que permite estilos basados en CSS, disponen de una web con 3 ejemplos con un elemento, un efecto y una trasformación empleado las nuevas posibilidades de script.aculo.us.
Visto en Ajaxian
Escrito por rankhispano el 22 de Noviembre de 2006 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre AJAX y JavaScript.
El uso de Javascript para realzar el estilo de nuestro blog o web, cada vez se hace más necesario. Es el caso de los formularios. ¿A quien no le llama la atención rellenar un formulario bien hecho y atractivo a la vista?. Pues desde Java Script Examples nos traen algunos ejemplos de como darles vida a los checkboxes, hacer checklist desplazables mediante un scroll, utilizar JotForm, etc.
Enlace: JavaScript Examples forms with JavaScript
Vía: aNieto2k
Escrito por rankhispano el 21 de Noviembre de 2006 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre AJAX y JavaScript.
En la web mikeomatic.net podemos ver un simple ejemplo de las transiciones de un texto a otro gracias a la mezcla de la tecnologia Javascript con CSS, ver ejemplo.
Via | Fundidos con CSS y Javascript - Crossfading
Escrito por rankhispano el 25 de Septiembre de 2006 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre CSS y JavaScript.
Una librería que podras emplear para hacer más interacticas y animadas tus webs. Descargandote un sencillo paquete podrás imlpementarlas en tu web y crear efectos impresionantes e impactantes para dejar alucionados a tus visitantes, si deseas ver más sobre esta libreria entra en MOOTOOLS.
Via BaluArt | Anieto2k
Escrito por rankhispano el 16 de Septiembre de 2006 con 1 comentario
Enviar a un amigo por E-Mail
Lee más artículos sobre AJAX y JavaScript y Recursos Webmasters.
Sript para mostrar las fotografías con una bonita animación, disponible varios modos de prensetación, es totalmente gratuito, aunque si deseas darle un uso comercial debes pagar una pequeña cantidad de dinero.
Si deseas implentar este modo de presentar las fotos entra aquí y decidete por las diferentes ejemplos que tienen, Highslide JS.
Via Infected FX
Escrito por rankhispano el 15 de Septiembre de 2006 con 1 comentario
Enviar a un amigo por E-Mail
Lee más artículos sobre AJAX y JavaScript y Recursos Webmasters.
Si deseas aprender los últimos trucos de AJAX y JavaScript entonces esta web Ajax.Solutoire.com es la tuya. Recursos para emplear la tecnología AJAX en tu web. Aprovechate y sacale jugo y mejora la interactividad con tus visitantes.
Escrito por rankhispano el 17 de Mayo de 2006 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre AJAX y JavaScript y Recursos Webmasters.
Emplea este javascript para conseguir excelente efectos de reflejos en las imagenes. Es un script pequño de 4Kb y fácil de emplear: simplemente con añadir class=”reflect” a las imágenes sobre las que deseemos obtener el efecto. Si deseas descargar este script para hacer el reflejo de las imagenes con java script, pincha aqui.
Via | Intenta | Criterion
Escrito por rankhispano el 9 de Mayo de 2006 con 0 comentarios
Enviar a un amigo por E-Mail
Lee más artículos sobre Herramientas Webmasters y JavaScript y Recursos Webmasters.
