8000 days

Videotutoriales: curso completo de Ajax online y gratis

noreply@blogger.com (PaNtaN) — Tue, 08 Apr 2008 04:10:00 +0000

Ya se encuentran disponibles en revver todos los videotutoriales del curso de Ajax creado por el profesor Jesús Conde.

El curso consiste en 20 videos que van desde lo más básico hasta los conceptos más avanzados.

Descripción de los videos

Video 1 - Primer videotutorial del curso de Ajax y también último del Curso de XHTML, CSS y Javascript. En él se hace un repaso a las distintas tecnologías web que se usan en la elaboración de las aplicaciones llamadas Ajax. Se centra especialmente en el tema de las HTTP Request y XML: HTTP Request y Response; Introducción a XML; Fundamentos de XML; Estructura de un documento XML; Document Type Declaration.

Video 2 - Detalle de la anatomía de una aplicación Ajax. ¿Para qué necesitamos Ajax? Diferencias de las interacciones cliente-servidor en una aplicación tradicional y una aplicación Ajax; Aplicaciones web funcionando como aplicaciones de escritorio; Las partes constituyentes de Ajax; El objeto XMLHTTPRequest; Hablar con el servidor; Código del lado servidor; Procesar las respuestas del servidor; Componentes de una aplicación Ajax trabajando juntos.

Video 3 - El Objeto XMLHTTPRequest. Los Objetos en Javascript; Crear una instancia de un objeto; Crear el objeto XMLHTTPRequest; Diferentes reglas para diferentes navegadores; Una solución para todos los navegadores; Uso de try...catch; Métodos y propiedades del Objeto XMLHTTPRequest; El método open(); El método send().

Video 4 - Bloques clave en la elaboración de una aplicación basada en Ajax. Modo en el que se establece una conversación con el servidor. Enviar la petición al servidor; Solucionar el problema de la caché del navegador; Monitorizar el status del servidor; La propiedad readyState y su uso junto con la propiedad onReadyStateChange; Uso del código de status del servidor; Uso de las propiedades status y statusText. La función de respuesta.

Video 5 - Último eslabón en la cadena Ajax; Como usar los datos devueltos por el servidor; Las propiedades responseText y responseXML; Uso de propiedades del DOM Javascript; El método getElementsByTagName(); Analizar la respuesta XML; Informar al usuario de la evolución de la petición al servidor; El método getElementById().

Video 6 - Creación de dos primeras aplicaciones. La Interface HTML; El código Javascript del lado cliente; La instancia del objeto XMLHTTPRequest; La petición al servidor; Nuestro script PHP del lado servidor; La función de respuesta; Emplear gestores de eventos; Informar al usuario; Creación de una segunda aplicación y comparación entre ambas; Resumen de temas a tratar en el resto del curso.

Video 7 - Como crear aplicaciones asincrónicas sin usar XML. Devolver datos como texto; La propiedad responseText; Usar el texto de retorno directamente en elementos de página; Incluir HTML en responseText; Formateo complejo de datos; Uso de métodos String de Javascript; Introducción a Ahah (Asynchronous HTML And HTTP). ¿Para qué usar Ahah en lugar de Ajax?; Crear una librería reutilizable; Aplicar la librería en distintos proyectos.

Video 8 - Trabajar con los datos devueltos como XML. La propiedad responseXML; Más métodos DOM de Javascript; Propiedades y métodos de nodo y métodos de documento; Crear un lector RSS con Ajax; Uso de métodos DOM en la función de respuesta; El código del lado servidor.

Video 9 - Como crear y utilizar una librería Ajax. Ventajas del uso de librerías; Crear instancias del objeto XMLHTTPRequest; Peticiones HTTP GET y POST; La función de respuesta; Uso de la librería.

Video 10 - Uso de la librería prototype.js. ¿Librería, framework, toolkit? La función $(); La función $F(); El objeto Form; La función try.these(); Usar el objeto Ajax de prototype.js; Ajax.Request; Ajax.Updater; AjaxPeriodicalUpdater.

Video 11 - Uso de RICO, framework para la creación de aplicaciones web mejoradas basadas en Ajax. Introducción a RICO; Usar RICO en nuestras aplicaciones; Crear un Widget Acordeón; El AjaxEngine de RICO; Herramientas de interface de RICO; Ejemplo de interface arrastrar y soltar; Efectos cinemáticos de RICO.

Video 12 - JSON (JavaScript Object Notation) en profundidad. ¿Qué es JSON?; Arrays literales; Objetos literales; Mezclar literales; La sintaxis JSON; Codificación/decodificación con JSON; JSON versus XML; Herramientas JSON del lado servidor; JSON.php

Video 13 - Elaboración de aplicaciones completas con la creación de un sistema de autosugerencias para cajas de texto. Funcionalidades de la aplicación: typeAhead; lista de sugerencias; Controles de teclado; Ocultar sugerencias. El código HTML; La tabla de la base de datos; La arquitectura de la aplicación; Las clases; El control AutoSuggest; Implementar la funcionalidad typeAhead; El método typeAhead(); El método AutoSuggest.

Video 14 - Finalizar la aplicación de autosugerencias. El método AutoSuggest(); Manejar eventos de teclado; Mostrar múltiples sugerencias; Posicionar la lista desplegable; Añadir y mostrar sugerencias; Añadir soporte de teclado para la lista desplegable; El método init(); Soporte para escritura rápida; El proveedor de sugerencias; Componente del lado servidor; Componente del lado cliente.

Video 15 - Creación de un sistema de doble validación de formularios Ajax y PHP. Estructura de la aplicación, sistema Firts-in, Firts-out para tratar con la cola de espera; Uso de doble validación; Análisis e implementación de la aplicación.

Video 16 - Creación de una parrilla de datos Ajax, formateada mediante el uso de XSLT y que permite moverse entre las distintas páginas de la parrilla y editar los datos de la tabla por parte del ususario de modo asincrónico sin necesidad de actualizar nunca la página web. Implementación de la parrilla Ajax usando XSLT de lado del cliente; Estructura de la aplicación; Funcionalidad del lado servidor.

