@jmaciasm

Remove Item from List - Preventing java.util.ConcurrentModificationException

2011-10-11T16:54:00.000+02:00

     Long gListTemporal=-1L;

      for( Iterator< GrupoInfVO > it = gList.iterator(); it.hasNext() ; )

              GrupoInfVO str = it.next();

              if(str.getxIdGin().equals(gListTemporal) ){

                  it.remove();

              else{

                  gListTemporal = str.getxIdGin();

Usar un mapa de Google Maps como fondo de tu sitio web

2011-03-27T19:23:00.003+02:00

1. Obtener una clave de Google Maps API

Antes que nada, lo primero que requerirás será una clave API para utilizar Google Maps para estos fines. Esto te llevará tan solo unos segundos, es instantáneo y es requerida una clave por dominio.

Haz clic en este enlace para obtener tu clave API de Google Maps >>

2. Configurar: HTML y CSS

Aquí puedes descargar el archivo CSS:

Haz clic en este enlace para descargar el archivo CSS >>

Y aquí puedes descargar el archivo HTML:

Haz clic aquí para descargar el archivo HTML >>

Finalmente, aquí tienes el archivo JavaScript:

Haz clic aquí para descargar el archivo JavaScript >>

Para que todo funcione correctamente, usaremos las propiedades absolute y z-index para poder alinear y posicionar todo en el orden correcto para completar la pantalla.

Como podrás ver, para obtener este efecto, le daremos al id map_ canvas que será el que generará el mapa) algunos parametros de estilo en forma inline, de esta manera:

PLAIN TEXT

id="map_canvas" style="position: absolute; top: 0; bottom: 0; left:
0; right: 0; z-index: 0;">

Es importante que todas estas propiedades queden configuradas en cero, y es indispensable que este sea el último elemento que coloquemos antes de cerrar el tag body.

Para los otros elementos div en la página (como la cuenta regresiva, el texto, etc...) fue creado un divcontenedor (llamado #countdown_dashboard) al que le fue dada position : absolute y su z-index fue colocado en 100 (o más alto si quieres ¡Lo importante que es no sea cero!)

Fuente original del artículo: WadeHammes Traducción realizada por elWebmaster.com

FancyBox | tool for displaying images

2011-01-19T22:36:00.002+01:00

What is it ?

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page. It was built using the jQuery library. Licensed under both MIT and GPL licenses

Features

Can display images, HTML elements, SWF movies, Iframes and also Ajax requests
Customizable through settings and CSS
Groups related items and adds navigation.
If the mouse wheel plugin is included in the page then FancyBox will respond to mouse wheel events as well
Support fancy transitions by using easing plugin
Adds a nice drop shadow under the zoomed item

Official site & Examples | http://fancybox.net/

Small opportunities are often the beginning of great enterprises

Contact Me  

MIT + 150 = Inventional Wisdom

2011-01-18T00:23:00.000+01:00

from ALT1040 by José Luis Zapata

El MIT, siglas de la prestigiosa institución de fama internacional Massachusetts Institute of Technology, ha cumplido recientemente 150 años de servicio y para celebrarlo lanzaron, entre otras cosas, el proyecto llamado Infinite History, que no es otra cosa que un portal interactivo de videos en los que entrevistan a más de cien personas que forman o formaron parte en el pasado de esta afamada universidad.

Hasta ahí todo normal, pero hay algo que hace a este sitio único: yendo más allá de los videos comunes y corrientes, crearon un sistema especialmente diseñado de navegación usando texto. Concretamente el mentado sistema le permite a los usuarios navegar por X video con sólo seleccionar una parte del texto. En otras palabras, das clic a una palabra y te lleva a la parte del video en que se menciona.

Es decir, que el MIT nos ha dado una nueva manera de presentar videos, pero la tecnología no acaba ahí. Además de navegar en el video, la relación texto-video nos permite buscar palabras o temas específicos en distintas entrevistas. Por ejemplo si buscamos en el sitio la palabra physics, se nos mostrarán distintos videos que guardan relación con el tema y además se resaltarán las partes de la entrevista en que se toca ese tema.

Para probarlo hice lo propio buscando nombres de los grandes de la tecnología y me topé con una muy buena entrevista a Tim Berners-Lee, reconocido científico que junto con su equipo creó HTML, el protocolo HTTP y el sistema de localización de objetos URL; los pilares del Internet vamos (esta entrevista es particularmente recomendable ya que nos deja ver un lado muy humano de Berners-Lee.

Infinite History es un proyecto que tuvo un largo desarrollo y que ha reunido mucho material. La tecnología para poder hacer las transcripciones y relacionarlas con los videos ha sido desarrollada por 3Play Media; es única y de mucha precisión, dada la calidad que debía lograrse.

Esto me ha puesto a pensar que el MIT nos está presentando una nueva manera de ver los videos muy interesante, más orientada a la web semántica. ¿Se imaginan que YouTube, Vimeo y demás portales de video implementaran tecnologías de este estilo a sus sitios? Las posibilidades serían infinitas. Desde búsquedas de partes específicas de videos hasta subtítulos y traducciones durante la reproducción.

El proyecto combina dos cosas que, en lo personal, aprecio mucho: buen contenido y tecnología innovadora, una al servicio de la otra. Muy recomendable para perder unas horas oyendo a muchos grandes personajes y aprender mucho.

Contact Me

Evolución de la cobertura de OpenStreetMap en Europa

2010-10-29T23:48:00.003+02:00

Vídeo que muestra la evolución en la cobertura de datos espaciales libres en Europa en Open Street Maps. Impresionante !

Evolution of European OpenStreetMap coverage [Full HD].

Anthem For Coders: And So You Code

2010-10-17T21:16:00.002+02:00

Google como acortador de urls

2010-10-03T23:31:00.004+02:00

El acortador de urls de google que hasta ahora acortaba las cadenas de forma automática, ya tiene sitio web. Google ha lanzado hace unos días el sitio web Google Url Shortener . Con una interfaz bastante primitiva, al estilo google, un cuadro de texto y un botón es todo lo que necesitas para acortar tus urls al estilo google. Aquí dejo un ejemplo de este post que estáis leyendo en el mundo goo.gl: http://goo.gl/wsAC

Usar tweetdeck para actualizar fan pages de facebook

2010-10-02T18:16:00.006+02:00

He visto en la red que mucha gente pregunta si es posible actualizar una fan page usando tweetdeck, la respuesta es si, se puede. Además, lo soporta tweetdeck de forma nativa, sin necesidad de usar terceras aplicaciones.

Tweetdeck sólo permite una cuenta de facebook y eso es lo que ha confundido a mucha gente, llevándoles a pensar que no era posible realizar esto.

La verdad es que es bastante sencillo. Paso a comentaros como hacerlo. Partimos de la base de que ya has añadido tu propia cuenta de perfil en facebook.

Abrimos tweetdeck y vamos a la configuración de cuentas. Seleccionamos la cuenta de facebook que ya hemos creado y al pie, podemos ver un botón de add pages, pulsando en este botón tweetdeck conectará con nuestro perfil y obtendrá el listado de cuentas fan page que administramos, y nos permitirá añadirlas como cuentas independientes para update en la plataforma.

Eso es todo.

Karmacracy. El foursquare de los acortadores de urls. @karmacracy

2010-09-27T23:17:00.017+02:00

En primer lugar, antes de hablar de Karmacracy hemos de explicar que son los acortadores de urls. Desde la irrupción de twitter en la red y su limitación de 140 caracteres, las urls de las direcciones a las que apuntan muchos post de los blogs (las cuales realmente son muy largas) han sido reemplazadas por enlaces cortos a los post con urls largas. Hay muchos y muy famosos acortadores, como bit.ly, y prácticamente cada plaforma web tiene la suya, como: fb.me de facebook, goo.gl de google, nyti.ms del New York Times, t.co de twitter o 4sq.com de foursquare.

Con esta base, aparece Karmacracy. Un acortador de urls de origen español, que va un paso más allá, añadiendo funcionalidades a su acortador y un sentido social a este, con la posibilidad de ganar medallas -badges- mediante el uso de la plataforma. Además, un ranking global de todos lo usuarios en el que puedes comprobar tu posición, ahí comienza la parte viral - el juego-, la necesidad intrínseca del ser humano de ser mejor que sus semejantes se plasma en la intención de tener más placas/medallas que los demás, y ser el primero del ranking (global o actual).

Es por esto, que se ha denominado a Karmacracy, el FourSquare de los acortadores de urls. El juego comienza tratando de ganar en ranking a tus propios amigos.

Una funcionalidad muy importante es su integración con aplicaciones como Tweetdeck a través de una API muy fácil de usar, bookmarklets y extensiones para navegadores y aplicaciones para móviles.

Aunque está en Beta, admite nuevos usuarios, así que si os interesa podéis crear vuestra propia cuenta accediendo al siguiente enlace Karmacracy usando el código jmaciaslovesyou

Website: http://karmacracy.com
Twitter: @Karmacracy

DLVR.it - You publish. They deliver. @dlvrit

2010-09-25T20:24:00.011+02:00

Distribute your blog to twitter, facebook and more.

Automatically feed your blod, twitter account, facebook page profile or business page, linkedin, Tumblr, and much more.

Using routes and destinations you can feed your account. You set up a route chosing your main publishing method, blogger for instance, and then you choose destinations like twitter account and facebook. So, when you make a new post on blogger, automatically dlvr.it feed the desire twitter or facebook account. If you manage more than a blog, you can make as many routes you need.

They also have a STATS page where you can see clicks, post and rate click/post.

Site: http://dlvr.it/
twitter: @dlvrit

Dropbox para BlackBerry

2010-09-22T19:45:00.004+02:00

via lablackberry por Miguel

Pues ya tenemos otra actualización de uno de los servicios de almacenamiento online que existe en la red. La aplicación Dropbox para BlackBerry se ha actualizado a la versión 1.0.32 y está disponible para su descarga de manera oficial. Recordamos algunas de las características del servicio Dropbox.

Almacenamiento de archivos en la nube
Posibilidad de almacenar hasta 2Gb de información
Sincronización de archivos entre tu PC, el servicio Dropbox online y ahora también con tu BlackBerry
Puedes borrar, renombrar, mover o descargar cualquier archivo almacenado

Recordamos que se trata de una aplicación totalmente gratuita. Para descargar la última versión de Dropbox para BlackBerry sólo tienes que pulsar el siguiente enlace:

https://www.dropbox.com/blackberry

Top funny source code comments

2010-09-19T23:38:00.001+02:00

by Vinícius Krolow

/*
* OK; before you read the following code know what I am trying to do.
* I needed to get the list of child catagories from the root node so that
* the root node didn't appear in the selection box. But for some stupid
* fucking reason the stupid fucking DBA wont let me access the items using
* indices and I instead have to use their stupid fucking Iterator
* implementation. So there.
*/
$firstList = $this->getRootNode()->getChildren();
foreach ($firstList as $node)
{
   $nodes = $node->getChildren();
   break;                // wtf?
}

1	// if i ever see this again i'm going to start bringing guns to work

1	//hack for ie browser (assuming that ie is a browser)

/**
* For the brave souls who get this far: You are the chosen ones,
* the valiant knights of programming who toil away, without rest,
* fixing our most awful code. To you, true saviors, kings of men,
* I say this: never gonna give you up, never gonna let you down,
* never gonna run around and desert you. Never gonna make you cry,
* never gonna say goodbye. Never gonna tell a lie and hurt you.
*/

// 
// Dear maintainer:
// 
// Once you are done trying to 'optimize' this routine,
// and have realized what a terrible mistake that was,
// please increment the following counter as a warning
// to the next guy:
// 
// total_hours_wasted_here = 16
//

1	// TODO: Fix this. Fix what?

1
2
3

// no comments for you
// it was hard to write
// so it should be hard to read

1	// I will give you two of my seventy-two virgins if you can fix this.

1	options.BatchSize = 300; //Madness? THIS IS SPARTA!

1 2	// I am not responsible of this code. // They made me write it, against my will.

1 2	//Dear future me. Please forgive me. //I can't even begin to express how sorry I am.

1	double penetration; // ouch

1	# To understand recursion, see the bottom of this file.

At the bottom file:

1	# To understand recursion, see the top of this file.

1	//I am not sure why this works but it fixes the problem.

1 2	//somedev1 - 6/7/02 Adding temporary tracking of Logic screen //somedev2 - 5/22/07 Temporary my ass

/*
* You may think you know what the following code does.
* But you dont. Trust me
* Fiddle with me, and youll spend many a sleppless
* night cursing the moment you thought you be clever
* enough to "optimize" the code below.
* Now close this file and go play with something else.

1	// drunk, fix later

1	// Magic. Do not touch.

1
2
3

// I dedicate all this code, all my work, to my wife, Darlene, who will
// have to support me and our three children and the dog once it gets
// released into the public

1 2	Exception up = new Exception("Something is really wrong."); throw up; //ha ha

1 2	//When I wrote this, only God and I understood that I was doing //Now, God only knows

Some more here

Subvenciones de la Junta de Andalucía en 2010

2010-09-15T10:28:00.001+02:00

SUBVENCIÓN	COLECTIVO	ACTIVIDAD	RETRIBUCIÓN
Subvención nominativa	FAFFE	Modernización del mercado laboral y mejora de la empleabilidad	34.473.248,16 €
Subvención mediante convenio de colaboración	CCOO	Materia de Formación Profesional para el Empleo	8.002.262,75 €
	UGT		8.021.823,00 €
	CEA		15.849.606,00 €
Subvenciones públicas	CCOO	Planes Intersectoriales de Formación de Ofertas	9.850.542,50 €
	UGT		9.851..005,00 €
	CEA		19.701.030,00 €
Subvenciones públicas	CCOO	Planes Sectoriales de Formación	3.421.772,50 €
Subvenciones públicas	UGT	Planes Sectoriales de Formación	3.421.752,50 €
TOTAL			112.593.042,41 €

Youtube: Video en Streaming

2010-09-13T22:33:00.009+02:00

Acabo de oir/leer que youtube va a iniciar la emisión en pruebas de video en streaming. Me encantaría la posibilidad de poder ver esta "Google TV", pero creo que lo que más me gusta de la red es poder ver series, documentales o programas de cualquier tipo, cuando yo decida. A la emisión en tiempo real sólo le veo sentido para las noticias muy relevantes, ahora que se han conmemorado los 9 años del atentado del 11/S, verlo en directo fue algo tremendo, espectular si se me permite la palabra, siempre desde el respeto. Pero, no sé si tendrá mucha aceptación un servicio de este tipo.

Lo que si puede tener sentido es como alternativa a la video conferencia. Imaginad que se está produciendo una conferencia Apple en la que se a lanzar el nuevo iPhone SuperMega OS. Aunque soy fan de Blackberry, me gustaría verlo en directo, si tengo la ocasión. Actualmente las seguimos a través de twitter.

Toda esta entrada del post es sólo para recomendaros FLUMOTION. Un servidor opensource de streaming. Trabaja sobre Ubuntu Linux, y usa como formato de video OGG.

Esta mañana lo he montado sobre una máquina virtual (Sun VirtualBox) y funciona de maravilla. La instalación se hace fácilmente desde el instalador de paquetes (Synaptic) de Ubuntu, y la visualización de video en streaming se realiza mediante el componente Java llamado Cortado Java Applet.

Por lo tanto, todo open source. También podéis comprar la versión de pago de una empresa española que ha realizado muy buen trabajo sobre este software.(flumotion.com)

Your Gmail account xyzt@gmail.com has been created

2010-09-12T20:14:00.002+02:00

Funny remembering 4 de noviembre de 2004 11:39:05 GMT+01:00

Congratulations on creating your brand new Gmail account at xyzt@gmail.com. Please keep this email for your records.

You can login to your account at http://gmail.google.com/

Enjoy!

The Gmail Team

Craiglist 404 error page

2010-09-09T08:45:00.003+02:00

Just look at that 404 error page from Craiglist.com and smile, seems they are stuck in the 90s.

Sequel Pro: Gestión de MySQL para MAC OS X

2010-09-06T22:05:00.002+02:00

via Tecnología Pyme

Cada vez están más presentes los equipos de la marca de la manzana en nuestras empresas. Podemos empezar a verlos, no sólo en empresas de diseño, sino en todo tipo de ámbito. Siempre ha sido una buena herramienta para el departamento TI de la empresa y desde Tecnología Pyme os mostraremos un software de gestión de MySQL para Mac OS con Sequel Pro.

Este gestor gratuito ofrece toda la profesionalidad necesaria en una herramienta para manejar estas bases de datos. Podemos administrar con total libertad las tablas, soporta vistas de MySQL, y además importar/exportar desde SQL/CSV y es compatible con las bases de datos MySQL 3/4/5 donde podemos editar, añadir, borrar, etc.

Podemos usar Sequel Pro vía SSH tras un firewall o de manera local por nuestra red. Es posible conectarse a varias bases de datos a la vez y nos da información de las mismas después de hacer una consulta con más de treinta opciones de codificación. Con esta aplicación también podemos crear copias de seguridad de las bases de datos de la PYME y restaurarlas de manera sencilla.

Aún no hay muchas alternativas para manejar nuestras bases de datos desde MAC OS X, pero empezamos a vislumbrar como el mercado se decanta por una marca fuerte y apta para el todo tipo de empresas. Los equipos de Cupertino se hacen con un hueco en el mercado ocupado casi en su totalidad por el PC, ese gesto nos muestra hacia donde va el camino del mercado.

Tutorial Básico de Inicio a Java Server Faces en PDF

2010-09-06T10:37:00.005+02:00

Créditos
Yann Arthur Nicolas
yannart@gmail.com
www.merlinsource.com

Objetivo
Crear una primera aplicacion con JSF utilizando los tags para JSP y un ManagedBean, entender la configuracion básica de el archivo facesconfig.xml.

Prerequisitos
Java basico, HTML básico, un IDE que soporte JSF y un contenedor JSP / Servlets.Los pasos son indicados para NetBeans 5 y superior con Tomcat 5. Nota: Como se hizo el tutorial en entorno Linux, las diagonales son "/" para Windows normalmente la barra esta invertida "\" pero el entorno NetBeans permite que bajo Windows se utilice el formato Unix.

¿Qué vamos a hacer?
Habrá una pagina principal (index.jsp) que tendrá un enlace a otra (entrada.jsp) con un formulario para poner nuestro nombre.
Al pulsar el botón del formulario, se validara si el campo no esta vacío y si el numero de caracteres esta en cierto rango (de 2 a 15). Si la entrada es correcta, se muestra un mensaje de bienvenida con el nombre ingresado, si hay un error, se recarga la pagina con el formulario y se muestra un mensaje especificando el tipo de error.

PDF DE DESCARGA AQUI

Campaña televisiva para el Centenario del Cadiz C.F.

2010-09-04T17:38:00.000+02:00

Google Voice, Ya está aquí !

2010-08-27T15:54:00.004+02:00

Desde este medio día, 27 de Agosto, ya tengo disponible en mi cuenta de Gmail la funcionalidad de llamadas con google voice.

Todo comienza con este anuncio cuando haces log in en gmail

Pulsando en TRY IT NOW, desde google te enseñan como se usa a través de esta otra ventana

Te aparecerá una aplicación de llamadas de teléfono como se ve en la siguiente imagen, con un dial para números y automáticamente te pondrá el coste de la llamada cuando eligas el número de destino, pudiendo seleccionar el país de destino de un desplegable o a través del código de país (+34 para España)

NOTA: Tengo configurado el idioma de gmail en US-English, no sé si eso afectará a tener la aplicación antes que a otros, si sé que suele ocurrir con LABS, a los que tenemos la versión en US-English los UPDATES nos llegan antes.

Las llamadas en USA y CANADA son gratuitas, desde y hasta. Las que ellos consideran internacionales, o el uso para España no lo son. Aunque, regalan 0.10$ en llamadas internacionales para probar la aplicación. Si después, quieres seguir llamando puede cargar tu monedero electrónico con Google Checkout, desde la propia página de Google Voice. Esta última ofrece información de las llamadas, duración, costes, etc...

Google Voice, Llamadas de télefonos

2010-08-27T00:05:00.005+02:00

Hace pocos días que suena la noticia pero ya es toda una espiral en la red. Google está ofreciendo un servicio de llamadas a números de teléfono (google voice) desde gmail. Sorprendente, no ? No sé si tan soprendente, pero viendo los precios algo no anda bien para mi.

Spain	$0.02 - Llamadas a Fijos
Spain - Mobile	$0.19 - Llamadas a móviles

Yo, la verdad es que no veo la gracia los 19$ que son unos 15 céntimos de euro son el triple más caras que lo que pago con pepephone (5 cents min).

En cuanto a las llamadas a fijos, ¿quién no tiene ya en casa internet+teléfono con tarifa plana?

La única cuestión será cual es el precio de las llamadas internacionales, ahí es dónde google puede encontrar su mercado. Habrá que estar atentos a esto.

Por ahora, sé que esta mañana el servicio estaba disponible en algunas partes de España, como Valencia, pero a esta hora ha vuelto a ser desactivado.

ARTE VIDA, TARIFA

2010-08-15T19:12:00.008+02:00

I was spending two weeks of my holidays in south of spain.

ArteVida is an awesome hotel bar on the beach. You can watch Africa from Europe, just being seated or layed on the grass or the sand.

Tarifa is the southest town in Europe and makes the end of the Cadiz sunny coast. It's the paradise for Kite / Wind sufers.

Cádiz is the oldest city in west europe founded by the phoenicians around 1200 years b.C.

[+info]
ArteVida: www.artevida.es
Tarifa: www.tarifaweb.es
Images about Tarifa: images.google.com

[pics]

Say No To Ground Zero Mosque

2010-08-11T16:41:00.004+02:00

What about a gay bar next door to the ground cero mosque ? I think the won't be agree with that, so... i say NO TO GROUND ZERO MOSQUE. Ground Zero mosque will be a victory for talibans and radical muslims who wants to see west civilizacion destroyed.

Gmail new features

2010-08-11T08:49:00.004+02:00

Today when log in on my gmail account I got this message alert talking about new gmail features.

What's new ? Visit link above:
http://mail.google.com/support/bin/answer.py?hl=en&ctx=mail&answer=184497

Quick overview:

Compose mail button and check All/none/... dropdown box

New Contacts button and a complete rebuild conctacts system

Facebook Messenger in stand alone window

2010-08-03T17:23:00.006+02:00

If you log in facebook and start chatting, you can get that chat into a single page just typing http://www.facebook.com/presence/popup.php . See the image below:

You can start as many chats as many contacts online you got at time. Just browse tabs to chat with your friends, all in teh same window. Usefull, doesnt it ?

SALARIOS EUROPA

2010-08-03T13:40:00.008+02:00

¿Trabajas en nuevas tecnologías? ¿Te sientes poco valorado? ¿Crees que cobras poco?

VETE A HOLANDA !

A continuación os dejo un par de recortes de empleo que yo mismo fotografié en Amsterdam hace unos días.

Java/J2EE/Spring/Hibernate

Architect/Senior DeveloperSalario: 50.000 a 80.000 EurosExperiencia: 4 años de desarrollador y 2 años de analistaConocimientos: J2EE, Hibernate, Spring, Struts, EJB, Ant, Maven, JBoss, Tomcat ...

PHP Developer

Medio/Senior PHP Developer Salario: 45.000 Euros Conocimientos de: XHMTL, HTML, CSS, PHP, Smarty, SQL, SOAP, JavaScript

Nine to Five

2010-08-02T18:31:00.006+02:00

El título del post es el famoso horario de oficina anglosajón.

Por lo que sé, está instaurado en medio mundo, al menos el medio mundo avanzado. Lo he visto con mis propios ojos en USA, UK, Francia, Holanda y Bélgica. Pero, dónde sigo sin verlo es en España, especialmente en el sur y más concretamente en Sevilla.

Las grandes "multinacionales" sevillanas, que siguen siendo poco menos que cortijos en los que se trabaja de 8 a 8. Intuyo, que eso de "se trabaja" quizá no sea del todo cierto, y más bien sea "se va al trabajo". Espero que entendáis la diferencia.

Hoy es 2 de Agosto y estoy en mi puesto de trabajo. Mi horario durante todo el mes de Agosto será el mismo que en Julio o Enero. De 8,30 a 14,00 y de 16,00 a 19,00. O sea, "todo el día pringao".

No entiendo porqué estas "grandes multinacionales" sevillas/andaluzas no han instaurado el NineToFive. ¿ A qué le tienen miedo ?

Para los que trabajamos en consultoría de IT sería el horario más lógico, sobre todo cuando el 99% de nuestro trabajo se supedita a los contratos firmados con la Administración Pública. Y todos sabemos que en la Administradición Pública, lo de estar hasta las 19.00 en el "curro" no se lleva.

Total, que llevo aqui tres horas dándole vueltas a este post ... entre el calor que hace en Sevilla a las 16,00 cuando estoy llegando a Cartuja y el calor que me entra después de ver que en Europa hasta las tiendas de ropa "chapan" temprano ... me estoy derritiendo.

Ads meet google maps with sponsored links

2010-07-06T16:28:00.009+02:00

Google Maps official gets sponsored links in searchs. Wanna try ?

open google maps (maps.google.com)
Type: "NYC Apple Store" on search box
click search button

you'll get this map with an extra icon on it (the white one).

If you click on the white button, you can discover what i'm talking about ... the new sponsored links on google maps (see below).

Nueva Utilidad en Google Reader

2010-06-22T11:57:00.001+02:00

Esta mañana nos hemos levantado con una nueva utilidad en Google Reader. Algo así como un "No Interesante" o "No me Interesa". En la captura podéis verla, entre "Send to" y "Add tags":

Realizar cargas de datos en MySQL desde Archivos CSV

2010-06-17T09:40:00.003+02:00

¿Quién no ha tenido que alimentar una base de datos alguna vez, y los datos son proporcionados en archivos de excel o u otro formato? Si tu base de datos es MySQL, basta con crear un archivo de tipo CSV y aplicar el siguiente script de SQL para cargar los datos por columnas en la tabla deseada.

   1:  load data local infile 'path_to_file/file.csv' into table table_name

   2:  fields terminated by ';'

   3:  enclosed by '"'

   4:  lines terminated by '\r\n'

   5:  (column1, columnN)

Gmail Chat - Google Talk

2010-06-09T08:53:00.004+02:00

[ES] Me lo parece a mi o el chat de gmail (Gtalk) se ha renovado ? Al menos en su look & feel. [EN] It's me or seems like Gtalk has changed its look & Feel ? Take a look closer to that picture and point to the buttons.

Java Best Practices - Concat String

2010-06-01T18:37:00.003+02:00

NORMAL PRACTICE

   1:  public class Main {

   2:      public static void main(String[] args) {

   3:          String text = "Hello" + " World";

   4:      }

   5:  }

BEST PRACTICE

Not Thread-safe

   1:      StringBuilder sb = new StringBuilder();

   2:      sb.append("Hello ");

   3:      sb.append("World");

Thread-Safe

   1:      StringBuffer sb = new StringBuffer();

   2:      sb.append("Hello ");

   3:      sb.append("World");

JQuery on Blogger

2010-05-23T21:48:00.012+02:00

I'm trying to create a blogger post that can process jquery code. Click on the button below to see a jquery dialog window with a google map on it.

You should see something like this:

Code here:

   1:  <!-- MAP -->

   2:  <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css">

3:

   4:  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">

   5:  </script>

6:

   7:  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/lib/jqueryui/1.7.1/jquery-ui.min.js">

   8:  </script>

9:

  10:      <script type="text/javascript">

  11:      $(document).ready(function() {

  12:      var $dialog = $('#mapa')

  13:               .dialog({

  14:              autoOpen: false,

  15:              width: 690,

  16:              heigh:490,

  17:                          modal:true,

  18:          title: 'New York City Feelings :: FREE NYC: Arts, Museums ...'

  19:          });

20:

  21:          $('#opener').click(function() {

  22:              $dialog.dialog('open');

  23:          });

  24:      });

  25:  </script>

  26:  <div id="result"></div>

  27:  <center>

  28:  <button id="opener">Open Window Map</button></center>

  29:  <div style="display:none;" id="mapa" title="New York City Feelings :: FREE NYC: Arts, Museums ...">

  30:  <iframe width="640" height="420" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="foo.html">

  31:  </iframe>

  32:  </div>

  33:  <!-- // MAP -->

OpenLayers: Crear un mapa simple

2010-05-18T11:24:00.004+02:00

Más abajo podéis ver el código fuente de como crear un mapa simple con OpenLayers tirando de un servicio WMS. 

Recordad que tenéis que cargar la librería:  lib/OpenLayers.js

   1:  <html xmlns="http://www.w3.org/1999/xhtml">

   2:      <head>

   3:          <title>OpenLayers: Mapa Simple</title>

   4:          <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />

   5:          <link rel="stylesheet" href="style.css" type="text/css" />

   6:          <style type="text/css">

   7:              body {

   8:                  margin: 0;

   9:              }

  10:              #map {

  11:                  width: 100%;

  12:                  height: 100%;

  13:              }

14:

  15:              #text {

  16:                  position: absolute;

  17:                  bottom: 1em;

  18:                  left: 1em;

  19:                  width: 512px;

  20:              }

  21:          </style>

  22:          <script src="../lib/OpenLayers.js"></script>

  23:          <script type="text/javascript">

  24:              var map;

  25:              function init(){

  26:                  map = new OpenLayers.Map('map');

27:

  28:              var ol_wms = new OpenLayers.Layer.WMS( "OpenLayers WMS",

  29:                      "http://labs.metacarta.com/wms/vmap0",

  30:                      {layers: 'basic'} );

31:

  32:                      map.addLayers([ol_wms]);

33:

  34:                      map.addControl(new OpenLayers.Control.LayerSwitcher());

  35:                  map.zoomToMaxExtent();

  36:              }

37:

  38:          </script>

  39:      </head>

  40:      <body onload="init()">

  41:          <div id="map"></div>

  42:      </body>

  43:  </html>

String comparison: Equals vs Length()

2010-05-17T11:22:00.002+02:00

   1:  //Normal Practice

   2:  if (text!= null && text.equals("")){

   3:       // Actions

   4:  }

5:

   6:  //Best Practice

   7:  if (text!= null && text.length() == 0){

   8:      // Actions

   9:  }

Un esfuerzo

2010-05-14T07:57:00.004+02:00

Mis jefes llevan años predicando en el desierto, esta es una verdad como un templo. Desde que entre en la empresa para la que trabajo actualmente (más de 5 años), vienen pidiendo un esfuerzo extra. Pero, ¿qué es lo que entienden ellos por un esfuerzo extra? Muy fácil, que se trabajen horas extra, sin cobrarlas por supuesto, pero a partir de las 7 de la tarde, no antes. O sea, que si la jornada de trabajo es de 8.30 a 14.00 y de 16.00 a 19.00, no se pueden realizar otras extra llegando antes de las 8.30 o trabajando entre las 14.00 y las 16.00. ¿Porqué? Nadie lo sabe, sólo que eso "es así". Lo malo de esta historia es que cuando llego todas las mañanas, sobre las 8.20 al trabajo no hay ningún jefe. Nunca un jefe en esta empresa entra antes que "un currito". Lamentable.

¿Qué sería lo divertido? Pués que jugaramos todos los días al juego de las sillas y la música, ese que cuando se para la música hay que coger asiento antes que los demás, pero, yo lo haría con los despachos de los jefes, y el primero que entre por las mañanas, elije despacho y los demás como vayan llegando, que vayan cogiendo los puestos que sobran. Divertido ¿no?.

Creo que de esa forma iban a cambiar muchas cosas en las empresas "cortijeras" españolas y sobre todo andaluzas, que son las que conozco.

Ea! Ya me he quedado tranquilo por hoy ... me he desahogado.

Colección de iconos para Google Maps

2010-01-31T20:30:00.001+01:00

by alpoma

Map icons collection es un recurso que, según las explicaciones de sus promotores…

…es un conjunto de 600 iconos gratis para resaltar los puntos de interés en sus mapas. Usted puede poner manualmente con “Mis Mapas” de Google Maps, o automáticamente con la API de Google Maps. Organizado por categoría y el color, tenemos una colección completa de marcadores, como el cine, escuela, banco, restaurante, o tienda de ropa japonesa.

Ahora bien, se me ocurre que, habida cuenta de que incluye plantilla en formato PSD y la cantidad de iconos es realmente sorprendente, podrían usarse para otro tipo de mapas, no sólo en Google Maps. En fin, se utilice donde se quiera, no viene mal apuntarlo en el listado de recursos de utilidad.

FELIZ AÑO !

2009-12-31T18:59:00.000+01:00

Os deseo Feliz Año 2010 a todos los que de vez en cuando pasáis por aquí y leéis algo ! Un saludo y disfrutad de esta maravillosa noche !

Mapa simple con Flex

2009-10-13T09:32:00.006+02:00

Obtener Huso en Google Maps

2009-10-08T11:45:00.010+02:00

cómo obtener el HUSO a partir de la latitud y longitud:

   1:  /* devuleve el HUSO */

   2:  function getHUSO(lat, lon){

   3:   var txtHuso = "S";

   4:  if(lat > 0){

   5:   txtHuso = "N"

   6:    }

   7:    for(var i = -30; i <> (i*6) && lon < (1+i)*6){

   8:     return "" + ((i+30)+1) +""+txtHuso;

   9:    }

  10:   }

  11:  }

Google Maps: Iconos Personalizados

2009-10-05T13:52:00.007+02:00

Trabajar con iconos propios sobre google maps

   1:  var icon = new GIcon();

   2:  icon.image = "http://www.xyzt.com/planta30x30.png";

   3:  icon.iconAnchor = new GPoint(16, 16);

   4:  icon.infoWindowAnchor = new GPoint(16, 0);

   5:  icon.iconSize = new GSize(24, 24);

Google Maps - Inicios

2009-10-05T13:36:00.005+02:00

¿Cómo crear una simple mapa con Google Maps API? En primer lugar tenemos que solicitar una KEY para usar la API de google maps. Aqui: http://code.google.com/intl/es-ES/apis/maps/signup.html Añadimos la KEY al código:

<script src="http://maps.google.com/maps?file=api&v=2&
sensor=true_or_false&
key=ABQIAAAA-dCOIe9wvCndq8kKZDklJRQhL6vn9PNcXa7eSPja3EjRwozD8hTXU
IiDBDVfDdeo3YIkjZk4-07sFA" 
type="text/javascript"></script>

Creamos el mapa:

"Page Peel" con jQuery

2009-05-23T16:19:00.000+02:00

from Intenta

Tutorial que muestra como realizar el famoso efecto "page-peel" mediante jQuery y CSS. Aunque el tutorial está en inglés, es fácil de seguir y el código necesario está perfectamente detallado.

Simple Page Peel Effect with jQuery & CSS » »

Recursos del buen maquetador

2009-05-18T09:10:00.001+02:00

from MacBookers 2 by Jose

Siempre digo que tengo que escribir un pequeño post con todos los recursos que suelo usar cuando trabajo, soy demasiado vago para meterlos en delicious y muchos los tengo por ahí guardados o listas de correo.

El caso es que pretendo que este espacio me sirva también para tener ordenado todos aquellos tutoriales, demos, prácticas varias o curiosidades con los que me he ido encontrado en estos tiempos, si de paso le sirve a alguien más, mejor que mejor.

Problemas con esquinas redondeadas, sean de la complejidad que sean:

Nifty Corners Cube: Los de toda la vida, los de la abuela, para hacer redondeos más o menos típicos

Shaded Border: Para los que buscan grandes emociones, con fondos degradados y demás historias.

Reemplazo de fuentes

Cufón: Mi nuevo muy mejor amigo, funciona generalmente bien (a veces se pega con otros niños-plugins) , es fácil de implementar y las librerias no ocupan demasiado

Sprites

CSS Sprite Generator: Reconozco que yo soy más de hacerlo a mano, pero una buena herramienta se agradece (no penséis mal leches)

Tooltips

Simpletip: Claro y consiso, para hacer tooltips, sin chorradas.

Beauty Tips: Todo lo contrario al anterio plugin, con todas las opciones y chorraditas varias que se puedan imaginar.

Lightboxs

Shadowbox: Muy chulo, con bastantes opciones

Thickbox: El rey de la selva, básico fundamental en todos mis proyectos

Retícula

Jquery-reticulator: Basada en el reticulator de Ale Muñoz, una creación de Manuel Muñoz, básico para cualquier maquetación que tenga que estar al pixel.

Transparencias en IE6

IE Png Fix: Mi otro mejor amigo, este es el que te salva el culo siempre, especialmente cuando llegan diseños ~~puteantes~~ complejos.

Tablas Ordenadas:

Tablesorter: Salvador para aquellos proyectos llenos de tablas con datos de ordenados de usuarios y demás rollos

Bola extra: Google Buttons Style: Fáciles de implementar y quedan chulísimos en cualquier proyecto

IconPot

2009-04-19T17:13:00.002+02:00

from Intenta

IconPot es un sitio web que recopila conjuntos de iconos que se encuentran disponibles para su libre descarga en Internet. La diferencias respecto a otros sitios son que: 1.- Únicamente se recopilan iconos que sean útiles para el desarrollo de aplicaciones web. 2.- Los iconos deben ser totalmente libres tanto para su uso personal como para su uso comercial. Ni siquiera se admiten aquellos que requieren crédito o backlinks a su autor.

IconPot » »

Tiny JS | scripts pequeños pero poderosos

2009-04-19T16:50:00.003+02:00

from Intenta

TinyJS es un sitio que, según su 'tagline' recoge plugins pequeños y específicos que hacen una cosa bien. La máxima es recoger scripts tan pequeños como sea posible y desechar códigos 'hipertrofiados'. Se incluyen scripts para jQuery, YUI y Moo Tools.

TinyJS » »

ColorBox para jQuery 1.3

2009-03-26T08:57:00.000+01:00

via arkaitz@guebs

ColorBox es un plugin para jQuery 1.3 muy ligero (12kb) que permite hacer unos lightbox muy atractivos. Cada dia se utilizan mas los lightbox y son mas los plugins que se crean para ello. Este en especial es muy ligero, personalizable y facil de utilizar.

Estas son unas de sus caracteristicas mas interesantes:

Soporta la utilización de fotos de forma individual o en grupos, Soporta ajax en línea, y contenido iframed.

Diversos Estilos. Apariencia completamente controlada a través de CSS, para que los usuarios puedan dar nuevos estilos a la caja.

EL comportamiento de los ajustes puede ser sobre-escrito, sin alterar el archivo de Javascript ColorBox.

HTML Totalmente discreto, no requiere cambios en los existentes HTML.

Efecto atractivo, con discreto degradado.

Precarga de imágenes de fondo para evitar la inflamación de unstyled.

Ligero: sólo 12kbs de JavaScript.

Escrito en jQuery.

Genera XHTML y CSS válido.

Hay varias demos para poder ver ColorBox en acción: Demo 1, Demo 2, Demo 3 y Demo 4. Por otro lado, para descargar ColorBox acceder al sitio web de los desarrolladores.

Sexy Alert Box

2009-03-04T17:41:00.004+01:00

Sexy Alert Box es un clon “sexy” del clásico alert de javascript. Está basado en PBBAcpBox — un script que lamentablemente el autor paró de desarrollar — sin embargo, el código fue publicado bajo una licencia libre, con lo cual pude mejorarlo y adaptarlo a la versión 1.2 de Mootools.

Entre las características de SexyAlertBox encontramos:

Estilo: Mostrar mensajes de error de una manera más bonita.
Compatibilidad: Funciona tanto en navegadores modernos, como en Internet Explorer.
Requiere: Mootools 1.2

Puedes descargar Sexy Alert Box desde el blog www.coders.me

Animated JavaScript Slideshow

2009-03-03T17:38:00.002+01:00

Posted by Michael in JavaScript

This dynamic JavaScript slideshow is feature packed and under 5KB. It is the long awaited update to my previous script here. A few new features include description support, link support, no naming restrictions, portrait image support, graceful degradation and active thumbnail status. This script was built ground-up and will soon be included at scriptiny where all my scripts will be added as they are updated, debugged and incorporated in the new TINY namespace. I will also document the scripts more thoroughly and publish multiple examples. I will continue to publish scripts there and support as I have time via the new community forum. I will try and post more frequently here on a wide range of web development related topics.

Images

imgSpeed = int; (10) navOpacity = int; (25) navHover = int; (70) letterbox = “string”; (#000) required color for letterbox on portrait images link = “string”; class name for link hover state

Auto Slideshow

auto = boolean; (false) speed = int; (10)

Information Dialog

info = boolean; (true) infoID = “string”; required for information dialog infoSpeed = int; (10)

Thumbnail Slider

thumbs = “string”; id of thumbnail slider, disabled if not set scrollSpeed = int; [1-20] (5) thumbOpacity = int; [0-100] (70) active = “string”; required for thumbnail active border spacing = int; (5) spacing between thumbnails left = “string”; id of left navigation link, required for slider right = “string”; id of right navigation link, required for slider

Click here for the demo.

Click here to download the source.

Cajas en Vector

2009-03-02T18:37:00.000+01:00

from Clip de Película by admin

Descargar Cajas en Vector

Iconos gratuitos en DryIcons.com

2009-03-02T17:15:00.001+01:00

En DryIcons.com podemos encontrar unos cuantos sets de iconos gratuitos y de gran calidad. Todos los paquetes contienen los iconos en formato PNG en los tamaños más usuales (16×16, 24×24, 32×32, 48×48) y en formato PSD. Los iconos se distribuyen bajo varias licencias de uso, la versión gratuita de los iconos lo hace bajo una licencia Creative Commons Attribution 3.0. Lo que significa que podemos utilizarlos en proyectos personales o comerciales, siempre y cuando inluyamos el enlace pertinente a DryIcons. DryIcons.com | Free Icons » »

Neositios, creador de sitios web con aspecto profesional, deja de estar en fase beta

2009-03-01T18:38:00.000+01:00

from Genbeta by Cyberfrancis

Siempre es agradable conocer como muchos proyectos de Internet evolucionan con el tiempo, e incluso algunos de ellos quitan esa etiqueta tan característica de muchas aplicaciones online: beta.

Y quien ha retirado el cartel de beta no es otro que Neositios, una interesante aplicación online en español que nos permite la creación de sitios web. Como bien nos comenta su CEO, Alejandro Trybiarz, Neositios destaca precisamente por la calidad de sus diseños, disponibilidad de suficientes aplicaciones, y también importante, la sencillez de uso.

Pues eso vamos a comprobarlo ahora mismo, que no se diga. Eso si, tenemos que tener en cuenta que Neositios dispone de diferentes planes según nuestras necesidades, con lo que nosotros vamos a optar por la versión gratuita, con 100 Mb de espacio y 1 GB de transferencia mensual. Con las cuentas pro puedes tener dominios propios con cuentas de correo, más capacidad de espacio y transferencia, editor de logos o incluso acceso a su banco de imágenes, entre otras características.

Cuando nos registramos y accedemos a nuestra cuenta, accedemos primeramente a nuestro panel de administración, desde donde podemos empezar a editar nuestra web, acceder al webmail, a las estadísticas, o a otras muchas funciones. Pero nos vamos a centrar en la edición, que es lo que verdaderamente nos interesa.

Para ello disponemos de un asistente inicial, que nos permitirá la creación de nuestro sitio web desde cero, guiándonos paso a paso. Elegiremos la categoría, seleccionaremos uno de sus diseños de calidad que tienen disponibles, y posteriormente iremos añadiendo los diferentes tipos de páginas que disponemos, modificando el menú de acceso. Ya sólo nos quedará editar cada una de las páginas, de forma visual, que dependerá su edición del tipo de página que hayamos seleccionado.

Lo último que nos queda es publicar, seleccionando aquellas páginas que queramos que sean publicadas, con lo que ya sólo nos queda por acceder al sitio y ver lo bien que nos ha quedado, sin conocimientos de programación ni de diseño, con resultados que saltan a la vista.

Una opción a tener en cuenta para crear nuestros sitios web, y la verdad, uno de los mejores y más completos.

Enlace | Neositios

PrestaShop: ideal para implementar la primer tienda online de la empresa

2009-02-28T18:31:00.000+01:00

from Tecnología Pyme by Eugenio Velázquez

Tarde que temprano muchas de las empresas deciden implementar una tienda online dentro de su web site, o bajo un dominio propio, para comenzar a ejercer comercio electrónico. Hoy veremos una herramienta que puede apoyarnos en nuestros primeros pasos en este rubro.

Para ello partiremos de una aplicación gratuita relativamente nueva, diseñada para implementar tiendas online los más sencillo posible; su nombre PrestaShop.

PrestaShop es una solución para crear un sitio e-Commerce (comercio electrónico) en código abierto con gran facilidad y en poco tiempo. Esta preconfigurada para usar servicios de pagos como PayPal, realizar etiquetado de productos, generar nubes de etiquetas, administrar contenidos sindicados (RSS), destacar productos, así como ofrecer prácticamente todo los necesario para comenzar tu tienda online. PrestaShop pesa apenas 5 MB y se instala con una facilidad sorprendente. Una vez instalada, el panel de administración de la herramienta nos brinda todo lo necesario para poner en marcha nuestra tienda online. El software es completamente gratuito y requiere para funcionar de un servidor web Apache, PHP 5.0 y MySQL 5.0 (o superiores).

Si se le dificulta la instalación de las aplicaciones open source citadas anteriormente, no hace mucho publicamos un post relativo a este tema, donde mencionamos instaladores automatizados para estos software. Claro, esto si es que tiene su propio servidor web, que si usa hosting compartido estas aplicaciones comúnmente ya están preinstaladas por el proveedor en su cuenta de hosting.

Respecto a PrestaShop, si bien la información en el sitio oficial solo está disponible de momento en idioma ingles y francés; la herramienta cuenta con un pack de idioma español, con el que podemos dejar la plataforma en nuestro idioma, y además ya cuenta con una comunidad hispana en todoprestashop.com, en la cual podemos apoyarnos y sobre todo con la disponibilidad de tutoriales para las cuestiones más fundamentales y básicas en el lanzamiento de esta tienda online.

Al momento PrestaShop apenas está haciendo presencia en el universo de la web, y por eso aun son pocas las tiendas online que son soportadas por esta herramienta, ello en comparación con osCommerce, que es la plataforma opensource predominante en este campo. Sin embargo, si comparamos PrestaShop contra osCommerce encontraremos que la primera va dirigida a organizaciones o usuarios que desean implementar tiendas online sencillas, y con ello la simplicidad del software; mientras que osCommerce es mucho más robusta y por ende requiere mayores recursos de administración y gestión.

Si desea ver si PrestaShop puede servirle para algún proyecto de comercio electrónico sencillo y no desean hacer instalaciones; en el sitio oficial se disponen un par de cuentas de DEMO con las que podemos ver una demostración en línea tanto de la parte de la tienda, como de su administración. Esperamos esta herramienta les sea de utilidad.

Sitio Oficial | PrestaShop

Snipt, comparte fragmentos de código en redes de microblogging

2009-02-27T18:30:00.000+01:00

En Twitter hemos pasado de decir lo que estamos haciendo en un momento dado a compartir todo lo que se pueda compartir, ya sean canciones, imágenes, noticias, etc. Y una de las cosas que si podemos compartir en un momento dado, sobre todo, si nos dedicamos a la programación, son fragmentos de códigos. Es por ello que existe Snipt, tratándose simplemente de un servicio al cual introduciremos un código de programación, y éste nos generará una breve url que será la que publiquemos en nuestro Twitter o en otra red de microblogging.

Para poder usar Snipt no hace falta registrarse, ya que basta con que le indiquemos el nombre del código, seleccionemos uno de los lenguajes de programación que tenemos en la lista, y de forma opcional indiquemos si queremos mostrar los números de línea.

Finalmente añadiremos el código, aunque luego podemos indicar nuestros datos de acceso a Twitter para que la url generada se publique directamente en nuestra cuenta, e incluso podemos hacerlo privado, con lo que no aparecerá en las búsquedas.

Una vez introducido el código, éste ya será accesible mediante la url generada, en la cual, además de acceder al código, podemos valorarlo, compartirlo en algunas redes sociales, y también incrustar el código en nuestro sitio web gracias al código que tan amablemente nos facilitan.

Quizás sea de utilidad para aquellos desarrolladores que usen las redes de microblogging para intercambiarse información, aunque está pensado principalmente para Twitter.

Vía | FeedMyApp Enlace | Snipt

Dreamhost Apps, alojamiento gratuito de aplicaciones

2009-02-26T18:29:00.001+01:00

Dreamhost es un proveedor de hosting bastante conocido por ofrecer grandes cantidades de espacio en disco y de transferencia por un precio bastante reducido. Podríamos discutir sobre su calidad y velocidad, pero lo cierto es que tienen una gran cantidad de clientes y funcionan razonablemente bien.

Pero no quiero hablar de su hosting de pago, sino de Dreamhost Apps, su nuevo servicio con el que ofrecen alojamiento gratuito para diversas aplicaciones web, de forma que dispondremos de software gestionado por ellos, que se encargan de la instalación, actualización,... sin pagar nada.

Entre las aplicaciones soportadas actualmente se encuentra Wordpress, Drupal, ZenPhoto, MediaWiki o phpBB, además de las Google Apps, a las que tienen intención de añadir de nuevas en el futuro.

Estas aplicaciones podrán usar un dominio ya existente, uno nuevo o un subdominio de dreamhosters.com. La idea de Dreamhost es que una parte de sus usuarios se acaben pasando al servicio de pago, pero parece una buena opción si necesitamos algún software y no queremos pagar nuestro propio hosting.

Más información | Dreamhost Apps.

1000 iconos gratuitos

2009-02-25T18:27:00.000+01:00

from My Open Studio by Isabel

En el sitio Webbyarts quisieron mostrar lo que les parece la mejor lista de iconos gratuitos para descargar cuantos queramos. Podremos encontrar iconos en formato Png, icn e ico. Por otro lado, en la mayoría de los casos se presenta un archivo Eps para poder modificarlos sin problemas de resolución. La principal idea del post, según nos cuentan, es crear una pequeña fuente de estos recursos para que los diseñadores tengan en cuenta durante sus proyectos.

Los iconos son libres para usar tanto en proyectos comerciales como personales, sin embargo, recuerda simpre leer la licencia antes de descargarlos.

osTicket: Sistema de soporte por tickets gratuito

2009-02-24T18:24:00.001+01:00

from Intenta

Los sistemas de soporte basados en tickets son muy populares en empresas que permiten realizar consultas con respecto a sus productos y servicios, o en la que los clientes pueden informar acerca de problemas o solicitar cualquier tipo de ayuda sobre algún producto o servicio. Un sistema de tickets permite una mayor organización del soporte que ofrece la empresa; se sistematizan todas las solicitudes y se llega a ofrecer un mejor y más rápido servicio. Asímismo, con un sistema de este tipo, el cliente puede saber en todo momento el estado de su consulta.

oSTicket es un sistema de soporte de tickets opensource, desarrollado en PHP y MySQl. Proporciona una interfaz basada en web donde los usuarios pueden crear nuevos tickets, ver el estado en que se encuentran o responder a los comentarios realizados desde el centro de soporte.

La Administración incorpora acciones de borrado de tickets de la base de datos, creación de categorías y miembros, creación de grupos, implantación de alertas, etc.

oSTicket » »

Uso creativo de jQuery

2009-02-12T17:37:00.000+01:00

from Clip de Película by admin

Uso creativo de jQuery

Compresores de Javascript

2009-02-11T17:36:00.000+01:00

Desde JQuery Howto nos ofrecen una lista de compresores de código Javascript:

YUI Compressor (desde Yahoo)
JSMin (por Douglas Crockford)
ShrinkSafe (desde la librería Dojo)
Packer (por Dean Edwards)

Vía jQuery Howto »»

Easy Slider: Plugin para jQuery

2009-02-10T17:34:00.001+01:00

from Intenta

easySlider es un plugin para generar carruseles de imágenes, también llamados "slideshows", para jQuery. Su uso es muy sencillo y posee bastantes opciones de personalización. A continuación un listado con los parámetros que se pueden configurar y sus valores por defecto:

prevId: 'prevBtn',
prevText: 'Previous',
nextId: 'nextBtn',
nextText: 'Next',
controlsShow: true,
controlsBefore: '',
controlsAfter: '',
controlsFade: true,
firstId: 'firstBtn',
firstText: 'First',
firstShow: false,
lastId: 'lastBtn',
lastText: 'Last',
lastShow: false,
vertical: false,
speed: 800,
auto: false,
pause: 2000,
continuous: false

controlsShow: Por defecto a true, pero si está establecido en false no añade ningún control. Puede ser utilizado junto con auto-deslizante cuando se quiera desactivar la interacción del usuario.
controlsBefore y controlsAfter: En el caso de que se quiera añadir algunos métodos adicionales para obtener más control sobre los botones, puedes hacerlo mediante el uso de estos parámetros.
controlsFade: Por defecto asignado a true. Si se pone a false deshabilitará el ocultamiento de botones cuando el slider llega al final.
firstShow and lastShow: Estos parámetros ocultan (o muestran) los botones "ir a la primera" e "ir a la última".
auto: Esta opción habilita el auto-deslizante. Sólo tienes que ponerla a true.
pause :Esta opción se configura en milisegundos y representan la duración de cada diapositiva cuando el plugin está configurado para auto-deslizante.
continuous: Si es asignado true cuando hacemos click en el botón "Siguiente" cuando hemos llegado al final se saltará al principio (y viceversa). La combinación de esta opción con auto (ambos establecidos a true) obtendrá una animación sinfín.

En la web oficial del plugin encontraremos más información, unas cuantas demos y la descarga del plugin.

Easy Slider 1.5 » »

Los 50 mejores sets de iconos para aplicaciones web

2009-02-09T17:29:00.001+01:00

from Intenta 

Otra enorme recopilación de iconos. En este caso centrados en que sean adecuados para el desarrollo de aplicaciones web. La mayoría ya los conoceréis pero siempre puede haber alguna sorpresa. En mi caso ha habido más de una sorpresa.

50 of the Best Ever Web Development, Design and Application Icon Sets » »

Reemplazo de alert(), confirm() y prompt() de JavaScript con jQuery

2009-02-08T17:31:00.001+01:00

from elWebmaster.com by Micaela

jQuery Alert Dialogs se trata de una serie de métodos que nos proveen de una forma completamente personalizable por medio de CSS de mostrar las alertas, confirmaciones y notificaciones JavaScript.

jQuery plugin busca reemplazar las funcionalidades básicas que se logran mediante la implementación de los comandos estándares JavaScript alert(), confirm()y prompt(). Para implementarlo solo tenemos que añadir estas líneas a nuestro :

Una vez hecho esto debemos llamar a las funciones que mostrarán las alertas.

jAlert es el sustituto de alert() y nos muestra alerta básica con un botón de aceptar para que el usuario acepte que ha visto el aviso.

jAlert(’This is a custom alert box’, ‘Alert Dialog’);

El sustituto de prompt() nos permite introducir un valor desde la ventana, se llama así:

jPrompt(’Type something:’, ‘Prefilled value’, ‘Prompt Dialog’, function(r) { if( r ) alert(’You entered ‘ + r); });

Y finalmente la elternativa a confirm() nos permite ofrecer al usuario la opción de aceptar o cancelar una acción, la implementamos de la siguiente manera:

jConfirm(’Can you confirm this?’, ‘Confirmation Dialog’, function(r) { jAlert(’Confirmed: ‘ + r, ‘Confirmation Results’); });

Desde Anieto2k nos proponen, además, un sistema para implementar esta opción como una alternativa y que en caso de fallar nos muestre la funcionalidad original. Para ver el articulo completo haz clic aquí>>

ERP has... "issues"

2009-02-07T17:30:00.000+01:00

from Tic&Tac, Consultoría (artesana), algo de tecnología y alguna paranoia que se cuela by tic616@gmail.com (tic616)

Imagen extraída de una demo de Workday, the first Enterprise Business Management Solution created since Sarbanes met Oxley, the Web turned 2.0 and the world became flat Lo de las tiritas tiene su gracia

Rollover sobre imágenes con jQuery

2009-02-06T17:27:00.002+01:00

from Intenta

Para realizar un efecto de rollover con imágenes, quizá la mejor opción sea la utilización de sprites con CSS, pero ésta solución puede resultar más sencilla a bastante gente. En "Easy Image Rollover Script With jQuery" me he encontrado una función que de una forma sencilla nos permite crear rollovers.

Con esta función podemos interactuar con todas las imágenes a las que le hayamos asignado la clase "'roll". Únicamente deberemos nombrar a la imagen del rollover del mismo modo pero añadiendo '_hover'. Por ejemplo, para la imagen "MiBoton.gif", la imagen de rollover será "MiBoton_hover.gif".

Ver ejemplo en funcionamiento en la web del autor
Descargar ejemplo completo

Frase del día

2009-01-18T23:31:00.000+01:00

Esta crisis es peor que divorcio. He perdido la mitad de todo mi patrimonio, pero todavía tengo a mi mujer...

Texturas grunge de alta resolución

2009-01-12T09:48:00.006+01:00

via Intenta on 1/11/09

Interesante colección de paquetes de texturas grunge, de aspecto oxidado y en formato de gran resolución, obtenidas desde Deviantart.

Free High Resolution Grunge Rustic Textures » »

Marcas de agua con CSS

2009-01-07T16:29:00.002+01:00

via Intenta on 1/7/09

CSS Watermark es una forma sencilla de crear una marca de agua para nuestras imágenes. Se puede personalizar el lugar donde aparecerá la marca de agua: superior-izquierda (topleft), superior-derecha (topright), inferior-izquierda (bottomleft) e inferior-derecha (bottom-right).

Simplemente hay que incluir el CSS:

<link href="Watermark/Watermark.css" 
type="text/css" rel="stylesheet"></link>

y añadir el siguiente código cada vez que deseemos añadir una imagen con marca de agua:

<div class="watermark posicion">
<div class="text">Marca de agua</div>
<img src="Nombre_Imagen.jpg" width="300" height="199" 
alt="alt imagen" >
</div>

donde "posicion" puede tomar los valores: topleft, topright, bottomleft, bottomright.

Podemos modificar tanto el formato del texto, como la opacidad del mismo si modificamos la siguiente clase CSS incluida en el fichero Watermark.css:

div.watermark .text {
position: absolute;
cursor: default;
font: bold 22px Verdana, Arial, Sans-serif;
color: White;
margin: 4px;
line-height: 20px;
filter: 
progid:
DXImageTransform.Microsoft.Alpha(opacity=50);
opacity: .5;
-moz-opacity: .5;
}

Ver ejemplo en funcionamiento » »

CSS Watermark » »

Distinguir Google Chrome y Safari con CSS

2009-01-07T16:28:00.003+01:00

via Intenta on 1/6/09

No es lo más ortodoxo pero a veces no hay más remedio que echar mano de ellos: dos hacks para distinguir los navegadores Chrome y Safari.

/* Google Chrome hack */
body:nth-of-type(1) .elementOrClassName {    
/* Propiedades para Google Chrome */
}

/* Safari hack */
body:first-of-type .elementOrClassName{
   /* Propiedades para Safari */
}

SimpleTabs

2009-01-05T18:32:00.007+01:00

via Intenta on 1/5/09

SimpleTabs es un script no intrusivo para realizar "tabs" (pestañas). Quizá la gran ventaja es que no depende de ninguna biblioteca como jQuery, Mootools, etc. Lo que significa, por un lado, que nos podremos evitar posibles conflictos entre librerías o incompatibilidades con otros scripts, y por otro qe el tamaño final del script será mucho menor. También cabe destacar que es capaz de recordar el último tab al que se ha accedido si se recarga la página.

Para implementarlo hay que incluir los ficheros simpletabs.js y simpletab.css files y replicar una estructura XHTML similar a la siguiente:

<div class="simpleTabs">
       <ul class="simpleTabsNavigation">
           <li><a href="#">Tab 1</a></li>
           <li><a href="#">Tab 2</a></li>
            <li><a href="#">Tab 3</a></li>
       </ul>
       <div class="simpleTabsContent">
Contenido llamado cuando a "Tab 1" se le hace click.</div>
        <div class="simpleTabsContent">
Contenido llamado cuando a "Tab 2" se le hace click.</div>
       <div class="simpleTabsContent">
Contenido llamado cuando a "Tab 3" se le hace click.</div>
</div>

Ver ejemplo en funcionamiento en la web del autor

SimpleTabs by Komrade

Efecto "nudging"

2009-01-03T13:39:00.005+01:00

via Intenta on 1/3/09

En el blog de David Walsh nos muestran como lograr un interesante efecto con jQuery para nuestros menús. Al posar el ratón sobre una opción de menú ésta se desplaza hacia la derecha con una animación. Es un efecto denominado "nudging", que se podría traducir como dar con el codo al enlace.

Para realizar el efecto, lo primero que tendríamos que hacer es enlazar en nuestro documento con la librería de jQuery.

<script type="text/javascript" src="jquery-1.2.6.js"></script>

Seguidamente construimos un menú al que deberemos añadir la clase "nudge" a cada uno de los enlaces:

<ul>
<li><a href="#" class="nudge">home</a></li>
<li><a href="#" class="nudge">acerca de nosotros </a></li>
<li><a href="#" class="nudge">servicios</a></li>
<li><a href="#" class="nudge">productos</a></li>
<li><a href="#" class="nudge">contacta con nosotros</a></li>     
</ul>

Ahora tan sólo queda animar la propiedad "padding-left" tanto cuando estamos sobre una opción y cuando salimos de ella:

$(document).ready(function() {
$('a.nudge').hover(function() { //mouse in
$(this).animate({ paddingLeft: '35px' }, 400);
}, function() { //mouse out
$(this).animate({ paddingLeft: '15px' }, 400);
});
});

Yo he establecido un valor inicial de "padding-left" de 15 px y que es el valor al que ha de retornar la opción de menú al evento "mouse-out". Cuando se está sobre la opción ésta se desplaza hasta un valor de 35 px. Para ambas acciones la velocidad es de 400 milisegundos. Lógicamente todas estos valores son modificables y se deberán ajustar a las pretensiones de cada uno.

HAPPY NEW YEAR !!!!

2008-12-31T20:22:00.001+01:00

HAPPY 2009 !!!!

Cargar jQuery desde Google

2008-12-19T14:00:00.005+01:00

via Intenta on 12/17/08

En web design tvi podemos encontrar 25 excelentes trucos para optimizar nuestro trabajo con jQuery. De todos ellos, yo me quedo con el primero: cargar jQuery desde Google Code. De este modo ahorraremos un ancho de banda considerable y la librería cargará rápidamente debido a que estaremos usando los CDN de Google (Redes de distribución de Contenido). Este sería un escalón inferior a la utilización del Google App Engine, con el que se pueden ejecutar aplicaciones web escritas con Python en los servidores de Google. La carga del jQuery se podría hacer del siguiente modo:

<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
   // Load jQuery
   google.load("jquery", "1.2.6");
 
   google.setOnLoadCallback(function() {
         // Your code goes here.
   });
</script>

O incluyendo una referencia directa como ésta:

<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"
type="text/javascript"></script>

Lo que hacemos es utilizar el API de bibliotecas AJAX de Google. De esta forma, no sólo podemos cargar jQuery. Al utilizar el cargador de API AJAX de Google google.load(), podremos tener un acceso global de gran velocidad a una lista cada vez mayor de las bibliotecas de JavaScript. En este momento se puede acceder a: jQuery, jQuery UI, Prototype, script.aculo.us, MooTools, Dojo, SWFObject y Yahoo! User Interface Library.

Otra característica muy interesante es que podemos tanto seleccionar la versión como especificar que la carguemos descomprimida. Por ejemplo:

<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.2", {uncompressed:true});
</script>

¿Que es en realidad el buen diseño web?

2008-12-17T16:54:00.002+01:00

via Webnova - Recursos Webmaster by leonardo on 1/22/08

Hace un tiempo, charlando con amigo programador que me mostraba un proyecto que quería lanzar, noté que si bien la idea del sitio era muy interesante y el funcionamiento intuitivo y usable el diseño o aspecto general era demasiado austero, dicho en otras palabras; era horrible. Con buenas intenciones le dije que podía diseñarle algo mejor, hacer una maqueta y que modifique luego él. Mi asombro fue cuando negó mi ofrecimiento y me dijo que un sitio austero y sencillo tiene más posibilidades que un sitio muy elaborado en diseño. Me pareció "medio incorrecta" su observación y pasé a otro tema. Siempre pensé que un sitio debe cautivar por su aspecto.

Sin embargo la idea me quedó en la cabeza, una cosa obviamente es un sitio comercial en donde el buen aspecto debe predominar y mantener una línea de diseño coherente con una imagen corporativa preestablecida. Pero para una aplicación web destinada a cientos o miles de usuarios y que tiene interacción con el usuario todo cambia.

Últimamente me he dado cuenta de que los usuarios de aplicaciones ya no quieren las cosas bonitas, porque eso les transmite la idea inconsciente de "comerciabilidad"; se le transmite la idea de que algo en el fondo quieren venderle, de que algo le van a cobrar. Digo esto después de "encuestar" a muchos usuarios que son fanáticos de aplicaciones simples, casi sin diseño. Hice esto porque estoy desarrollando una aplicación junto con un amigo y deseaba saber que es lo que realmente quieren los usuarios.

Descubrí lo siguiente: El sitio debe ser Funcional: el sitio debe responder siempre a lo que el usuario espera, nunca debería defraudarlo. El usuario entra con una idea fija en la cabeza, lograr o encontrar algo, si no lo logra se verá engañado calificando el sitio como poco útil o poco preciso. La garantía es que nunca más vendrá. En cambio si el sitio cumple nos aseguramos un lugar en sus favoritos.

El diseño debe ser usable: muchos siempre han pensado que un sitio usable es uno que tiene tipografías grandes y colores llamativos. Nada más lejos, un sitio usable tiene solamente lo que necesita el usuario, nada más. No sobra ningún vínculo y se destaca de manera visual lo que más necesita. Todo está a su alcance con el menor esfuerzo visual.

El diseño debe ser Sencillo: creo que esto es lo más importante y al mismo tiempo lo más difícil de lograr. Como diseñadores tenemos una tendencia de cargar las cosas para estilizarlas, pero a veces cometemos el error de entorpecer o saturar el aspecto de un sitio. El ojo del usuario se concentra en pocas cosas, mientras más ornamentos u objetos tenga más demorará en encontrar cada cosa.

El diseño debe "hablar": El usuario debe poder identificar y generar un esquema en un pantallazo de como se compone el sitio y como deberá moverse en el mismo. Esto se logra aplicando los principios de la usabilidad y utilizando recursos visuales de una manera muy sutil. Por ejemplo, se debe determinar claramente lo que es contenido dinámico de lo que es estático. Esto es parte sensible en la navegación general.

Debe estar bien programado: la buena programación ayuda a la sencillez y a la velocidad de carga, creo que el contar con una buena programación es importantísimo. Mientras en menos cosas intervenga el usuario más adicto se hará a la aplicación o al sitio que navega. Por ejemplo, el otro día estaba utilizando un sitio que permitía subir trabajos de diseñadores, cuando hacía el upload de imágenes la aplicación me dijo que las imágenes deberían tener determinado ancho en píxeles. Automáticamente salí del sitio y busqué otra aplicación porque no tenía ganas de editar cada imagen. Mientras más fácil hagamos la vida del usuario más cariño le tomará a tu sitio. Un sitio bien programado también es muy rápido. No precisas tampoco meter AJAS por todos lados, debe existir equilibrio.

El diseño no precisamente debe ser llamativo: Flickr, Youtube, Facebook, realmente no poseen un gran diseño, más bien son austeros y apuntan al uso del texto medianamente estilizados para lograr un buen diseño, pero no impresionan a nadie. La verdad es que ganan por la utilidad del mismo. Cuando conocí youtube hace unos tres años, me dije que este sitio era un fracaso por el diseño pobre que tenía, que equivocado que estaba. El diseño debe se utilizable, no debe porque despistar al usuario ni mucho menos distraer la atención principal. En el caso de flickr nada sobra ni nada falta. Creo que es el mejor modelo de donde nos podemos agarrar.

Simple pero no desagradable: Muchos en el afán de lograr la máxima simpleza rayan la austeridad absoluta o el mal gusto, descuidando combinaciones de colores, tamaños de tipografías y espacios de blancos. Se debe buscar el equilibrio, esa es la clave. Alguien dijo que el buen diseño pasa totalmente desapercibido, no nubla ni distrae al usuario.

Estas son mis observaciones, la verdad es que son muchos los factores que inciden en el éxito de un sitio, pero como siempre digo, si pensamos en el perfil de usuario que visitará el sitio estaremos muy cerca de lograr siquiera que nos vuelvan a visitar.

Plantillas (templates) gratis de diseños muy Web 2.0

2008-12-17T16:53:00.002+01:00

via Webnova - Recursos Webmaster by leonardo on 4/12/07

Acabo de toparme con el sitio TemplateWorld, que comercializa plantillas de diseño web prefabricadas. Siempre tuve un especial desprecio por las plantillas de sitios. Principalmente porque siempre pensé que eran poco útiles, ya que nunca son diseños 100% "originales" los que te venden, y nunca me agradó la forma "enlatada" de como se comercializan estos diseños.

Aclarado esto puedo comentarte que el mismo sitio tiene un apartado en donde se permite que se descarguen plantillas de diseño XHTML/CSS de forma gratuita pero no para uso de sitios comerciales. El aspecto de estas templates es muy al estilo Web 2.0. Ideal para aquellos que no les agrade la idea de diseñar o que no tengan conocimientos técnicos de maquetación en CSS o de diseño gráfico.

[ENLACE DIRECTO]

Los 10 mandamientos de una web corporativa

2008-12-17T16:51:00.002+01:00

via PymeCrunch by Nacho Morató on 6/15/08

Los 10 mandamientos de una web coroporativa o los 10 errores más comunes a evitar.

Muchas PYMES crean su propia página corporativa para tener presencia en la web. Y encargan a algún empleado sin ningún tipo de conocimiento como webmaster su creación. O incluso son ellos mismos los que realizan la web.

Esto suele llevar a páginas con diseños horrendos y con detalles que en lugar de generar aspectos positivos, llevan a crear desconfianza por parte de los usuario que acceden a ellas. ¿Si una empresa no es capaz de cuidar su imagén debo de confiar en ella?

He hecho una selección de los 10 que considero más importantes y que cualquier empresa debería evitar. Una especie de los 10 mandamientos de una web corportiva.

Cuidarás el diseño ante todas las cosas. El diseño de las webs suele ser el punto débil en estas webs realizadas sin ningún experto en el tema. Páginas que dan sensación de dejadez y de poco profesionalidad.
No usarás direcciones mail gratuitas. Decenas de clientes me escriben mails desde sus direcciones @hotmail.com, @yahoo.es al igual que antes, esto deja una mala impresión de la empresa sobre la que te estás informando o quieres trabajar.
Pondrás el title a todas tus webs. La etiqueta title en una web es la que nos muestra el título de la web en nuestro navegador. Abundan las webs corporativas que no modifican la opción predeterminada que muestra su editor de webs, como el frontpage. Abundan los Untitled, mientras que lo normal sería poner por el nombre de la empresa, por ejemplo.
Mostrarás los datos de contacto. Si lo que buscamos es tener presencia en la web y que potenciales clientes nos encuentren, los datos de contacto deben de ser fácilmente visibles. He encontrado casos de empresas medio grandes donde estos no aparecen.
No introducirás publicidad no relacionada y abusiva. También es frecuente entrar en una web corporativa y encontrarla repleta de publicidad externa, bien adsense o banners en flash con anuncios muy intrusivos. Una web corporativa debería ser una web informativa sobre la historia, servicios y productos de la web. La inserción de estos anuncios, daña la imagen de la empresa.
No usarás direcciones de servicios gratuitos. Hoy en día un dominio y un hosting puede costar 30 € lo que no supone gasto alguno para una empresa. Hay cientos de webs corporativas aprovechando el hosting que ofrece a sus clientes telefónica, ono, yahoo u otras compañías. Nombres dificiles de recordar y
No enlazarás webs no relacionadas. Otro "error" que considero daña la imagen de la web es ver el footer lleno de enlaces producto de intercambios para mejorar el posicionamiento. Si los enlaces fueran relacionas aún podría estar medio justificado, pero entrar en una web de venta de azulejos y verla llena de enlaces hacia directorios, páginas de descargas o de sexo, no creo que sea la mejor idea. Hay otras formas para mejorar el posicionamiento sin ser tan agresivos.
No mostrarás secciones en construcción. No me gusta entrar en una web y al buscar información en sus secciones, ver que la mayoría tiene el cartelito de en construcción. Para eso es mejor no mostrarlas hasta que tengan contenido.
Cambiarás el favicon si usas un CMS. El favicon es la imagen que aparece a la izquierda en nuestra barra de direcciones del navegador. No es que tenga especial importancia, ni sea un error capital, pero cuando nuestra web es un CMS instalado, siempre se queda como favicon el que tenga el CMS, Drupal, Joomla, etc. y parece que nadie seha preocupado por modificarlo.
No introducirás elementos multimedia que el usuario no pueda desactivar. Predominan las introducciones flash que no puedes saltar y tienes que esperar hasta que finalicen y la música que no puedes desactivar si no es apagando los altavoces o saliendo de la página. Son situaciones muy molestas que pueden hacer que el navegante cierre tu página sin haber llegado a verla.

¿Se os ocurre alguno más?

Maquetar esquinas redondeadas con sombras y degradados

2008-12-17T16:50:00.007+01:00

via MacBookers by Jose on 10/20/08

Seguro que más de uno habrá escuchado alguna vez eso de "Dale una vuelta, métele esquinas redondeadas y un par de degradados y quedará mucho más 2.0"

En esta nueva era de la web, parece que está de moda hacerlo todo mucho más "visualmente atractivo", los clientes se olvidan completamente del trabajo de los diseñadores y algunos diseñadores dejan fluir su imaginación y se olvidan completamente de los maquetadores, cuanto más dospuntocerista sea tu diseño mejor.

Ale Muñoz definió un nuevo tag XHTML para cuando nos encontráramos con alguna de estas locas propuestas de los clientes, el CWT (Client Want This) y expresa claramente el ejemplo del que voy a hablar en este post.

Las esquinas redondeadas en un diseño son ya algo normal, maquetarlas se puede hacer de forma sencilla usando alguna técnica como la Slinding Doors, de esta forma lograrás tener un contenedor elástico con bordes redondeados, perfecto!

Pero como esto no es lo suficientemente cool vamos a darle una vuelta de tuerca, las esquinas redondeadas pasan ahora a tener tres o cuatro niveles de sombreados grises tanto en sus bordes horizontales como en los verticales, es decir, más o menos esto:

Mamuso (al cual le tengo que agradecer este post que estoy escribiendo) me dice siempre: "No hay diseños imposibles sino maquetadores sin recursos" , así que vamos a ver como podríamos resolver esta pequeña putadita:

Necesitaremos 6 elementos HTML para definir la estructura, si la caja lleva título podemos usar uno de ellos como encabezado (h2 por ejemplo), de lo contrario necesitamos 6 DIVs, uno para cada esquina y dos para los bordes de los lados ( que deberán crecer a la misma velocidad que crezca el texto):

El código HTML sería algo así como:

Usaremos un div "header" y un h2 para la parte de la cabecera (usando el método de Sliding Doors), dos divs uno dentro del otro, "center_content" e "inner_content", para representar los bordes sombreados de la caja y otros dos divs, "footer" y "footer_content" para la parte del pie.

Ya tenemos la parte fácil, ahora vamos a la CSS:

Tanto la parte del header como la del footer están hechas con la técnica de Sliding Doors que mencionamos antes, es decir, dos imágenes, una muy larga que representa la esquina izquierda y el borde , y la otra que representa la esquina derecha:

Para la parte central utilizaremos dos imágenes, con el borde sombreado justo que usaremos de fondo posicionadas a izquierda y derecha con un repeat-y.

Para que los bordes queden superpuestos en los dos contenedores centrales, debemos de darle un margen negativo de 2px al contenedor interior, de lo contrario los bordes no encajarían ( esto NO habría que hacerlo para IE6).

El resultado es una estructura TOTALMENTE COMPATIBLE con todos los navegadores de uso cotidiano, ELÁSTICA y sobre la que se puede hacer ZOOM (ya que está maquetada con ems).

Y esto es todo amigos, no se si el resultado ha quedado muy claro (entre otras son las tantas de la mañana) pero todo es cuestión de probarlo y a ver que tal

22 Plugins para Firefox 3 indispensables para diseñadores

2008-12-17T16:50:00.005+01:00

via Guiabreve by Víctor F. Ruiz on 10/2/08

22 Plugins para Firefox 3 indispensables para diseñadores. Un lista completa con muchas alternativas aunque a mi con Web Developer, ColorZilla y Firebug me sobra.

Fwd: Flash y AIR como el nuevo Java

2008-12-17T16:49:00.003+01:00

via Error500 - Tecnología + Internet + Conocimiento by Antonio Ortiz on 11/19/08

Flash y AIR llegan a la arquitectura ARM, con lo que parece que Adobe va a superar la etapa de Flash Lite y va a llegar con la versión completa a teléfonos y otros dispositivos móviles. Ya se han podido ver versiones para Android y Windows Mobile de Flash 10 (Xataka Móvil), con lo que las páginas con Flash pasarían a ser accesibles desde móviles con esos sistemas operativos; el tema de Adobe AIR también es muy interesante, aplicaciones para el escritorio del móvil creadas mediante tecnologías para la web... y multiplataforma.

En este último aspecto es en el que Adobe configura Flash y AIR como el nuevo Java, como tecnologías para el desarrollo de aplicaciones multiplataforma tanto en la web como en el escritorio. Con ambos Adobe ha ido mucho más allá de lo que era Flash hace unos años - una tecnología para hacer animaciones simplonas - pero no tanto como para encontrarse todos los problemas de incompatibilidad que se ha encontrado Java en movilidad.

Una estrategia realmente interesante, pero que choca con varios rivales (Silverlight móvil, tecnologías como los widgets de Nokia u Opera, y el inminnete JavaFx, del que espero mucho) y también con dispositivos cerrados como el iPhone, del que Apple le dejó fuera. Mucho se está comentando un artículo de Wired sobre esta decisión, al final Apple va a tener que reflexionar sobre el control (de la experiencia y del dinero que gana cada uno) que ejerce sobre el dispositivo y el potencial que añade una tecnología como Flash a un terminal pensado para el internet móvil. Hay quien afirma que Apple podría estar preparando un buscador (Alt1040), es probable que en las tecnologías para las RIA sea donde necesite ofrecer algo... o buscar un aliado.

s3Slider: plugin para crear slideshows con jQuery

2008-12-16T18:48:00.003+01:00

via Intenta on 11/26/08

s3Slider jQuery plugin es un script realmente espectacular para crear "slideshows". Tan sólo hay que echar un vistazo a la demo para darse cuenta del potencial que tiene. La implementación es realmente sencilla, sólo hay que hacer las pertinentes inclusiones -jquery.js y s3Slider.js-, realizar la llamada y preparar un HTML similar a éste:

<div id="s3slider">
 <ul id="s3sliderContent">
    <li class="s3sliderImage">
        <img src="#" />
        <span>Your text comes here</span>
     </li>
    <li class="s3sliderImage">
        <img src="#" />
        <span>Your text comes here</span>
    </li>
    <div class="clear s3sliderImage"></div>
  </ul>
</div>

En la web del plugin podemos descargar varias versiones, una de ellas con ejemplos completos. El plugin está testado para la totalidad de los navegadores más habituales.

s3Slider jQuery plugin » »

Styled Menus

2008-12-15T18:21:00.004+01:00

via Intenta on 12/15/08
Styled Menus es un sitio web que ofrece menús de navegación diseñados por profesionales. Los menús están realizados con CSS, y son compatibles con todos los navegadores.

Styled Menus » »

Native Client, código nativo desde el navegador

2008-12-10T20:13:00.001+01:00

via Genbeta by Sacha Fuentes on 12/9/08

No se como se lo hacen, pero desde Google siempre consiguen sorprendernos sacándose de la manga proyectos que cambian el paradigma existente en ciertos sectores. Gmail fue un ejemplo de ello en los gestores de correo electrónico vía web.

Native Client quiere hacer algo parecido con Flash, Java,... ofreciendo una nueva manera de ejecutar código en el lado del cliente a través del navegador. Pero lo hace de una manera distintas: en lugar de ofrecer una máquina virtual permitirá a los desarrolladores que ejecuten directamente código nativo en el ordenador.

Actualmente, las aplicaciones web no pueden acceder a toda la potencia que ofrecen los ordenadores. Vemos como cada vez tenemos ordenadores más potentes, pero capas y más capas intermedias provocan que esta potencia se vea reducida a los mismos niveles con los que trabajábamos hace años.

La idea de Native Client es poder aprovechar el aumento de velocidad en los ordenadores desde la web. Esto permite ejecutar aplicaciones que, aunque ahora son factibles, pueden resultar demasiado pesadas, como editores de imágenes, juegos 3D,...

La arquitectura de Native Client es la de un compilador y un entorno de seguridad. El código se desarrolla en C o C++, se descarga a través del navegador y desde allí se compila y se ejecuta, tras pasar una serie de pruebas de seguridad que aseguren que no es capaz de afectar al resto del sistema.

Esto último será el factor más complicado de controlar, aunque la idea de Google es que la comunidad les ayude a hacerlo. Para ello, han lanzado Native Client como un sistema de código abierto y gratuito, además de ser independiente del navegador y del sistema operativo.

De momento funciona en Windows, Mac OS X y Linux, con los navegadores Firefox, Safari, Opera y Google Chrome, pero también quieren ofrecerla para otras plataformas hardware como ARM y PPC.

Es pronto para saber todavía hacia donde va a evolucionar esto, pero desde luego si estuvieran desarrollando un sistema operativo basado en web (algo rumoreado pero que yo no me creo), esta sería una de las mejores maneras de aumentar su potencia sin depender de soluciones de otros fabricantes como es el caso de Java o Flash.

Más información | Native Client.

Calabria: 20 iconos vectoriales gratuitos

2008-12-10T19:31:00.002+01:00

via Intenta on 12/9/08

20 iconos gratuitos en formato Adobe Illustrator, tanto para uso personal como comercial.

Rinoa Icon Set

2008-12-04T11:17:00.000+01:00

via Intenta on 12/4/08

48 iconos gratuitos, muy aprovechables para aplicaciones web, en formato PNG y de tamaño 24 x 24 px.

Función en PHP generadora de passwords aleatorios

2008-12-01T23:11:00.002+01:00

via Intenta on 12/1/08

Una función muy útil en el que podemos incluir dos parámetros, la longitud y la fortaleza de la contraseña.

function generatePassword($length=9, $strength=0) {
$vowels = 'aeuy';    
$consonants = 'bdghjmnpqrstvz';    
if ($strength & 1) {        
$consonants .= 'BDGHJLMNPQRSTVWXZ';    
}    
if ($strength & 2) {        
$vowels .= "AEUY";    
}    
if ($strength & 4) {        
$consonants .= '23456789';    
}    
if ($strength & 8) {        
$consonants .= '@#$%';    
}      
$password = '';    
$alt = time() % 2;    
for ($i = 0; $i < $length; $i++) {        
if ($alt == 1) {            
$password .= $consonants[(rand() % strlen($consonants))];            
$alt = 0;        
} else {            
$password .= $vowels[(rand() % strlen($vowels))];            
$alt = 1;        
}    
}    
return $password;
}

Mejorando las Cajas de Alerta de Javascript con Mootools

2008-11-29T20:30:00.003+01:00

via Guiabreve by Víctor F. Ruiz on 8/26/08

Es posible mejorar las cajas de alerta de Javascript usando Mootools para ellos y sino mira este ejemplo.

Recomendaciones de lo que debe y no debe tener una web corporativa

2008-11-28T19:34:00.003+01:00

via Tecnologiapyme by Eugenio Velázquez on 11/27/08

Si bien es común que en la pyme no se cuente con un diseñador web propio, si es muy recomendable que los responsables de la estrategia online de la empresa cuiden los aspectos que mencionaremos a continuación, respecto a ciertos puntos y criterios que debemos procurar suprimir o evitar en la web de la empresa, así como otros que debemos considerar nunca omitir o pasar por alto.

Vayamos primero con lo que no debe tener el web site de la empresa:

Introducción en flash: hace unos años cuando flash como tecnología multimedia web se hizo presente causó furor, ya que era una forma novedosa de cómo presentar el sitio web. Por ese tiempo se hizo común anexar una animación flash a modo de introducción de nuestro web site. Hoy que dicha tecnología ya es plenamente adoptada, una intro en flash lejos de causar sorpresa y agrado es generalmente molesta para el visitante recurrente de un web.
Videos en formato nativo: si en su web tiene colocados algunos vídeos sobre promoción de productos, etc,y los mismos los ha dispuesto en formato de video especifico (mov, wmv, avi, mp4, etc), lo más recomendable es evitar estos y pasar dichos videos a un formato nativo de flash (swf o flv) e incluir un player integrado a nuestro web.
Secciones obsoletas: en un inicio era muy común colocar secciones como misión, visión, y objetivo de la empresa; hoy en realidad no son ya prácticas. Lo que a los visitantes les interesa saber al llegar a tu web es que hace y que ofrece la empresa a modo escueto, resumido y directo. Y para ello con un pleno párrafo introductorio en la página de inicio nos basta.
Sesión de chat inactiva: muchos webs incorporan en sus secciones de contacto y soporte a clientes una aplicación de chat que nunca atienden. Ello da una pésima imagen al servicio online de la empresa, si se implementa una sesión de chat la misma debe estar en funcionamiento diario sujeta a un horario claramente definido y cumplir el mismo.
Flash dosificado: de igual forma hace unos años surgió la tendencia de publicar sitios web enteramente en flash. Hoy ello es algo poco recomendable, ya que generalmente tienen problemas de visualización en comparación con los web bajo HTML ordinario. Así mismo, la exagerada animación flash en todas partes de un web tiende a cansar al visitante que opta por salir del web y no regresar al mismo. Usemos flash solo para dar un poco de vista al web, nada de exageraciones.
Sin música o sonido de fondo: antes se podría pensar que era "cool" contar con una música o sonido de fondo. Hoy ello es algo cansado y un tanto irritante, omitamos su uso es nuestra recomendación.

Y ahora vayamos con lo que debe tener el web site de la empresa:

Sección de contacto completa: muchos webs solo incorporan un formulario en la indispensable sección de contacto. Sin embargo no podemos omitir un número telefónico de atención y contacto, así como un buzón de e-mail directo (y claro la dirección postal donde esta nuestra empresa). A los visitantes debemos darles al menos estas opciones referidas de contacto desde nuestra web.
Certificados SSL o TLS: si contemplamos una tienda online es absolutamente indispensable contar con un certificado Secure Sockets Layer (SSL) o Transport Layer Security (TLS) a través de un proveedor de nuestra selección (VeriSign, GeoTrust, Thawte, etc) que de fiabilidad y seguridad al usuario del la e-Store.
Biblioteca de documentos en PDF: si en la web dispondremos de ciertas publicaciones y documentos listos para ser descargados y consultados como catálogos de productos, portafolio de servicios, directorio de clientes, etc, el formato PDF es el indicado para ello (ese es precisamente su fin, presentar documentos vía web), no los formatos nativos donde creamos este tipo de documentos como lo pueden ser los formatos de archivos de MS Office, Corel, etc.
Optimizar el diseño web: es muy importante cerciorarnos de que el web site de la empresa sea visualizado perfectamente y sin errores por los principales navegadores y sistemas operativos y resolución de pantalla de nuestro potencial mercado o que los clientes ya registrados utilizan. Por ende la optimización a Internet Explorer, Firefox y Safari, así como para Windows XP y Vista, y Mac OS X es indispensable.
Posicionamiento en buscadores: si no te ven, nadie sabe que estas ahí. Si nuestro web es recientemente lanzado o claramente estamos viendo que nadie lo visita, es ampliamente recomendable una inversión (a criterio) en una campaña de posicionamiento en buscadores. Muchos proveedores de hosting ofrecen este tipo de servicios a costos muy módicos vía enlaces patrocinados de Google y Yahoo!
Versión movil: si parte de su mercado potencial es el de clientes con acceso a computación móvil vía telefónica (es decir, desde teléfonos celulares) no podemos omitir una versión para móviles de nuestro web site, sino estaríamos perdiendo clientes potenciales.

Esperamos estos puntos anteriores sean de utilidad, para ver que mejoras pueden hacer en su web site. Así mismo, quedamos al pendiente de la sección de comentarios por lo que se nos haya pasado mencionar y que usted recomienda contemplar a otros lectores de este post dentro de esta temática.

Mostrar todas las tablas de una base de datos

2008-11-28T19:31:00.002+01:00

via Intenta on 11/28/08

Script en PHP que lista todas las tablas, dada una base de datos MySql:

<?php $dbhost = "servidor";
$dbuser = "usuario";
$dbpassword = "clave";
$dbname = "base_de_datos";mysql_connect($dbhost,$dbuser,$dbpassword);
$tablas = mysql_list_tables($dbname); while (list($tabla) = mysql_fetch_row($tablas)) {
      echo $tabla."<br />";
} ?>

FlexiGrid

2008-11-24T16:38:00.008+01:00

via Intenta on 11/24/08

FlexiGrid es un ligero datagrid que usa jQuery, con columnas redimensionables, ordenación por columnas, paginación, búsqueda, la capacidad de leer datos en XML o JSON mediante Ajax, etc.

El ejemplo más sencillo sería convertir una tabla en una grid, para ello incluimos tanto la librería jQuery como el javascript de Flexigrid

<script type="text/javascript" src="lib/jquery/jquery.js"></script>
<script type="text/javascript" src="flexigrid.js"></script>

El CSS correspondiente, que también viene en el paquete de Flexigrid:

<link rel="stylesheet" type="text/css" href="css/flexigrid/flexigrid.css">

Construimos la tabla:

<table class="clasedelatabla">
<thead>      <tr>        
<th width="100">Col 1</th>        
<th width="100">Col 2</th>        
<th width="100">Col 3</th>        
<th width="300">Col 4</th>   
</tr> </thead> <tbody>      <tr>        
<td>Dato 1</td>           <td>Dato 2</td>        
<td>Dato 3</td>           <td>Dato 4</td>   
</tr><tr>                     <td>Dato 1</td>        
<td>Dato 2</td>           <td>Dato 3</td>        
<td>Dato 4</td>      </tr><tr>        
<td>Dato 1</td>           <td>Dato 2</td>        
<td>Dato 3</td>           <td>Dato 4</td>   
</tr><tr>           <td>Dato 1</td>        
<td>Dato 2</td>           <td>Dato 3</td>        
<td>Dato 4</td>      </tr><tr>        
<td>Dato 1</td>           <td>Dato 2</td>        
<td>Dato 3</td>           <td>Dato 4</td>   
</tr> </tbody> </table>

Ahora tan sólo queda asociar la tabla con la librería.

<script type="text/javascript"> $('.clasedelatabla').flexigrid();
</script>

El futuro de la web y el escritorio

2007-05-29T15:51:00.001+02:00

Google: sin duda una de las que más apuesta por las aplicaciones como servicios en la red a los que se accede mediante el navegador. Es su terreno natural y donde ha explotado su gran negocio de la publicidad en la web; además con Google Apps realiza una apuesta fuerte por llevar aplicaciones del escritorio a la web. No obstante, también ha puesto un pie en el escritorio con Google Desktop, una apuesta que no creo para nada trivial.
Yahoo: podríamos hablar de una tendencia similar a Google. Sus servicios viven en el navegador, aunque su apuesta por llevarse a él aplicaciones del escritorio es menos agresiva. También cuenta con Yahoo Widgets en el escritorio.
Adobe: uno de los movimientos más interesantes. Flash goza de un gran éxito en la web, pero Adobe se mueve hacia el escritorio donde plantea Apollo para las RIAs.
Microsoft: dominador en el escritorio, se mueve sorprendentemente hacia la web con Silverlight y hacia nuevos modelos de negocio en ella con las APIs de Windows Live.
Sun: JavaFx es su apuesta particular en esta batalla, muy enfocado hacia la telefonía móvil.

Generador de botones estilo 2.0

2007-05-29T00:00:00.000+02:00

My cool button es un generador online de botones con "estilo web 2.0 . A base de clics vas eligiendo los parámetros (fuente, ancho, colores...) que quieres aplicar al botón y después de unos segundos puedes descargarlo. Muy sencillo de utilizar y con resultados vistosos. @ etc

AJAX Feed API Slide Show Control

2007-05-27T23:07:00.001+02:00

This afternoon Google extended the AJAX Feed API with a new Slide Show Control. This control allows you to easily embed a slide show of images from PhotoBucket, Flickr, Picasa Web Albums, or any feed that uses the Media RSS extensions. With just a few lines of code:

   new GFslideShow("http://dlc0421.googlepages.com/gfss.rss",
                 document.getElementById("slideshow"));

You can insert a slide show like this on your site or blog: As always, let them know what you think in the Google AJAX API developer forum.

Los 10 Mandamientos de Google

2007-05-27T23:02:00.002+02:00

1. Centra tu atención en el usuario y todo lo demás te vendrá dado

2. Haz una sola cosa, pero hazla muy bien

3. Rapidez es siempre mejor que lentitud

4. La democracia funciona en la Red

5. No tienes que estar sentado ante tu escritorio para demandar respuestas

6. Puedes hacer dinero sin recurrir a negocios oscuros

7. Siempre hay más información allá afuera

8. Las expectativas de información rompen todas las fronteras

9. Puedes ser serio sin vestir traje

10. Ser grande no es suficiente

Cosas que no debes hacer al construir un sitio web

2007-05-27T22:56:00.001+02:00

Traducción rápida y resumen de 19 Things NOT To Do When Building a Website, de Josiah Cole --con quien no podría estar más de acuerdo excepto porque en su artículo utiliza incorrectamente palabras en mayúsculas para enfatizar.

Nunca cambies el tamaño de la ventana del navegador del usuario automáticamente, es molesto, irrespetuoso y típico de los sitos de spam.
Mal si tu página es de las que primero carga una página señuelo y ésta "lanza" un popup con la página real. Error muy habitual de los sitios hechos en Flash.
Tampoco está bien preguntar al usuario si quiere ver una caca de página directamente o prefiere entrar a un sitio guay lleno de colorines y animaciones pero para el cual necesita aditamentos especiales y esperar un rato a que cargue.
Si todo tu sitio está hecho en Flash despide al desarrollador de la página y hazla otra vez; si la has hecho tú colócala en el apartado "sitios inútiles que he hecho" de tu portfolio y hazla otra vez.
No pretendas reinventar la navegación de los sitios web.
El contenido es el rey: si tu página web no tiene suficiente contenido o ningún texto real que no esté en una imagen contrata a un copy y despide a tu webmaster ahora.
Si tu sitio web no funciona o no se ve bien en Firefox... ¡bienvenido al 2007
Nada de texto parpadeando [, los navegadores con clase como Safari ya ni la interpretan], nada de usar FrontPage, nada de popups ni en enlaces ni automáticos, nada de texto en scroll, nada de intros en Flash,...

Si la página contiene música asegurate de que el usuario puede detenerla o apagarla y mejor si no se inicia automáticamente --lo mismo para el vídeo.

Los menús de navegación mejor en texto que en imágenes.

Un flujo de navegación bien pensado con subsecciones siempre es mejor que utilizar menús desplegables.

Si la única forma de encontrar la información importante de tu sitio web es utilizando el buscador, despide al tío que hizo el flujo de navegación --y que seguramente utilizó menús desplegables.

Cuida el tiempo que necesita la página para cargarse.

Si pretendes hacer pasar al usuario por alguna ruta predeterminada para llevarle a alguna página concreta o a la versión demo de tu producto es hora de que te compres una granja de hormigas para aliviar tus deseos de usurpador de voluntades con alguna especie que lo permita.

Si vas a poner vídeo olvidate de pedirle a los usuarios que elija distintos anchos de banda y formatos de video perdedores como RealPlayer, Windows Media Player, Quicktime,... Utiliza un reproductor de vídeo en formato Flash como hacen YouTube y similares --si, Flash ganó esta única batalla hace tiempo.

No utilices técnicas y tecnologías nuevas en tu sitio web simplemente porque puedes o porque son novedosas. Las tecnologías nuevas son chulas, pero utilizalas sólo si realmente mejoran de algún modo la vida a tus lectores / clientes / usuarios.

Así es la izquierda ...

2007-03-27T12:51:00.000+02:00

La escritora Almudena Grandes dice que cada mañana "fusilaría" a dos o tres voces que le "sacan de quicio" En una rueda de prensa en Sevilla, quiso añadir que "estamos en un país en el que la derecha española recuerda más a la de la II República que a la del franquismo". Grandes, que colabora con el Grupo Prisa, resaltó que este sector de la sociedad reclama el derecho a gobernar "por gracia divina". Así, Almudena Grandes resaltó que "es una reacción que se ha repetido a lo largo de la historia pero, que esta vez, el Ejército, la coyuntura internacional, las instituciones y los ciudadanos ya no son lo que eran".

I'm a techie !

2007-03-13T10:59:00.000+01:00

eXtreme Programming

La programación extrema ( eXtreme Programming ) o XP , es una disciplina de desarrollo basada en la simplicidad. XP aparece para, que equipos pequeños que necesitan desarrollar software rápidamente, puedan realizarlo en un ambiente donde los requisitos cambian rápidamente.

La metodología de Desarrollo de Software, siempre necesitará ser modificada para adaptarla a los requisitos particulares del cliente y de las circunstancias. XP no es ninguna excepción.

Hay doce prácticas para aplicar XP:

El proceso de planteamiento o juego de la planificación

Permite que el XP cliente defina el valor de negocio y las características deseadas, y utiliza las valoraciones de coste proporcionadas por los programadores, para elegir si necesita ser desarrollado o dejar aparcado. Con este proceso es fácil llevar el proyecto a

?buen puerto?

Entregas pequeñas

La idea es producir rápidamente versiones del sistema que sean operativas, aunque obviamente no cuenten con toda la funcionalidad, pero constituyan un resultado de valor para el negocio.

Metáfora

Una metáfora, es una historia compartida que describe cómo debería funcionar el sistema. El sistema es definido por una metáfora o un conjunto de metáforas compartidas por el cliente y el equipo de desarrollo. La metáfora consiste en formar un conjunto de nombres que actúen como vocabulario para hablar sobre el dominio del problema.

Diseño simple

Se debe diseñar la solución más simple que puede funcionar y ser implementada en un momento determinado del proyecto. La complejidad innecesaria y el código extra debe ser removido inmediatamente.

Pruebas

La producción de código está dirigida por las pruebas unitarias. Las pruebas unitarias son establecidas antes de escribir el código y son ejecutadas constantemente ante cada modificación del sistema. En este desarrollo y pruebas constantes, la automatización para apoyar esta actividad es crucial.

Refactorización (Refactoring)

La refactorización es una actividad constante de reestructuración del código con el fin de remover duplicación de código, mejorar legibilidad, simplificarlo y hacerlo más flexible para facilitar los posteriores cambios. Para mantener un diseño apropiado, es necesario realizar actividades de cuidado continuo durante el ciclo de vida del proyecto.

Programación en parejas

Toda la producción de código debe realizarse en parejas de programadores. Muchos errores son detectados conforme son introducidos y la tasa de errores del producto final son mucho menores, los diseños son mejores y el tamaño del código menor, los problemas de programación se resuelven más rápido, se transfieren los conocimientos de programación entre los miembros del equipo, varias personas entienden las diferentes partes del sistema, mejora el flujo de información y la dinámica del equipo.

Propiedad colectiva

Cualquier programador puede cambiar cualquier parte del código en cualquier momento. Esta práctica motiva a todos a contribuir con nuevas ideas en todos los segmentos del sistema, evitando a la vez que algún programador sea imprescindible para realizar cambios en alguna porción de código.

Integración continúa

Cada pieza de código es integrada en el sistema una vez que esté lista. Así, el sistema puede llegar a ser integrado y construido varias veces en un mismo día. Todas las pruebas son ejecutadas y tienen que ser aprobadas para que el nuevo código sea incorporado definitivamente. La integración continua a menudo reduce la fragmentación de los esfuerzos de los desarrolladores por falta de comunicación sobre lo que puede ser reutilizado o compartido. Esto es esencial para un proyecto controlado.

40 horas por semana

Se debe trabajar un máximo de 40 horas por semana. No se trabajo horas extras en dos semanas seguidas. Si esto ocurre, probablemente está ocurriendo un problema que debe corregirse. El trabajo extra desmotiva el equipo. Los proyectos que requieren trabajo extra para intentar cumplir con los plazos suelen al final ser entregados con retraso. En lugar de esto se puede realizar el juego de la planificación para cambiar el ámbito del proyecto o la fecha de entrega.

Cliente in-situ

El cliente tiene que estar presente y disponible todo el tiempo para el equipo. Gran parte del éxito del proyecto XP se debe a que es el cliente quien conduce constantemente el trabajo hacia lo que aportará mayor valor de negocio y los programadores pueden resolver de manera inmediata cualquier duda asociada. Algunas recomendaciones propuestas para dicha situación son las siguientes: intentar conseguir un representante que pueda estar siempre disponible y que actúe de interlocutor del cliente, contar con el cliente al menos en las reuniones de planificación, establecer visitaqs frecuentes de los programadores al cliente para validar el sistema, anticiparse a los problemas aosociados estableciendo llamadas telefónicas frecuentes y conferencias, reforzando el compromiso de trabajo en equipo.

Estándares de programación Es indispensable que se sigan ciertos estándares de programación. Estos mantienen el código legible para los miembros del equipo, facilitando los cambios. Fuentes de Errores

Como se puede ver gana la toma de requerimientos . Y también:

No disponer de ningún mecanismo de control de cambio
Evitar cambios de alcance durante el proyecto
Parálisis del proyecto debido a un excesivo tiempo recogiendo requisitos
No hacer captura de requisitos de ningún tipo
No realizar planificación de las iteraciones (tras pasarse a un método supuestamente ágil)
Demasiada planificación de las iteraciones

Julián Macías GIS & JAVA DEVELOPMENT

Nuevas Tecnologías

2007-03-12T12:39:00.000+01:00

Artículo 17.1 de la Ley de Servicios de la Sociedad de la Información y de Comercio electrónico. (aka LSSI) Los prestadores de servicios de la sociedad de la información que faciliten enlaces a otros contenidos o incluyan en los suyos directorios o instrumentos de búsqueda de contenidos no serán responsables por la información a la que dirijan a los destinatarios de sus servicios, siempre que:

a) No tengan conocimiento efectivo de que la actividad o la información a la que remiten o recomiendan es ilícita o de que lesiona bienes o derechos de un tercero susceptibles de indemnización, o

b) Si lo tienen, actúen con diligencia para suprimir o inutilizar el enlace correspondiente.

Se entenderá que el prestador de servicios tiene el conocimiento efectivo a que se refiere la letra a) cuando un órgano competente haya declarado la ilicitud de los datos, ordenado su retirada o que se imposibilite el acceso a los mismos, o se hubiera declarado la existencia de la lesión, y el prestador conociera la correspondiente resolución, sin perjuicio de los procedimientos de detección y retirada de contenidos que los prestadores apliquen en virtud de acuerdos voluntarios y de otros medios de conocimiento efectivo que pudieran establecerse.

