Posts Tagged ‘ ajax ’

donde aprender ajax facil, online y en castellano

El lugar adecuado para aprender ajax

desde uno de los mejores sitios, que anteriormente había comentado acerca de donde aprender php online, actualizaron el sitio con nuevo contenido acorde a estas épocas, y llega el turno de ajax, ajaxya, es la continuación del fabuloso contenido de esta gente, con la posibilidad de escribir tu propio código a medida que avanzas en el aprendizaje, todo esto directamente el editor de prueba de su propia web, algo verdaderamente interesante, en cuanto a hacer la curva de aprendizaje mucho mas corta, sin perder efectividad, sin más, www.ajaxya.com.ar.

2010: 08/23
POSTED BY: jarivia
CATEGORY: ajax
diseño web
programacion web
2 comentarios

Nuevo micrositio 3D, MSI big bang fuzion 3d

Nueva web interactiva 3D, big bang fuzion MSI

Nuevo micrositio con contenido 3D interactivo totalmente funcional para web

link a la web MSI big bang fuzion 3D interactiva

En este caso se muestra la cantidad de información visual que se presenta en una pequeña porción del total un sitio, en incluso la forma en que esta información es presentada, ideal para marketing de productos físicos, da la sensación de llevar el producto, desde la fabrica directo a la mano del consumidor, vía web, lo mas cercano a meter la mano en la pantalla y retirar una bebida.

Como puede funcionar la web 3d y la realidad virtual, para el marketing de productos?

Altamente efectivo para marketing de productos físicos, donde la presencia del producto hace la diferencia a la hora de la compra, piense que mientras mas grande sea la escena, la apreciación del producto es aun mayor, y presenta un plus importante, todas estas sensaciones se dan en la comodidad de la casa, de ahí al impulso de compra existe medio metro, en este caso se trata de un motherboard dirigido a un público muy específico, la MSI big bang fuzion, la cual entre otras cosas, puede montar dos placas de video de diferentes fabricantes para destinarlas a procesos diferentes a nivel hardware, a pesar de ello y su elevado costo, se requiere que el comprador sostenga en sus manos el equipo para poder definir la compra.

Detalles técnicos:

La forma de navegación, incluye arrastra y soltar para los dos clicks y contempla el uso de las teclas de dirección del teclado, y presenta carga-descarga interactiva de objetos

Si hasta acá era poco, todavía queda más.

al momento de publicarlo, uno de los puntos críticos era la cantidad de polígonos en pantalla, los cuales consumían memoria a una progresión geométrica, no es nunca un cuello de botella en la maquina que se produce, pero si lo es las maquinas que reproducen la escena, en este caso se cuido de llegar a no pasar los 64mb usando un ancho de 960px y 450px de alto, teniendo bajo la manga, un Hack para abrir memoria hasta los 96 y 128 mb, pero a la mitad de la producción llego una actualización que entre otras cosas empuja ese limite hasta los 512 mb, nada mal, teniendo en cuenta la cantidad de potencia promedio de los navegantes actuales, de modo que ahora se puede tener gran cantidad de objetos en una ventana capaz de presentarse a pantalla completa a resolución total.

el resto de la página se completa con una plantilla css líquida y elementos ajax para presentar la información escrita en el menor espacio posible y un módulo de contacto ajax, altamente interactivo.

Ideal para marketing

Arquitectura

Ingeniería

Productos y elementos físicos

link a la web MSI big bang fuzion 3D interactiva

2010: 07/07
POSTED BY: jarivia
CATEGORY: 3D
3D studio
ajax
diseño de interfaces
diseño inspiracional
diseño web
hardware
java
marketing web
realidad virtual
Web 3D
1 comentario

ajaxigg, una web social de ajax

http://ajaxigg.flash-free.org/

ajaxigg una web social donde encontraran extenso material sobre ajax, desde tutoriales hasta ejemplos listos para usar

http://ajaxigg.flash-free.org/

2009: 10/16
POSTED BY: jarivia
CATEGORY: ajax
Deja un comentario

efectos ajax para descargar gratis

y siguen subiendo, ajaxdaddy es una web donde la gente sube su script ajax para ser descargado gratis por todos, efectos ajax gratis.

