Ago 05

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.

Ajax es una tecnología asíncrona, en el sentido de que los datos adicionales se requieren al servidor y se cargan en segundo plano sin interferir con la visualización ni el comportamiento de la página. JavaScript es el lenguaje interpretado (scripting language) en el que normalmente se efectúan las funciones de llamada de Ajax mientras que el acceso a los datos se realiza mediante XMLHttpRequest, objeto disponible en los navegadores actuales. En cualquier caso, no es necesario que el contenido asíncrono esté formateado en XML.

Ajax es una técnica válida para múltiples plataformas y utilizable en muchos sistemas operativos y navegadores dado que está basado en estándares abiertos como JavaScript y Document Object Model (DOM).

Dicho esto, os presento un Tutorial AJAX para aprenderlo desde cero. El objetivo de este tutorial es poder aprender Ajax viendo un concepto teórico, luego algunos ejercicios resueltos y otros por resolver.
Se pueden desarrollar los ejercicios en el sitio, probarlos, modificarlos y ver los resultados inmediatamente.

A lo largo del curso se introducen conceptos de Ajax desde CERO, si os habéis olvidado de HTML, JavaScript, CSS, PHP o DHTML podéis visitar HTML Ya, JavaScript Ya, CSS Ya, PHP Ya y DHTML Ya

Además, se puede visitar luego el tutorial de : Introducción a la librería jQuery (JavaScript)

Luego de completar el curso nos invitan a desarrollar conceptos y aprender de los propuestos por otros visitantes, ingresando en CodigoFuenteYa

Ago 05

Me he encontrado esta colección bastante interesante con recursos para diseñadores web. Espero que os guste :) .

Asynchronous JavaScript and XML (AJAX) Tools

Ajax Rain - Enormous directory of various AJAX scripts.

Color Tools

Color Blender

Colour Lovers

Color Scheme Generator

ColorSchemer

Dailey Color Scheme

CSS

CSS Layout Techniques

CSS Type Test - This tool allows you to preview different fonts in CSS so that you can chose fonts before designing a page.

Playing Cards with CSS

Fonts

Dafont

FontShop

Hoover Web Design

Neat Fonts

Type Tester - Font Comparison

Unusual Fonts

1001 Free Fonts

Free Wordpress Themes

Brian Gardner

Kaushal Sheth

Theme Lab

HTML

HTML Characters

HTML Characters II

HTML Character Entity Sets

HTML Markup Validation

HTML Tidy - Clean up the HTML of your sites with this program.

HTML 4.01

Icons

Ajax Load

Buttonator

Fam Fam Fam Icons - contains over 700 free icons.

FavIcon

Feed Icons

IconBuffet

Interfacelift - Free wallpaper as well.

MaxPower

N-design Studio

Pinvoke - Also contains free fonts.

Pixelgirlpresents

Templates

Boxes

Freelayouts

Intensivstation

Layout Gala

Mollio

Open Web Design

Templates Box

Template World

Template Monster

4templates

Tutorials

Advanced CSS Layouts

Ajax Tutorial I

Ajax Tutorial II

Getting Started with Ajax

CSS Guide

HTML with Style

HTML Overview

Quick CSS

Other

GoPlan - Online project management application with file hosting, chatrooms and more.

Tripoli - The perfect starting point for any web design project, Tripoli “forms a stable, cross-browser rendering foundation for your web projects.”

Mar 24
¡¡¡Teclea, teclea!!!

El javascripy mola mogollón,
funciona en explorer y también en firefox.

Ponle javascripy a esa paginita,
que el javascripy la deja muy bonita.

Abre ventanas,
muestra mensajes,
valida formularios,
mi amol ya tu sabes!

Programan los seniors,
Programan los juniors,
Programa mi jefe con acentos en el function!

Y el javascripy se programa asi:
1 - el tag <script>
2 - el function vars
3 - el alert-confirm
4 - el return trú

Programa el javascripy,
Programa el javascripy,
programan los heavys también los frikis

Programan en la offis, programan en la uni,
Programan los fruittis y también los lunnis.

Programa Maradona esnifando una raya,
y Juan Carlos le dice: ¿Porque no usas ajax?

En el formulario de un triste portal,
pusieron javascripy y ya pudo validar

¡¡¡Validar!! ¡¡Validar, validarr, validarrr!!!

Y el javascripy se programa asi:
1 - el tag <script>
2 - el function vars
3 - el alert-confirm
4 - el return trú

Vía | PitoDoble.com

Dic 26

Ajax Rain es una web donde podemos encontrar todo tipo de recursos sobre Ajax, JavaScript y DHTML.

Ajax Rain: Recursos de Ajax, JavaScript y DHTML

Podemos buscar lo que queramos y simplemente descargarnos el recurso que necesitamos, listo para probarlo e implementarlo en nuestras webs.

Ya lo tengo entre mis favoritos. Totalmente recomendado.

Mar 29

Estuve investigando unos dias y mirando diversas alternativas para montar un proyecto, el cual era un lector rss de noticias bajo AJAX para Grupo Bloggellón. He implementado y optimizado un lector rss de noticias desarrollado en AJAX. No es Google Reader, pero para lo que necesitabamos es más que suficiente.

Al final lo encontré en Dhtmlgoodies.com y lo podeis ver en pleno funcionamiento aqui.

Me queda refinar el tema de los acentos y carácteres especiales en las noticias, ya que no se muestran bien. ¿Alguna idea?

Actualización: Ya está arreglado el tema de los acentos. Para que pueda servir a alguien con el mismo problema, para solventarlo nos vamos a la carpeta magpierss y editamos el archivo rss_fetch.inc y buscamos el siguiente código (está en la línea 357):

if ( !defined('MAGPIE_OUTPUT_ENCODING') ) {
define('MAGPIE_OUTPUT_ENCODING', 'iso-8859-1');
}

Tenemos que cambiarlo por:

if ( !defined('MAGPIE_OUTPUT_ENCODING') ) {
define('MAGPIE_OUTPUT_ENCODING', 'UTF-8');
}

Mar 28

Os presento Stripe Generator. Esta herramienta on-line nos facilitará la tarea de crear texturas para nuestras páginas webs.
Es bastante fácil y sencilla de utilizar. Simplemente vamos configurando los colores y la forma de la textura que queremos y nos descargamos el archivo en formato PNG resultante.

stripe.gif

Rápido, útil y sencillo de usar.

Vía | Labrújulaverde