Video 17 - Creación de un lector RSS. Sindicación de contenidos y trabajo con RSS; La estructura de un documento RSS; Crear un lector RSS basado en Ajax; Uso de Arrays asociativos; Dar formato con XSLT.

Video 18 - Como usar la extensión para Dreamweaver MX AJAX Toolbox. Construir un sitio web completo; Construir la estructura del sitio; Usar los paneles y ventanas de diálogo de Ajax Toolbox; Añadir enlaces y tooltips Ajax; Personalizar los paneles de la página maestra.

Video 19 - Extensión para Dreamweaver MX AJAX Toolbox. Creación de un completo catálogo musical online. Crear el sitio web, la base de datos y enlazarlos. Planificar la aplicación; Construir el Sito Ajax "dinámico" y su estructura; Añadir nombres de artistas en el panel menú; Crear la página de detalles artistas; Crear la página de detalles álbumes.

Video 20 - Uso de los distintos "Widgets" de MX AJAX Toolbox. Tabset; Accordion; Caja de diálogo; Galería de fotos, Pop-up; Texto colapsable. Termina viendo como crear un WebService con el Asistente para WebService y el uso de DragAndDrop.

PureEdit: CMS "puramente simple"

noreply@blogger.com (PaNtaN) — Thu, 13 Mar 2008 22:34:00 +0000

PureEdit es el primer CMS (PHP/MYSQL) que simplifica dramáticamente el back-end de desarrollo de tu sitio web dándote pleno control de la interfaz de usuario y diseño de la programación. Básicamente realiza un formulario de acuerdo a tu tabla de la base de datos similar al scaffold de Rails.

El 10 de Febrero 2008 fue publicado por Michael Dick bajo la licencia GPL (General Public License) esto quiere decir que lo podemos utilizar, mejorar y compartir.

Si quieres empezar a darle leña a esta herramienta te recomiendo que visites los siguientes links:

- Videotutoriales de como crear un blog en 9 minutos y más

- Blog del desarrollador Michael Dick

- Foros de la comunidad

- La documentación (actualmente solo disponible en Inglés)

Vía | Bedomax
Enlace | PureEdit

También te puede interesar:
- CodeIgniter, Framework PHP

Andanza, crea una versión móvil de tu sitio web en minutos

noreply@blogger.com (PaNtaN) — Sat, 05 Jan 2008 01:30:00 +0000

Andanza es un servicio web “movilizador” de blogs simple y gratuito que, en cuestión de minutos, hace que un blog sea accesible desde cualquier dispositivo móvil (PDA, teléfono móvil, smartphone, etc).

Andanza.com ofrece, además, la posibilidad de “personalizar” tu blog móvil como mejor te guste: la imagen de cabecera, los colores de las fuentes, el fondo, etc. Así mismo, pone a tu disposición una serie de plugins que ayudarán a mejorar las prestaciones de la versión móvil de tu blog.

Para la movilización de blogs, Andanza utiliza esmeroPlatform, una plataforma de estándares abiertos, que facilita el acceso a los contenidos y aplicaciones web, a partir de una filosofía: "anywhere, anytime, anydevice".

El proceso es rápido y sencillo, y además los resultados son bastante buenos.

Enlace | Andanza

También te puede interesar:
- Google Mobilizer, adapta sitios web a dispositivos móviles
- Jagango, crea tu sitio web móvil en minutos y de forma online
- Mofuse, crea una versión para móviles de tu sitio en minutos y de forma online

Firefox 3, cinco mejoras que te encantarán

noreply@blogger.com (PaNtaN) — Sat, 05 Jan 2008 00:44:00 +0000

Ya se puede descargar la Beta 2 de Firefox 3, y entre las novedades que incluye se pueden destacar algunas que seguro que te enamorarán.

1- Transferencias directas más fáciles: Mientras que el más viejo encargado de las transferencias directas era absolutamente útil, Mozilla ha hecho algunos buenos retoques en la nueva versión. Ahora no sólo enumera el nombre de fichero, sino que además nos muestra la URL de donde fue transferido, e incluye un icono que lleva a la información sobre cuando y donde se transfirió. (la eliminación del link, ahora tiene hacerse con botón derecho para suprimir un listado).

Pero las nuevas y buenas características no acaban ahí, ya que antes cuando estabas descargando un archivo y se bloqueaba o “colgaba” el navegador había que reiniciar todo de nuevo. En cambio con la nueva versión de Firefox, esto no ocurre, ya que tras iniciar de nuevo el navegador, el sólo retomará la transferencia donde la dejó, como si no hubiera sucedido nada. Podéis hacer la prueba cerrando la aplicación firefox.exe durante una transferencia directa.

2- Una barra de direcciones mejorada: Mozilla también ha realizado mejoras en la función “Autocompletar” de la barra de direcciones, y hay que decir que es algo impresionante útil. En la versión Beta 2 de Firefox 3, el resultado de “Autocompletar” no sólo ofrece una lista de direcciones URL que se han visitado, sino que ahora también incluye las dirección de favoritos.

También se muestra la dirección URL con un texto más grande y más fácil de leer, por lo que será más sencillo encontrar aquella web donde estuviste.

3- Un organizador idóneo de marcador: Hablando de marcadores, el historial y marcadores antes iban en barras independientes y los administradores han sido reemplazados,o, en su lugar, aumentados por un único espacio, que utiliza un formato familiar al árbol del navegador de Windows . Ofrece una forma sencilla y rápida para leer y administrar el historial y los marcadores, y va incluida la capacidad para editar un nombre de un marcador, su ubicación y las etiquetas, todo esto en lugar de tener que entrar en el cuadro de propiedades (algo muy pesado en la versión 2 ).

4- Registro de marcadores más fácil: Hay, de hecho, muy pocas características nuevas que implican a los marcadores, eso si, algunas son pequeñas pero muy útiles. Por ejemplo, ahora se puede crear rápidamente un marcador haciendo doble clic en una estrella que aparece en la parte derecha de la barra de direcciones. También se pueden agregar etiquetas a los marcadores, que podría trabajar bien como una herramienta de la organización.