ajaxdaddy nos presenta una galeria bastante interesante de efectos ajax, divididos por categorias, cuentan con el codigo listo para ser descargado y su ejemplo correspondiente.

http://www.ajaxdaddy.com/

una pagina muy simpatica y algunas cosas son realmente remarcables

mandame a Menéame

mandame a Fresqui

mandame a Twitter

2009: 10/16
POSTED BY: jarivia
CATEGORY: ajax
programacion web
6 comentarios

star rating con html, php, js y un txt

Para la parte del css me he basado en el código de Komodo Media, e cual pueden encontrar aqui
Lo interesante de este script es que uso jquery y guardo la votación en un archivo de texto y así ya no requiero una base de datos

El diseño de las star rating en el form html

Las instrucciones detalladas como ya indique las pueden encontrar en Komodo Media, asi que yo me voy a limitar a copiar el código del formulario.

1
2
3
4
5
6
7
8
9
10
11
12
13

<form method=»post» action=»index.php»>
<ul class=’star-rating’>
<li class=’current-rating’ style=’width:<?php echo 25 * round($promedio);?>px;’>Currently 3.5/6 Stars.</li>
<li><a href=’#’ title=’1′ class=’one-star’>1</a></li>
<li><a href=’#’ title=’2′ class=’two-stars’>2</a></li>
<li><a href=’#’ title=’3′ class=’three-stars’>3</a></li>
<li><a href=’#’ title=’4′ class=’four-stars’>4</a></li>
<li><a href=’#’ title=’5′ class=’five-stars’>5</a></li>
<li><a href=’#’ title=’6′ class=’six-stars’>6</a></li>
</ul>
<input value=»0″ />
<input value=»Votar» />
</form>

La hoja de estilos y el grafico de las estrellas lo encuentran en el archivo zip al final del tutorial

AJAX

Ahora necesito que cuando se le de click a una estrella, esta se marque y el valor del campo hiddden “my_vote” se modifique
Para eso voy a hacer un simple javascript invocando mi librería jquery:

1
2
3
4
5
6
7
8
9
10
11
12
13
14

Ya tenemos las estrellas, tambien se marcan las estrellas, ahora nos falta guardar la votación
<h2>Guardar la votación</h2>
Para eso debemos crear un archivo llamado datos.txt y deben asegurarnos que sea escribible, el codigo php requerido es:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

// Verificamos si se ha votado
if (isset($_POST[‘my_vote’])) {
Abrimos el archivo datos.txt
$filename = ‘datos.txt’;
// Capturamos el valor del voto
$somecontent = $_POST[‘my_vote’].»\n»;
// Verificamos que nuestro archivo sea escribible
if (!$handle = fopen($filename, ‘a’)) {
echo «Cannot open file ($filename)»;
exit;
}
// Escribimos $somecontent en nuestro archivo
if (fwrite($handle, $somecontent) === FALSE) {
// Marcamos error de escritura
echo «Cannot write to file ($filename)»;
exit;
}
// El archivo se escribio correctamente y lo cerramos
fclose($handle);
}
//abro el archivo para lectura
$archivo = fopen («datos.txt», «r»);
$num_lineas = 0;
while (!feof ($archivo)) {
// Leo linea por linea las votaciones pasadas
if ($linea = fgets($archivo)){
// Guardo la cantidad de votaciones y sus valores
$num_lineas++;
$valores[$num_lineas]=$linea;
}
}
fclose ($archivo);
//print_r($valores);
// Calculo el total
$total=0;
for ($i=1; $i<=$num_lineas; $i++) {
$total=$total+$valores[$i];
}
// Hallo el promedio y lo redondeo
$promedio=$total/$num_lineas;
echo «total: «.round($promedio);
?>

2009: 09/26
POSTED BY: jarivia
CATEGORY: diseño web
html
javascript
php
programacion web
1 comentario

comenzando con AJAX, tutorial ajax

AJAX no es un lenguaje exactamente su nombre viene dado por el acrónimo de Asynchronous JavaScript And XML y es posiblemente la mayor novedad en cuanto a programación web en estos últimos años.

