Este es un día como cualquiera, me levanto como todas las mañanas, esperando un buen desayuno, un buen baño y con un poco de suerte que el chico del periódico me traiga las ultimas noticias que ocurrieron el día de ayer. Soy una persona donde en mi negocio, el estar bien informado es muy importante.

Leo las noticias y me entero que habrá una conferencia de las ultimas novedades en un lugar, de esos muchos que desconozco.

Emocionado busco en el directorio telefónico a alguna agencia de viajes que me de confianza . Me contesta una señorita muy amable de nombre Ana. Me escucha muy cordialmente y me dice que me tendrá la información en un par de días. Alegando que la mensajería tardara en traer los folletos de aquel lugar. 

Meto la mano en mi viejo buzón, buscando en mi correo me entero de una oportunidad un buen negocio que lamentablemente perdí, porque aquella carta llego con mucho retraso.

Tratando de no desanimarme me dirijo al trabajo. llegando mi secretaria me informa que habrá una junta con otra compañía y vendrán de muy lejos para esta junta, lastima que no exista nada que agilice estas decisiones.

Por fin llegue a mi escritorio, recorre por mi mente alguna imagen de una ciudad con rascacielos al ver toda esa pila de papeles, donde los pendientes son una gran torre de colores junto a una pila de documentos, cartas y no se que mas. 

Realmente no podría vivir sin Alejandra mi mano derecha en esta compañía y mas con lo desordenado que soy.

Firmo un par de cosas, autorizo otras. Recordando una información de urgencia marco a Manuel mi socio comercial, espero impaciente en la linea, lamentandome que no se encuentre en su oficina, le dejo un recado con alguien que contesto de nombre chistoso, ¡ojalá le llegue a tiempo!, suspiro y trato de relajarme un poco.

Bueno es momento de la junta. Detalles financieros gráficas y demás datos que necesariamente llevara un par de meses de investigación, ¿ No habrá nada que nos de la información mucho mas rápido ?

Hora de la comida, hoy es un día especial comeré con Mayra una vieja amiga, con un cierto gusto por el verde, comeremos en un restaurante que sólo mencionarlo me da risa (Atún con aceitunas), pero me alejare de la oficina esta vez. Espero que no ocurra nada importante y tratare de comer a gusto.

Regresando a la oficina me doy cuenta que todo esta bien, para mi descanso emocional. Me dicen que los reportes tardaran un par de días mas. Así que hay tiempo para hacer otras actividades, pero antes revisare un par de cosas mas.

Me reclino un poco en mi silla y pienso que tengo ganas de ir al cine. Así que comprare la cartelera en el puesto de periódico de abajo de la oficina para revisar las funciones.

Para mi agrado todavía estoy a tiempo, iré a ese cine que acepta tarjetas de crédito, ya que ando escaso de efectivo, lamentablemente tardan horas en autorizar los cargos con eso que para cada transacción tienen que hablar por teléfono al banco y ver que realmente soy yo.

Que buena película en verdad, llego a casa con mil mensajes en el contestador. decido no oirlos me recuesto y pienso que la vida seria mas sencilla teniendo la información de manera mas oportuna.

Es increíble como empresas que se dicen modernas, censuran el Internet, opinión de sus empleados para controlar una imagen ideal de su compañía.

La imagen pública de un producto es como la enseñanza a los niños pequeños, se enseña con el ejemplo no con las palabras, recientes casos de hechos  politicos  que les gusta censurar todos los medios, inclusive como les encantaría censurar el Internet.

Empresas teniendo twitters oficiales, tratan de callar la verdadera opinión de sus clientes, en lugar de aprender de ellos para buscar posibles mejoras.

Políticos que se dicen abiertos a la gente, pero brincan al ver la opinión que tienen sobre ellos en línea.

El Internet es como el aire donde las voces de cada uno de nosotros se oye. En lugar de buscar medios para callar esas voces se debería buscar las herramientas para mejorar la imagen propia.

Una buena campaña en medios sociales no es lanzar anuncios como loco, sino nutrir de información clara y concisa de nuestros productos y/o servicios para que el usuario tenga un elemento mas en su medio de decisión.

Recuerden todos entre mas se trata de callar una voz mas se hará sonar, por lo tanto en lugar de callar hay que saber nutrir de manera adecuada el medio y escuchar a nuestros clientes.

Recuerden el Internet es un Medio de Intercambio de Ideas y de Información, un medio bidireccional que le ayuda a la humanidad a crecer con cada idea nueva.

1. Estilo y Contenido separado

Aprender a separar el diseño de nuestro contenido es de vital importancia, tanto para el posicionamiento como para la definición de estilos en nuestras páginas web.

2. Inicializar el Entorno de trabajo

Por increíble que parezca una buena practica para los sitios que llevaran css es iniciar el entorno, esto nos permite una hoja en blanco y prácticamente similar en todos los navegadores.

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: normal;
font-style: normal;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
}