También hay nueva carpeta denominada Smart Bookmarks en la barra de herramientas. Ofrece tres categorías de los marcadores: Páginas visitadas más recientemente y etiquetas recientes que se rellena automáticamente durante el transcurso de las sesiones web. Como la mayoría de las personas, tengo una serie de sitios que visito con regularidad, y ahora puedo ver cómo algo como la lista de páginas más visitadas; podría resultar útil como un recurso para mis sesiones diarias. (Podría, por supuesto, crear mi propia carpeta para estas swebs, pero es mucho más fácil dejar que Firefox lo haga).

5- Una mejor administración de memoria: Si eres seguidor de Firefox, y si ha habido veces que has considerado volver a Internet Explorer debido a los problemas que tenía Firefox con el empleo de memoria. Había momentos en los que resultaba frustrante ver como el Firefox llegaba a utilizar 200Mb de ram. Y más frustrante todavía cuando Mozilla no reconocía un problema de consumo de memoria.

Si la has probado nos puedes comentar las tuyas.

Vía | Incubaweb 2.0
Fuente | Information Week
Enlace | Firefox 3 Beta 2

También te puede interesar:
- Mozilla Weave, nuevo servicio de sincronización
- Firefox 3 más cerca de HTML 5

SEO vs SEO 2.0, comparando diferencias

noreply@blogger.com (PaNtaN) — Fri, 04 Jan 2008 23:29:00 +0000

Con el auge de las redes sociales, que en los medios de comunicación se lo conoce como web 2.0, y con los cambios que Google ha introducido en sus algoritmos en este año para valorar páginas webs, ahora ya no se puede hablar solamente de SEO (Search Engine Optimization) en el sentido clásico. Es decir, concentrarse en palabras claves, metatags, conseguir una gran cantidad de enlaces entrantes, etc.

Justamente SEO 2.0 ha publicado una lista muy interesante donde compara 15 diferencias del SEO y SEO 2.0.

A continuación la traducción del artículo:

SEO	SEO 2.0
Generación de enlaces entrantes de forma manual, usando intercambios, catálogos, pagando por enlaces	Generación de enlaces entrantes mediante acciones como blogging, escribiendo contenidos únicos, generando link-baiting, socializando.
Optimización on-page para bots de los buscadores, por ejemplo repitiendo títulos, palabras claves, etc.	Optimización on-page para los usuarios, por ejemplo colocando títulos provocativos.
Competición: Tu compites con otros para aparecer en el top 10 de los resultados de Google para palabras claves especificas.	Cooperación: Tu cooperas con otros bloggers votando por ellos en redes sociales, blogs, etc., esperando que ellos también te enlacen.
Trueque: Si tú me das un enlace y yo te doy otro.	Dar: Yo te enlazo independientemente de que tu también me des un enlace, pero en la mayoría de los casos tu también me enlazarás.
Ocultamiento: No estamos haciendo SEO, no podemos mostrar nuestra lista de clientes.	Abierto: Bienvenidos los clientes nuevos, estamos orgullos de trabajar con ellos.
Palabras claves	Etiquetas
Optimización para enlaces	Optimización para tráfico
Clicks, impresiones, visitas	Conversiones, retorno de la inversión, marca
DMOZ	del.icio.us
Principales fuentes de tráfico: Google, Yahoo, MSN.	Principales fuentes de tráfico: StumpleUpon, redes sociales de noticias, blogs.
Comunicación en una sola dirección	Dialogo, conversación
De arriba hacia abajo	De abajo hacia arriba
Antidemocrático, quien paga más está en la parte superior.	Democrático, quien responde a la demanda popular está en la parte superior.
50% automatizado	10% automatizado
Tecnocrático	Emocional

Me parece que esta lista muestra a cabalidad cuales son las diferencias entre el posicionamiento clásico y el de la web 2.0. Pero esto NO significa, como se ha estado comentado últimamente en muchos foros y blogs que la profesión del SEO ha muerto. Por el contrario, ahora se han abierto muchas más posibilidades y perspectivas para el posicionamiento de proyectos webs: los clásicos, que todavía seguirán existiendo por bastante tiempo y los de la web 2.0.

Vía | Blog de Dr. Max Glaser
Fuente | SEO 2.0

Project2Manage, administrador de proyectos online

noreply@blogger.com (PaNtaN) — Fri, 04 Jan 2008 23:00:00 +0000

Project2Manage es un gestor de proyectos online que nos permite administrar / organizar nuestros proyectos de forma fácil, rápida y bien organizada. Probablemente se transforme en uno de los principales competidores de BaseCamp.

Entre sus principales características Project2Manage nos permite:

Asignar distintos niveles de autorización para clientes y usuarios
Administrar nuestros proyectos desde cualquier lugar
Cantidad de proyectos ilimitados
Administrar nuestras tareas por medio de To-Do-List

Con Project2Manage podremos mantener nuestros proyectos bien organizados y hacer exhaustivo siguimiento de ellos. Y un detalle muy importante: es un servicio totalmente gratis.

Vía | Freak Group
Enlace | Project2Manage

SplashUp, editor de imágenes online

noreply@blogger.com (PaNtaN) — Fri, 04 Jan 2008 04:06:00 +0000

Splashup es uno de los mejores (si no el mejor) editor de imágenes online que haya visto hasta el momento. Su potencia y su facilidad de uso lo convierten en la real alternativa a programas de escritorio como Photoshop.

Splashup (antes conocido como fauxto) cuenta con una gran cantidad de herramientas que van mucho más allá de las que vemos en otros editores online (cortar, redimensionar, contraste, brillo, etc.) y que nos permiten realizar todo tipo de moficiaciones a nuestras imágenes.

Este editor online nos permite trabajar fácilmente con multiples imágenes y capas, aplicar filtros, elegir entre una gran variedad de pinceles además de integrarse perefectamente con servicios como Picasa, Flickr y Facebook.

Realmente es impresionante las cosas que se pueden lograr con este magnífico editor online. Desde que conocí Splashup se ha convertido en mi editor preferido cuando no tengo a mano GIMP.