El corazón de Ajax es el objeto XMLHttpRequest que nos permite realizar una conexión al servidor y al enviarle una petición y recibir la respuesta que procesaremos en nuestro código Javascript, estamos hablando del verdadero motor de Ajax, por ejemplo gracias a este objeto podemos desde una página HTML leer datos de una web o enviar datos de un formulario sin necesidad de recargar la página.

Puedes programar numerosas nuevas aplicaciones enfocadas desde una visión distinta como es el caso de este paginador AJAX, si esto no te convence a leer este artículo prueba a ver 10 razones para usar AJAX.

1. Basado en los estándares abiertos
2. Usabilidad
3. Válido en cualquier plataforma y navegador
4. Beneficia las aplicaciones web
5. No es difícil su utilización
6. Compatible con Flash
7. Adoptado por los «gordos» de la tecnología web
8. Web 2.0
9. Es independiente del tipo de tecnología de servidor que se utilice
10. Mejora la estética de la web

Seguir leyendo →

2009: 09/03
POSTED BY: jarivia
CATEGORY: ajax
programacion web
Deja un comentario

78 efectos y scripts ajax

A la hora de crear aplicaciones con estilo es muy aconsejable usar Ajax para las peticiones al servidor, con la que crearemos mas interactividad y funcionalidad para el usuario. Como ejemplo tenemos al cliente de correo GMAIL, que utiliza Ajax, siendo muchisimo más rapido que sus competidores como Hotmail, que a mi parecer, esta anticuado. La definición de Ajax es la siguiente: “AJAX, acrónimo de Asynchronous JavaScript And XML (JavaScript asíncrono y XML), es una técnica de desarrollo web para crear aplicaciones interactivas o RIA (Rich Internet Applications). Estas aplicaciones se ejecutan en el cliente, es decir, en el navegador de los usuarios mientras se mantiene la comunicación asíncrona con el servidor en segundo plano. De esta forma es posible realizar cambios sobre las páginas sin necesidad de recargarlas, lo que significa aumentar la interactividad, velocidad y usabilidad en las aplicaciones.” Wikipedia A veces tenemos que recurrir a scripts ya creados por otros usuarios para realizar una tarea específica y así centrarnos en otras tareas. Por eso hay recopilaciones que nos pueden ayudar muchisimo, como es la que nos presenta delimitdesign.com, en el que encontraremos script referentes a: * Autocompletar * “Edit in place” * Menu Tabs * Menu Arbol * Calendarios * Sistema de Rating * Sistema de Estadisticas * Paginación * Formularios de Login * Imagen con Precarga * Tooltips * Web Controls * Mensajes con transparencia * ComboBox Anidados * etc….. Como veis es una recopilación de lo más variado que podremos usar para incluir algún script en nuestros proyectos. Enlace: delimitdesign.com – 80 ajax solutions that are usefull and innovative

1. AJAX AutoSuggest

2. AJAX Autocompleter / script.aculo.us library

3. AJAX AutoCompleter

4. Ajax autosuggest/autocomplete from database

5. Ajax dynamic list

Blog de investigación y desarrollo web

El lugar adecuado para aprender ajax

Nueva web interactiva 3D, big bang fuzion MSI

Nuevo micrositio con contenido 3D interactivo totalmente funcional para web

Como puede funcionar la web 3d y la realidad virtual, para el marketing de productos?

Detalles técnicos:

Si hasta acá era poco, todavía queda más.

Ideal para marketing

Arquitectura

Ingeniería

Productos y elementos físicos

y siguen subiendo, ajaxdaddy es una web donde la gente sube su script ajax para ser descargado gratis por todos, efectos ajax gratis.

El diseño de las star rating en el form html

AJAX

Instant Editor Scripts

Tab and Menu Scripts

Calendar/Datetime Scripts

Interactive Elements Scripts

Developer’s Suite Scripts

Enhanced Solutions

Forms

Tables and Grids

Showcases, Galleries, and Lightbox Scripts

Animation and Visual Effects Scripts

Useful Javascript Scripts

More Resources and Galleries

jarivia desarrollo 3D y web

Categorías

Suscripción por correo electrónico

Archivos

Entradas recientes

Recomendados

Feeds

Mejores post