Esta linea lo que hare es crear una hoja en blanco sin estilos en los navegador, lo unico que hay que tomar en cuenta es que tenemos que definir nosotros cada uno de los objetos, como letras bold, cursivas, h1, pero esto le dara mayor personalizacion a nuestra hoja de estilos.

3. Primero relative despues absolute

Para los divs anidados donde normalmente queremos contener objetos en posiciones fijas normalmente se utiliza

position:absolute;

pero por caracteristicas de explorer esto nos rompe el diseño, tomando este absolute como posicion con respecto al navegador, para poder solucionar esto en el div principal coloquen

position:relative;

y a los interiores:

position:absolute;

Con esto nunca volverán a sufrir que IE rompe con la estructura de sus CSS

4. Siempre en orden

z-index, el indice de las capaz es muy útil, sobre todo para definir que elementos de un diseño ira en determinado nivel, sin embargo en explorer siempre hay problemas con la posicion de estas capas, sobre todo cuando colocamos un z-index, único para indicar que este ira arriba de todo.

Por ejemplo un z-index:20; par indicar que este ira en la mayor posición.
La verdadera solución es colocar un z-index para cada objeto que estará involucrado en el orden especifico sin saltarse. z-index:1, z-index:2, etc.

5 Olvidate de los hacks

Los CSS hacks son muy útiles sobre todo para cuando empiezas, pero si sigues los 4 consejos anteriores te olvidaras de ellos, son malos por dos razones, una le agregan peso a tus css, y es prácticamente hacer una hoja de estilo por navegador.

La primera opción de las compañías es que su departamento de TI o de Sistemas desarrolle sus páginas de Internet, cosa que es un  suicidio empresarial, son muy contados profesionales de sistemas que tienen un verdadero criterio visual para desarrollar sitios visualmente atractivos. O por el contrario se lo dan  a un diseñador que entrega algo atractivo pero poco funcional.

Como muchas veces he escrito el desarrollo web es un proceso multi disciplinario, actualmente el desarrollo de una web empresarial necesita de al menos 4 especialistas.

1.Desarrollador

2.Diseñador

3.Experto en Emarketing

4.Copy

Todos ellos trabajando en conjunto para desarrollar sitios de verdadera calidad.

Existen pocos despachos de desarrollo web que cumplan con estos requerimientos en México.

En realidad los precios  de las opciones caseras y externas se diferencian bastante a primera vista pero la calidad y resultados se aprecian mejor con los despachos profesionales.

Si la empresa tiene el presupuesto para mantener a todo el equipo de profesionales se ganara especialización del producto, pero perderán la visión exterior.

En cambio si se apoyan de un externo de manera fija tendrá una curva mas lenta de aprendizaje del producto, pero mayor éxito a largo plazo con un costo menor.

Para mayor información visita: iGeek

Validaciones de Formularios

Uno de los menesteres diarios durante un desarrollo web es la validación de formularios, les puedo decir que durante algo de tiempo use las herramientas de Dreamweaver, pero hay maneras mas elegantes de hacerlo.

Los tiempos cambian y el Ajax es lo que le da la mejor presentación a nuestros desarrollos. Por ello esta vez les explicare como utilizando dos librerias podemos elevar la presentación y funcionalidad de sus sitios.

Primero explicaremos una librería que ha servido de mucha ayuda durante mis desarrollos y esta es live validation http://www.livevalidation.com/

Una librería muy elegante y sencilla para la validación, y que se lleva muy bien con jquery.

Básicamente su uso es muy sencillo

1. importas la librería

<script type="text/javascript" language="javascript" src="livevalidation.js"></script>

2. declaras tus objetos

var f1 = new LiveValidation('f1');
f1.add( Validate.Presence );

3. Editas tu css

Sin entrar en mucha profundidad en el ejemplo anterior LiveValidation('f1'); contiene el nombre que colocaste en la propiedad name de tu input (cajas de texto), y con add( Validate.Presence ) le dices al script que lo declare como objeto necesario.

El uso de esta libreria es muy sencillo ya que puede validar cadenas, contenidas, email y otras validaciones personalizadas.

Un tutorial mas completo lo puedes encontrar en:

http://www.livevalidation.com/examples

Ahora como segunda parte utilizando la librería de jquery
http://jquery.com/

Haremos una validación de la existencia de un usuario

El ejercicio realmente son dos partes

1.Objetos HTML
2. Script que busca el nombre
3. php que busca la existencia de ese usuario

HTML

<form>
<input type="text" name="username" id="username" />
<span id="usernameLoading">
<img src="loading.gif" alt="Ajax Indicator" />
</span>
<span id="usernameResult"></span>
</form>

En el html tenemos tres objetos principales

<input type="text" name="username" id="username" />
que es el input que recibira el nombre de usuario