La única desventaja que le veo es que para poder usar bien esta herramienta hay que tener una buena conexión a internet sobre todo al trabajar con imágenes muy grandes ya que el tiempo que demora para cargar los archivos puede ser desesperante si tienes una conexión demasiado lenta.

Vía | Adictos a la red
Fuente | Pixelco Blog
Enlace | Splashup

También te puede interesar:
- Shareapic, alojamiento de imágenes ilimitado y gratuito que te permite ganar dinero

Google Mobilizer, adapta sitios web a dispositivos móviles

noreply@blogger.com (PaNtaN) — Fri, 04 Jan 2008 03:51:00 +0000

Hacer que tu web sea amigable para dispositivos móviles como teléfonos o PDAs es muy sencillo con esta herramienta.

Solo tienes que ir a la página de Google Mobilizer e introducir la dirección URL de tu web, indicar si quieres que se muestren imágenes o no y hacer clic en GO.

Lo que te ofrece es una versión plana para lectura, libre de anuncios y elementos de distracción con el contenido de tu web. Además también te muestra un menú de navegación para navegar fácilmente por las páginas de tu web.

No te ofrece una dirección para ofrecer tu web sino que es un servicio que, ingresando desde tu dispositivo móvil, te permite acceder a versiones de carga rápida de cualquier web, eliminando todo lo accesorio.

La misma página de Google Mobilizer es un ejemplo de ahorro de recursos, mostrando solo lo imprescindible. Una página para tener en los favoritos de tu dispositivo portátil.

Vía | Incubaweb 2.0
Enlace | Google Mobilizer

También te puede interesar:
- Jagango, crea tu sitio web móvil en minutos y de forma online
- Mofuse, crea una versión para móviles de tu sitio en minutos y de forma online

circaVie, crea líneas de tiempo con imágenes y videos de forma online

noreply@blogger.com (PaNtaN) — Fri, 04 Jan 2008 03:23:00 +0000

circaVie es una aplicación online que nos permite crear líneas de tiempo con imágenes y videos, incorporar comentarios públicos y compartir información y experiencias de una forma mucho más gráfica y visual.

Desde nuestro perfil de usuario contamos con diferentes estilos visuales para seleccionar, podemos añadir eventos y sobre cada uno de ellos, asociar una imagen representativa, luego obtener el código html y el enlace.

Su uso es muy sencillo e intuitivo, el único detalle negativo es que por el momento no admite caracteres como tildes o eñes. Para usar circaVie necesitarás una cuenta de AIM, OpenID o registrarte.

Vía | Illasaron
Enlace | circaVie

Shareapic, alojamiento de imágenes ilimitado y gratuito que te permite ganar dinero

noreply@blogger.com (PaNtaN) — Thu, 03 Jan 2008 19:00:00 +0000

Shareapic es un servicio de almacenamiento gratuito de imágenes con características muy interesantes que lo convierten en uno de los mejores de su clase.

Este servicio de hosting gratuito nos provee un espacio ilimitado para almacenar nuestras imágenes y no tiene restricciones en cuanto al tamaño de las fotos que subimos al sistema.

Entre las características más destacadas se encuentran:

Sin límite de espacio en disco
Sin restricciones en el tamaño de las imágenes que podemos subir
Posibilidad de crear ilimitadas galerías de imágenes
Se gana dinero con las visualización de nuestras imágenes ($0.22 por cada 1000 impresiones)
Posibilidad de obtener ingresos extras agregando nuestro código de afiliado de Adsense

Después de registrarme de manera gratuita, estuve probando este servicio y la verdad que me pareció muy bueno. La interface es muy sencilla y fácil de usar, la carga de las imágenes es bastante rápida y si usamos Windows (no es mi caso) podemos descargar un pequeño software que nos permite subir varias imágenes al mismo tiempo.

Además podemos compartir nuestras imágenes rápidamente usando el código que genera al subir las fotos y que nos permite agregar esas imágenes a las redes sociales más conocidas como FaceBook, MySpace, Hi5 y muchas otras.

En definitiva, Shareapic es un excelente servicio de almacenamiento gratuito de imágenes, repleto de funciones, sin límites y con el que además podemos ganar dinero. No se le puede pedir más a un servicio de este tipo. Les recomiendo que lo prueben.

Vía | Adictos a la red
Enlace | Shareapic

También te puede interesar:
- ADrive, almacenamiento online con capacidad de 50 GB

Mozilla Weave, nuevo servicio de sincronización

noreply@blogger.com (PaNtaN) — Thu, 03 Jan 2008 18:27:00 +0000

Mozilla ha vuelto a hacer temblar Internet, y esta vez lo ha hecho Mozilla Weave, una aplicación que nos permitirá crear una capa de abstracción sobre nuestro navegador para facilitar la integración con aplicaciones externas y evitar la dependencia de un navegador local en donde almacenar nuestros marcadores, historial, personalizaciones, etc. Similar a la extensión Google Browser Sync.

De esta forma además de disponer de un perfil al que podamos acceder desde cualquier navegador (Firefox) y desde cualquier dispositivo, tendremos acceso a nuestros datos y a nuestras aplicaciones almacenadas en nuestro perfil.

Con Mozilla Weave podremos:

Disponer de un sistema básico de Mozilla remoto
Facilidades de uso en la utilización de sercicios basados en estándares abiertos
Control total sobre nuestros datos permitiéndonos personalizar la forma de compartirlos
Privacidad permitiéndonos elegir si queremos delegar los accesos
Que se fomenten los usos de estándares libres en aplicaciones externas e integrarlas con Weave

Habrá que seguir muy de cerca la evolución de Mozilla Weave, y ver lo que es capaz de ofrecernos un sistema con estas características. Ya que Firefox se convertirá en una especie de “Metanavegador” que usará una carcasa para obtener los datos que le darán forma y funcionalidad a esa carcasa.

Requiere Firefox 3.0 beta 1 o superior para funcionar.

Vía | aNieto2K
Enlace | Mozilla Weaves