Ver para creer ...

2006-04-25T11:27:00.000+02:00

Simios y humanos: iguales derechos Como lo oyen. Es lo que propone el Partido Socialista. No sé pq, pero al oir la noticia se me vino a la mente la imagen de María Teresa Fernández de la Vega. En mi patria, Cádiz, dicen que "no hay nada más peligroso que un mono con dos pistolas". ¿Quién le ha dado las pistolas a ZP? Por otro lado, un simio puede tener derechos humanos, pero un feto no. Cosas estas de la izquierda, creo que lo llaman socialismo.

Was Censored !

2006-04-24T16:51:00.000+02:00

South Park, una serie sin Mahoma

Es simple economía de televisión, Kyle. Todo lo que se necesita para destruir una sere para siempre es lograr echar abajo un sólo episodio. Si convencemos a la cadena para no emitir este episodio por los musulmanes, los católicos pueden exigir la retirada de un episodio que no les gusta, los minusválidos podrán hacer lo mismos y así una y otra vez, hasta que "Padre de familia" desaparezca.

Gracias, Cartman

La imagen ...

2005-11-07T11:34:00.000+01:00

En el mundo de Zapatero ...

2005-10-20T17:11:00.000+02:00

Carrillo, Doctor Honoris Causa por su "contribución a la reconciliación nacional"
En la ceremonia, después de la Glose Laudatio de Santiago Carrillo a cargo de su padrino en esta ceremonia –el que fuera rector y miembro del partido Cayetano López– el ex secretario general del PCE leyó su discurso para recibir a continuación el birrete, anillo y guantes blancos que le acreditan como Doctor Honoris Causa de la Autónoma de Madrid.
En su lección magistral, Carrillo se definió como un "veterano comunista que, como otros muchos, junto con otras gentes demócratas y progresistas, hemos alentado toda la vida un sueño: hacer una España y un mundo más justo, más igualitario, más pacífico y más libre".
Por su parte, Angel Gabilondo aseguró en su discurso que la incorporación de Carrillo al claustro de doctores supone asimismo la incorporación de los valores de la "reconciliación" y los del "reconocimiento para cuantos vivieron y murieron por ellos".