<span id="usernameLoading"><img src="loading.gif" alt="Ajax Indicator" /></span>
Mostrara mientras el script lee los datos

<span id="usernameResult"></span>
Recibira la cadena de resultado del script

SCRIPT

// Primero creamos el objeto despues de cargar la pagina
$(document).ready(function() {

valido='true';
//ocultamos la imagen de cargando
$('#usernameLoading').hide();
//si el usuario cambia el campo de usuario
$('#username').blur(function(){
//muestra cargando
$('#usernameLoading').show();
//llama el archivo php
$.post("/consys/gets/get_users.php", {
login: $('#username').val()
}, function(response){
//interpreta el resultado si recibe la cadena false el nombre de usuario esta disponible
$('#usernameResult').fadeOut();
if (response=='false'){
cadena='<img src="/images/tick.png" />';

}else
{
cadena='<img src="/images/cross.png" />';
valido='false';
}
// proteccion en caso que el php tarde en tiempo de ejecucion
setTimeout("finishAjax('usernameResult', '"+escape(cadena)+"')", 400);

});
return false;
});

PHP

$hostname = "host";
$database = "nombre_base_de_datos";
$username = "usuario";
$password = "clave";
$contador = mysql_pconnect($hostname, $username, $password) or trigger_error(mysql_error(),E_USER_ERROR);

$colname_busca_user = "";
if ($_POST['login']!=''){
if (isset($_POST['login'])) {
$colname_busca_user = mysql_real_escape_string($_POST['login']);
}
mysql_select_db($database, $contador);
$query_busca_user = "SELECT usuario_nombre FROM base_usarios WHERE nombre de usuario = $colname_busca_user");

$busca_user = mysql_query($query_busca_user, $contador) or die(mysql_error());
$row_busca_user = mysql_fetch_assoc($busca_user);

if ($totalRows_busca_user > 0) { ?>true<?php } ?><?php if ($totalRows_busca_user == 0) { ?>false<?php } ?><?php
mysql_free_result($busca_user);
}

Realmente el php lo único que hace es buscar si existe esa cadena en la base de datos y muestra un false si no la encuentra y un true si la encuentra, en este caso como el script valida cadenas exactas procuren no dejar espacios en blanco cuando muestren los resultados.

Estos dos son ejemplos básicos, espero que les ayude en su vida de desarrollo, cualquier duda o comentarios como siempre estoy a sus ordenes.

Si lo han notado últimamente he posteado menos, casi podría decir con formula  Geek que el indice de post es inversamente proporcional a la cantidad de trabajo creativo que tenga en esos momentos.

Desarrollar una idea no es sólo de lanzar una oración al viento y poner las manos para que llegue la luz, es caminar, analizar la competencia, leer mucho en Internet, libros y periódicos, estudiar el entorno. 

En fin darles las herramientas necesarias al cerebro para que vaya armando un rompecabezas.

Muchas de las ideas geniales surgieron de tirar muchas malas detrás, es mas difícil que la lotería llegar al objetivo creativo de primera intención. al menos llevara algunos retoques.

Cuando uno tiene saturada la cabeza de ideas, proyectos e imágenes mentales es bueno relajarse, tomar un poco de agua y dar tiempo a la mente a procesar todo ello a una velocidad adecuada.

Por mas habilidosos que seamos hay que pensar en no saturar nuestras mentes si no terminaremos fallando o dando menos de lo que nuestras capacidades puedan dar.

El mensaje de hoy es aprendan a descansar su mente para que en el periodo de relajación puedan llegar a esa idea que esten buscando.

Novia Vista: Es la que uno se cuadra con ella porque la ve bonita, y esta medio buena, pero después de un tiempo te das cuenta que no hace lo que tu quieres, y fue una mala elección.

Novia XP: Es el tipo de vieja mas común, es la novia normal, no es la gran cosa, pero uno lleva tanto tiempo con ella, que no es capaz de dejarla,

Novia Windows 98: Es la que lleva con uno tanto años que para que cambiarla, si uno ya se acostumbro a esa.

Novia Linux: Se le saca en mayor rendimiento con el menor esfuerzo, “la vieja fácil”. trata de no joder aunque a veces lo hace, no es tan fea como muchos piensan.

Novia Unix: Casi nadie la conoce, no es bonita ni fea, pero ella se presta para hacer muchas cosas. no cualquiera es capaz de manejarla.

Novia Ubuntu: una subdivision de linux, es la vieja que con la que uno dice, con esta me voy a casar, prometedora, bonita, pero como toda vieja, tiene su guardado.

Novia Mac: No la tiene cualquiera, para llegar a una de estas hay que tener mucha plata, su mantenimiento es mas caro que una de windows o linux, pero tiene sus ventajas, no jode tanto, es mas manejable, en fin.

Espero sus comentarios