También te puede interesar:
- Debate de la privacidad en internet, tendencia en 2008
- Firefox 3 más cerca de HTML 5

Jagango, crea tu sitio web móvil en minutos y de forma online

noreply@blogger.com (PaNtaN) — Thu, 03 Jan 2008 18:09:00 +0000

Jagango es un servicio que nos permite crear un sitio web móvil en pocos minutos y sin nada de conocimientos, sólo tenemos que registrarnos gratuitamente y comenzar a crear nuestro sitio web adaptable a dispositivos móviles.

Lo que me gustó es su simplicidad de uso, sólo tenemos que abrir el asistente para crear nuestro sitio y él nos guiará con todo, primero seleccionamos una plantilla de las predefinidas; vamos al siguiente paso que es especificar un título, el texto del cuerpo y el pié de página; luego a personalizar el estilo de los textos, pudiendo elegir tipografías, colores y alineaciones; ahora podremos agregar un logo y estaremos a punto de terminar.

En el último paso el sistema nos pide que ingresemos con nuestros datos si ya estamos registrados, sino procedemos a crearnos una cuenta gratis y ya estaremos en condiciones de promocionar y compartir nuestro sitio web móvil.

Vía | PuntoGeek
Enlace | Jagango

También te puede interesar:
- Mofuse, crea una versión para móviles de tu sitio en minutos y de forma online

Designios, recursos para diseñadores

noreply@blogger.com (PaNtaN) — Thu, 03 Jan 2008 03:36:00 +0000

Noticias, recursos, trucos, consejos, artículos, y todo lo que tenga relación con el diseño ahora lo podrás encontrar y promocionar a través de Designios. Es una nueva plataforma de promoción social dedicada al mundo del diseño en general y está basada en Pligg, donde quienes nos movamos en el mundo del diseño, aquí podemos promocionar contenidos relacionados con el diseño como aportar otros contenidos que podamos encontrarnos en la red, con lo que para ello podemos echar mano de un bookmarklet.

Aunque de momento hay pocas noticias en portada, una cosa que llama poderosamente la atención son las categorías, en su mayoría, pertenecientes a las aplicaciones profesionales de diseño, aunque también tienen cabidas programas de código abierto como Gimp o Blender, y hasta plataformas como Linux. Si creemos que algún contenido merece alguna categoría específica, también podemos sugerirla. Otra cosa que también llama la atención es la plantilla usada, clara y cómoda de usar.

Y su funcionamiento, pues ya es conocido por muchos de nosotros, similar a Meneame y compañía, con lo que ahora sólo queda que los usuarios aportemos todo tipo de contenidos que nos puedan ser útiles en un momento dado, y que la relevancia mediante las votaciones nos ofrecerán aquellos contenidos que la comunidad crea que son de especial interés, como los 60 tutoriales avanzados de Photoshop que ya tenemos en portada.

Sin duda, no le perderé de vista por lo mucho que nos puede aportar a quienes manejamos aplicaciones de diseño.

Vía | Genbeta
Fuente | LordMarx
Enlace | Designios

Mofuse, crea una versión para móviles de tu sitio en minutos y de forma online

noreply@blogger.com (PaNtaN) — Wed, 02 Jan 2008 23:15:00 +0000

Mofuse es una nueva aplicación web que nos permite crear fácilmente una versión de nuestro sitio web o blog, adaptada para ser visualizada en dispositivos con pantallas reducidas como PDA’s o teléfonos móviles.

El funcionamiento de esta aplicación es realmente sencillo. Luego de registrarnos gratis en el sitio, accedemos a nuestra cuenta en donde podemos agregar y configurar los sitios de los cuales queremos crear versiones móviles. Para eso solo tenemos que ingresar algunos datos, como nombre, título y la dirección del feed desde donde Mofuse tomará las noticias que mostrará en la versión móvil.

El sitio también permite cambiar algunos parámetros de configuración de los sitios como los colores, la imagen del encabezado además de permitir el ingreso de nuestro código de anunciante de Google Adsense para agregar publicidad y así ganar dinero gracias a nuestros usuarios móviles.

Mofuse nos permite personalizar la dirección que usarán nuestros usuarios para ingresar a nuestro sitio y además podemos pegar un código para que los visitantes que accedan usando un dipositivo con pantalla reducida, sean automáticamente redireccionados a la versión móvil del sitio.

Estuve probando esta aplicación y la verdad que me pareció muy útil, sencilla de usar y repleta de funciones muy interesantes.

Vía | Adictos a la red
Enlace | Mofuse

Neulio, crea y divulga cursos y videotutoriales por Internet

noreply@blogger.com (PaNtaN) — Wed, 02 Jan 2008 22:31:00 +0000

Neulio es una excelente herramienta que te permitirá crear videos con cursos sobre los temas que domines publicándolos en formato de videotutoriales por internet.

Además Neulio te permite crear tests sobre el material divulgado, abriendo las puertas a una verdadera escuela en la que la calidad depende de la creatividad del autor.

Puedes añadir audio, texto, videos… todo ello con un sistema de estadísticas que permite controlar los accesos e identificar lo que los alumnos hacen en las clases virtuales. En el sitio tienes algunos tutoriales para conocer mejor esta herramienta de creación de cursos.

El único detalle es que hasta el momento sólo está disponible en inglés.

Vía | wwwhat's new
Enlace | Neulio

También te puede interesar:
- Videotutoriales: curso completo de PHP y MySQL online y gratis
- 10 herramientas para convertir tu iPod en un mejor gadget de aprendizaje

Debate de la privacidad en internet, tendencia en 2008

noreply@blogger.com (PaNtaN) — Wed, 02 Jan 2008 21:46:00 +0000

Si en 2007 hemos hablado un montón de privacidad en internet, todo apunta a que en 2008 va a ser uno de los temas clave a la hora de afrontar muchos de lo servicios y estrategias publicitarias. Desde estar siempre localizados, hasta la publicidad personalizada pasando por las redes que quieren saberlo todo ti y sin olvidarnos de Google como gran acaparador de datos del usuario (Gmail, historial de búsquedas, Google Desktop,...)

Pero en el tema de la privacidad en internet creo que es necesario hacer una división de los usuarios. Una minoría muy activa en blogs y sitios tipo Slashdot realmente preocupada por ella, que vigila a cada nuevo servicio y utiliza Tor para nevegar, frente a una inmensa mayoría a la que la privacidad les importa un pimiento. Y lo cierto es que los defensores a ultranza de la privacidad han visto como la población ha ido adoptando desde las tarjetas de crédito hasta los programas de fidelización, mientras los gobiernos cada vez apuestan más por la videovigilancia. Además, una nueva generación crece acostumbrada a poner un buen montón de información personal en la web, acostumbrada al hecho de que sea fácilmente localizable: fotos en flickr, vivencias en blogs/twitters, opiniones en foros, vídeos, viajes, canciones...

Claro que es erróneo plantear el debate en términos simplistas de "privacidad sí o no". Por un lado el dar datos personales se hace a cambio de servicios personalizados: cuando Amazon me reconoce me da buenas recomendaciones, mi historial de búsqueda y favoritos sirve para adaptar los resultados a mis intereses. La privacidad bien entendida es el derecho del individuo a mantener en secreto sus datos personales, a darlos, rectificarlos y eliminarlos, no la obligación de que no se pueda armar nada en internet basándose en información personal que el usuario ha entregado gustoso. Las líneas rojas deberían trazarse en que éste mantenga el control sobre la misma y sepa para qué se va a utilizar.

En cualquier caso, la privacidad en internet va a ser uno de los temas del año. Por mucho que las nuevas generaciones estén muy dispuestas a compartir hasta su localización en cualquier momento, es previsible y hasta deseable que las señales de alarma se disparen con la llegada de asuntos que superen Facebook Beacon, el problema de AOL o cualquiera del resto de problemas relacionados con la privacidad de este año.

Vía | Error500

Firefox 3 más cerca de HTML 5

noreply@blogger.com (PaNtaN) — Wed, 02 Jan 2008 18:20:00 +0000

Cuando hablamos de estándares, no podemos evitar asociar a WebKit con el nuevo HTML 5, y es que la verdad están haciendo un gran trabajo desarrollando las nuevas mejoras. Pero Firefox 3, está pasando algo más desapercibido por el tema, aunque también ha dado un paso considerable hacia el futuro estándar web.

Gestión de protocolos

Una de las opciones que integra, es la opción de registrar protocolos personalizados, o lo que es lo mismo, nos permite definir para ciertos tipos de protocolos, unas acciones personalizadas. Imaginemos que tenemos una aplicación en nuestra web que envia faxes, ¿por qué delegar el envío de faxes a las aplicaciones del cliente?.

De esta forma, nos evitamos sorpresas y no dependemos de lo que el usuario tiene instalado en su máquina. Actualmente, un PC por defecto al pulsar sobre una dirección de correo, este le asocia a la aplicación de correo instalada en su máquina, en Windows Outlook, en MacOS Mail…

Pues con esta nueva gestión de protocolos, podremos dar una opción más al usuario haciendo nuestra aplicación sea 100% accesible, independientemente del dispositivo que estemos usando.

Ejemplo:

El método registerProtocolHandler(), formará parte del objeto navigator, y hará referencia al navegador.

 navigator.registerProtocolHandler("mailto",
                                 "https://mail.google.com/mail?view=cm&tf=0&to=%s",
                                 "Google Mail");

Eventos Online y Offline

Otra opción que el nuevo estandard nos acerca y Firefox 3 nos permite comenzar a usar, es la posibilidad de conocer si estamos en modo online o offline, permitiéndonos actuar de una forma u otra dependiendo del estado de nuestra conexión. La integración de almacenamiento DOM, nos permite alojar datos en una base de datos local, haciendo posible que, por ejemplo, almacenemos en dicha base de datos los datos que serán enviados en cuanto volvamos a disponer de conexión.

Para ello usaremos el flag onLine del objeto navegator.

Ejemplo:

 var estado = navigator.onLine ? "ONLINE" : "OFFLINE";

Gestión del foco

Una funcionalidad realmente interesante es la relacionada con el foco de los elementos, con la nueva especificación, podemos conocer si un elemento es el activo en ese momento y tratarlo de una forma diferente a si no lo és. Usando la propiedad activeElement, de los elementos HTML podremos conocer el estado de dicho elemento. Por otro lado, también podemos conocer si el elemento activo (o inactivo) dispone del foco, para ello usaremos la propiedad hasFocus.

Firefox 3, ahora ya integra estas dos propiedades para ayudarnos a hacer aplicaciones más complejas.

Eventos Drag & Drop

Firefox 3 integra dos nuevos eventos para determinar si estamos haciendo uso del famoso drag & drop sobre los elementos de nuestra página. Permitiéndonos delegar al navegador la tarea de crear dichos elementos movibles.

Para ello, el estándar nos ofrece una gran cantidad de eventos para tener el control en todo momento de nuestros elementos.

Ejemplo:

 var elem = document.getElementById("elem");
 elem.addEventListener("dragstart", startDrag, false);
 elem.addEventListener("drag", eventReceived, false);
 elem.addEventListener("dragend", eventReceived, false);

 var target = document.getElementById("target");
 target.addEventListener("dragenter", eventReceived, false);
 target.addEventListener("dragleave", eventReceived, false);
 target.addEventListener("dragover", eventReceived, false);
 target.addEventListener("drop", dodrop, false);

[Demo (Requiere Firefox 3)]

Vía | aNieto2K

Wix, crea contenidos flash en minutos de forma online

noreply@blogger.com (PaNtaN) — Mon, 31 Dec 2007 09:15:00 +0000

Wix es un sitio en el que puedes crear presentaciones, firmas para redes sociales y foros, páginas web y hasta revistas hechas completamente en Flash, esto sin saber nada de ActionScript ni animación; Wix te da las herramientas y todo lo demás depende de tu creatividad, así que puedes crear muchas cosas en poco tiempo.

Por ahora, en su sitio cuentan con una galería con los diferentes tipos de productos que se pueden lograr y la verdad están muy buenos; el inconveniente es que son materiales con muchos gráficos y sonidos, por lo que en caso de que los visitantes se conecten con líneas de baja velocidad, la carga se va a hacer eterna. Salvo esta desventaja, todo lo demás nos puede funcionar muy bien.

Lamentablemente Wix está en fase de beta cerrada y sólo se puede entrar por medio de una invitación, pero de igual manera se puede solicitar una desde la misma página.

Vía | Bitperbit
Enlace | Wix

SEO para Wordpress, guía completa de optimización para buscadores

noreply@blogger.com (PaNtaN) — Mon, 31 Dec 2007 08:09:00 +0000

Serie de artículos dedicados a la total optimización de Wordpress para los buscadores.

Si bien el tutorial trata aspectos técnicos exclusivos de este CMS, igualmente muchos de los puntos son aplicables y recomendables para todo tipo de blogs y páginas web.

Este curso SEO para Wordpress se divide en las siguientes cuatro partes:

1- Optimización del blog

2- Optimización del contenido

3- Incrementar las visitas y la interacción con el exterior

4- Conseguir enlaces

Enlace | Curso SEO para Wordpress

Características de un sitio web “user friendly”

noreply@blogger.com (PaNtaN) — Sun, 30 Dec 2007 15:51:00 +0000

Es muy fácil darse cuenta cuando un sitio fue pensado para los visitantes y cuando no. Parece algo tonto, pero no todos entienden que ese sitio va a ser visitado por otras personas que no son uno mismo, por ende no todos van a sentirse de la misma manera en dicho lugar. Sin lugar a dudas los sitios que estan pensados para los demás y conociendo el modo de trabajo para realizar esto son mucho más ricos que los otros.

Estos sitios comparten algunas características que harán la visita del usuario mucho más “amigable” y lo ayudarán a cumplir el objetivo por el cual visitó el sitio de manera más rápida y simple. Las principales son:

Carga rápida

Un sitio tiene que cargar de la manera más rápida posible. Si el visitante puede encontrar la información por la cual llegó a tu sitio en otro no tengas dudas que se irá luego de algunos segundos en los cuales tu sitio no terminó de cargar. Ya he hablado muchas veces sobre cómo optimizar tu sitio para que cargue lo más rápido posible, tal vez algo de esto te sirva:

Accesibilidad

Como comenté antes no todos ingresarán a tu sitio en las mismas condiciones, es decir, no todos lo harán desde la PC de su casa con una conexión a internet de 2.5MB y en un monitor de 17 pulgadas con Firefox sobre Windows XP. Es decir, hay que hacer que el sitio esté disponible para todos los medios por los cuales pueda accederse: PCs, notebooks, Palms, teléfonos móviles, etc.

Esto significa que no siempre se verán las imágenes, no siempre se podrá reproducir flash ni ver los frames. Debes buscar una forma alternativa de que ese contenido pueda llegar al usuario, mucho más hoy en día donde la navegación móvil crece rápidamente y es el futuro no muy lejano.

Navegación

El usuario debe estar en todo momento a no más dos clicks para llegar a cualquier parte de tu sitio. Esto no es fácil de lograr pero le facilitará mucho la visita. Al margen de esto es importante que las partes más destacadas de tu sitio estén a la vista y sean fáciles de acceder. También es importante jerarquizar los enlaces dentro de la navegación, hay secciones destacadas en tu sitio, a esas debe ser fácil llegar.

Lo que tu sitio no puede dejar de tener es una parte donde el visitante pueda contactarse con vos, como ya dije, es muy importante relacionarse. Los demás enlaces y su respectiva disposición servirán para orientar al usuario en una especie de visita guiada por tu sitio ayudando muchas veces a cumplir el objetivo del mismo.

Información

Cada visitante por lo general llega a tu sitio buscando algo. Seguramente lo sepas (o deberías saberlo) y tienes que tratar de servirle en una bandeja de plata eso por lo cual vino. Ir al grano con lo que quieres decir es una buena manera de hacerlo.

Vía | Gran Impetu
Más información | Usabilidad, Diseño centrado en el usuario, Accesibilidad web

SearchIcon, nuevo buscador de Iconos

noreply@blogger.com (PaNtaN) — Sat, 29 Dec 2007 21:33:00 +0000

SearchIcon es un nuevo buscador de iconos gratuitos que se suma a iconlet, IconFinder e IconDb, entre otros. Al ser un buscador sólo deberás ingresar una palabra clave y te devolverá todas las coincidencias que encuentre en su base de datos que en este momento cuenta con más de 60.000 iconos para descargar gratis.

Vía | Codigo Geek
Enlace | SearchIcon

ADrive, almacenamiento online con capacidad de 50 GB

noreply@blogger.com (PaNtaN) — Sat, 29 Dec 2007 20:25:00 +0000

ADrive es un nuevo servicio de almacenamiento online que ofrece 50 GB de espacio de alojamiento de forma totalmente gratuita, cifra que lo convierte en una interesante herramienta de respaldos por ejemplo.

En un futuro ADrive espera agregar una tecnología de recuperación de archivos, encriptación de archivos y SSL, también se presentará una versión Premium que ofrecerá aún más espacio.

En cuanto a lo que podemos hacer con los archivos no es demasiado, no ofrece servicios de streaming, y lo único que puede resultar interesante es la posibilidad de compartir los archivos que subamos.

Vía | Ciber Geek
Enlace | ADrive

PicMarkr, agregar marcas de agua a nuestras imágenes

noreply@blogger.com (PaNtaN) — Sat, 29 Dec 2007 19:01:00 +0000

Si tienes miedo de que te roben las fotos o imágenes que creas y publicas en Internet, te recomiendo poner una marca de agua en ellas. Agregando una marca sutil, semitransparente y elegante, no estropeas mucho el trabajo y evitas parcialmente el plagio.

Una interesante herramienta web para realizar este trabajo de forma online es PicMarkr, un sitio en el que basta indicar la foto original, la marca de agua y la posición para que nos genere en segundos el resultado deseado. PicMarkr es práctico, rápido y además fléxible, porque la cantidad de opciones para personalizar el resultado es bastante amplia.

Otra característica a destacar de PicMarkr es la integración con Flickr, ya que nos permite acceder a nuestra cuenta y seleccionar hasta 10 imágenes para trabajar con ellas, y finalmente luego de añadir la marca de agua nos permite subirlas nuevamente a Flickr.

Vía | wwwhat's new
Fuente | web2null
Enlace | PicMarkr

Más de 3700 iconos gratis para tu web o blog

noreply@blogger.com (PaNtaN) — Sat, 29 Dec 2007 17:20:00 +0000

Si estás buscando iconos para un proyecto web, para completar el diseño de tu blog, o para darle un nuevo aire a cualquier página te presento una lista inmensa de iconos gratis y de calidad útiles para todo tipo de desarrollos.

Muchos no tienen restricciones de uso, pero te recomiendo que eches un vistazo a las condiciones ya que algunos no permiten su uso en proyectos comerciales.

Iconos gratis de calidad

Silk
Silk contiene alrededor de 700 iconos gratuitos de 16×16 píxeles en formato PNG.

Silk Companion #1
Un set complementario al anterior con el estilo Silk 460 más.

Mini
Mini es un conjunto de 144 iconos gif, gratuitos para cualquier uso.

Mint
Los iconos Mint son pequeños iconos en png basados en el sistema de estadísticas Mint.

Flags
¿Necesitas banderas? Aquí tienes 247 iconos, en formatos gif y png. Son de libre uso.

Sweetie
Limpios, elegantes… bajo licencia Creative Commons, lo que permite un uso comercial. Incluyen los archivos originales de Photshop y disponibles en dos paquetes y estilos...

Sweetie BasePack (182 iconos)

Sweetie WebCommunication (37 iconos)

Quality Mini Icons by DaPino
Contiene 400 iconos en formato png bajo licencia Creative Commons Attribution 3.0.

Tango icon library
El conjunto Tango contiene un set de iconos para los usos más comunes.

Milk and Green
21 iconos en formato png.

Sizcons
Sizcons en tamaños de 12×12 y 16×16.

Drunkey Love
Más de 100 (16×16 píxeles) iconos en formato png.

Sway
3 conjuntos diferentes de iconos.

Pack #1 (29 iconos)

Pack #2 (5 iconos)

Smiley (12 iconos)

Two Tone
Two Tone es 100% gratis, con los archivos psd para cambiar los colores a tu gusto aunque ya está disponible en cinco distintos.

ASP NET Icons
Más de 300 iconos en formato gif.

Bullet Madness
¿Necesitas iconos para tus listas? Aquí tienes más de 200 flechas, iconos, puntos…

FeedIcons
Dos sets diferentes de iconos para feeds.

Zeusbox FeedIcons

Microformats Icons
3 conjuntos diferentes de iconos de interacción. Primary Microformats, XFN Set y Vote-links.

Primary Microformats

XFN Set

Vote-links

Tiicon
Tiicon 1.0 incluye 200 glyphs.

Bitcons
Bitcons, predecesor de Sanscons, es un conjunto que contiene 121 iconos pequeños (16×16 píxeles).

Mini Pixel Icons
Alrededor de 320 mini iconos gratis. Con un tamaño de 14×14px y fondo transparente. Perfectos para botones de navegación, libres de uso hasta un máximo de 10, entonces deberás otorgar un enlace a N.Design Studio.

Pixeley
31 iconos en formato gif y png.

Mini Icons

113 iconos de 10×10 píxeles en tonos grises y formato gif.

DocType Icons
42 iconos de 16×16 píxeles en formato gif.

ExplodingBoy Pixel Icons
Conjunto de 31 iconos gratis para usar donde te apetezca y en varios colores.

ExplodingBoy Pixel Icons 2
25 iconos, en tonos grises, formato gif y fondo transparente.

Mini Icons
Mini iconos en diferentes categorías.

PixelGraphix Weblog Icons
Iconos para blogs de tamaño 13×15 píxeles en formato gif.

mIcons
Disponibles en 8 categorías.

graphicPUSH
Diseñados especialmente para blogs y sistemas de gestión de contenidos.

graphicPUSH Icon Pack 1
Grupo de 14 iconos para carga/descarga, gestión de archivos.

graphicPUSH Icon Pack 2
Conjunto de 17 iconos diseñados para representar tipos de archivo.

XML and RSS Pixel Icons
Colección de 22 iconos para representar XML y RSS.

Primail
Iconos para lo que quieras.

Manentia Icon Pack
245 iconos gratuitos diseñados por Javier Ordiozola, en formato gif.

Web Control Icons
Conjunto de iconos para sistemas de administración. En diferentes colores y tamaños.

Free Web Developement Icons
26 iconos de 16×16 por Kurumizawa.

Proxal
Set de 99 iconos gratis con el psd disponible.

Vía | BlogMundi
Fuente | PickBee

AVG Anti-Virus 7.5 Professional en descarga gratuita y legal hasta el 17 de Enero

noreply@blogger.com (PaNtaN) — Sat, 29 Dec 2007 05:35:00 +0000

La seguridad es uno de los elementos más importantes de un sistema informático, y si contamos con versiones profesionales de los sistemas antivirus, pues mejor. Claro que en la mayoría de los casos, estos programas cuestan dinero, con lo que tendremos que conformarnos con sus versiones gratuitas.

Claro que 29,95 dólares por adquirir la versión profesional de AVG Anti-Virus 7.5 tampoco es mucho dinero, y mucho menos si tenemos hasta el 17 de Enero del 2008 para poder descargarlo completamente gratuito y funcional para nuestro sistema de uso personal, aunque eso sí, no contaremos en este caso con soporte técnico.

El único pero de la promoción es la saturación de las páginas de descargas, con lo que tenemos habilitadas varias vías para su descarga.

Vía | Genbeta
Más información | GrupoGeek, ALT1040, Download Squad
Enlace | Descarga de AVG Anti-Virus 7.5 Pro
Enlaces | Descargas desde sitios alternativos