Pues bien, siguiendo esta metodología de utilizar “nuestras propias fuentes” así mismo deberíamos hacerlo con los colores.

La época en la que solamente se usaban los 256 colores web-safe quedó atrás hace muchos años y la amplitud en el espectro hexadecimal/rgb nos permite utilizar unos 16’777,216 colores, los cuales utilizamos desde las propuestas en PSD hasta la maquetación final con HTML y CSS

Pero qué hay a la hora de construir el CSS que utilizaremos ¿de qué forma memorizamos el hexadecimal o el RGB para cierto tipo de rojo, verde o azul? Existen software que puede hacer esta labor por nosotros o metodologías de conversión con Javascript o para los más aventados, usar lenguaje de servidor para procesar el CSS con variables.

¿Tan complicado es?

Es por esto que la propuesta de @palette queda formalmente establecida aquí

Usando @palette

La definición quedaría de esta forma

{code type=”css”}

@palette {
red: #CA000;
jeans: #1288AB;
[custom color]: <hex | rgb value>
}

{/code}

Y declarando en las reglas de CSS normalmente

{code type=”css”}

.clase {

color: jeans;

}

#id {

background: red;

}

{/code}

Explicación

En @font-face podemos redeclarar una tipografía o bien declarar una nueva para usarla normalmente en el resto del CSS

En @palette estaríamos haciendo prácticamente lo mismo pero con colores, de esta forma, tenemos nuestra paleta de colores declarada y reemplazamos hexadecimales o rgb’s por nombres de fácil lectura e identificación.

En ocasiones, el mar de ego es grande, tan grande que algunos se ahogan y predican por doquier que el usuario no tiene el suficiente IQ para entender las avanzadas funcionalidades de un sistema que en realidad, no está hecho para ser usado.

¿Quién tiene la culpa en realidad?

No se trata de encontrar culpables, solamente de equilibrar responsabilidades al momento de realizar un sistema. Dichas responsabilidades se administran en la planeación de un producto.

Planeación y perfiles

No se hablará sobre tiempos y costos que, aunque son importantes, son tan sólo el comienzo de un proyecto. Aquí se trata de perfiles en ambas partes, tanto productor como consumidor; de no considerar perfiles, lo más probable es que un proyecto se termine, pero no llegue más allá de los 3 meses.

Del lado del productor, se deben considerar perfiles de realización de producto. Debe quedar en claro que no tiene la misma forma de pensar un programador que un vendedor, ¡y eso está bien! así mismo, existen perfiles de visión amplia que son capaces de entender más de 4 aspectos en la creación de un producto y sirven como conectores o facilitadores en la PODC de un proyecto.

“Pero, pero… sólo soy yo, 1 persona, estoy solo en el mundo” Sí sí, en ocasiones el reducido presupuesto hace que 1 sola persona tenga que hacer todo, dado que un dream team o ejército de la salvación del mundo, saldría demasiado caro. Basta con considerar 2 cosas: calcular el costo de no permanecer en tu mercado objetivo o bien, solicitar ayuda a un usuario, igualito a quien usará tu producto.

Funcionalidades versus usabilidad

Sin importar el tipo de sistema, ya sea de consulta o gestión, puede venir equipado con procesos tan avanzados que pueden mejorar para siempre la vida de quien lo use.

No se trata de qué hace, se trata de cómo se hace, si en el cómo no se factoriza al mínimo el qué, de nada sirve que existan toneladas de código si al final, cuesta trabajo enviar un simple correo.

¿Instructivo? algunos los leemos… pero en casos extremos

Siempre es bueno tener a la mano un instructivo claro y entendible que nos explique algún detalle avanzado sobre el producto que estamos usando. ¡Detalle avanzado!, más no recurrir a él cada vez que queremos escribir nuestro nombre en un simple campo de texto y el fantástico mensaje es “Error, corrija los campos” o no decir absolutamente nada y esperar a que el usuario crea que algo está haciendo mal cuando en realidad, lo mal hecho está del otro lado.

Funciona perfecto ¿y cuando no funciona?

El humano hace productos y tal parece herencia: todos los humanos tienen errores y por consiguiente, lo que el humano haga en algún momento tendrá errores (si no los tiene, que surja la preocupación, porque algo anda mal). No es trabajo del usuario encontrar dichos errores, el usuario llega literalmente a usar un producto, no llega a arreglar ni a avisarle a quien lo pueda arreglar, esto debe quedar claro; por el contrario, el usuario encuentra un error, se lo dice a otro usuario y viene una reacción en cadena tal, que el último en enterarse es el programador (después de haber pasado por dirección).

Sobre el manejo de fallos

En verdad, a nadie le importa el código de error 0988u54 o el fallo del puerto SystemOccupiedManyNumbers, incluso a los propios programadores comienza a ser confuso el manejo de estos errores cuando reciben los reportes de usuarios que, además de molestos, están confundidos porque creen que algo hicieron mal. Lo anterior es juego de niños, posteriormente esto se traduce en números y en pérdida de clientes, este tipo de fallos deja en claro que el producto no está hecho para el consumidor final, sino para un selecto grupo que entiende lo que esos jeroglíficos significan… cuando sabemos que es al revés.

Además, dejar un mensaje del tipo: “Avísale al administrador del sistema” ¿qué significa, que además del tiempo que se está perdiendo con el ErrorMuchosNúmeros, todavía hay que “avisarle a alguien” para que lo corrija? mal, muy mal.

Tan sencillo como programar una simple rutina de aviso de error, colocar un mensaje humanamente entendible (jocoso incluso) y establecer un puente de contacto con el consumidor para que se le avise que lo que le impedía usar el robusto sistema ¡fue arreglado!

Es momento de la carita feliz

No todo es malo en el mundo, el presente ensayo no es un regaño, hay suficiente tiempo como para hacer los ajustes necesarios. Sin importar el perfil de quien esté encargado de la programación del sistema, basta con saber un poco de álgebra y factorizar los elementos de error en 1 sólo, que en realidad sirva.

Se debe recordar que un mensaje de error es una excelente oportunidad para que el usuario deje de ser un cliente o bien, para crear lealtad con el usuario… ¿Cómo? es cuestión de cómo se maneje la situación. Si cuesta trabajo realizar ésta conversión, tal vez la respuesta no la tenga el usuario, sino mercadotecnia.

En el software, es común tener documentado el código que realizas, con el objetivo de que sirva como futura referencia personal o colaborativa en el caso de que haya más personas colaborando en el mismo archivo o proyecto.

Esto ocurre en el caso de lenguajes de programación, donde cada función, variable, clase, procedimiento, método, interface, etc., cuenta con unas líneas donde se explica el comportamiento del elemento anteriormente mencionado.

En el lenguaje de marcado como HTML, también suelen realizarse anotaciones antes y después de los bloques que encierran información, sobre todo cuando se prepara el archivo para incorporarse a un sistema de plantillas donde habrá que separar 1 archivo HTML en otros 4 o 5 y no perder el control de qué fue lo que se copió.

Para documentar el código se utilizan los siguientes delimitadores para encerrar dichos comentarios, de acuerdo al lenguaje de programación/marcado que estemos utilizando: /* */, #, <!– –>, ”’, #FRASE, etc.

¿Qué ocurre con CSS?

Resulta que, existe un lenguaje de estilos en cascada o CSS que se ocupa principalmente en páginas Web (sí, páginas, no importa si son portales, sitios de presencia o grandes monstruos, a final de cuentas envían una página en HTML) y que, también se utiliza en algunas interfaces de sistemas operativos, como es el caso del explorador del ya casi descontinuado Windows XP.

Centrándonos en Web, una hoja de estilos reúne el cómo vamos a presentar la información, con qué apariencia y distribución.

Si es un archivo pequeño (200 líneas) fácilmente podremos identificar qué es lo que hace cada selector y ubicar qué parte vamos a cambiar. Pero qué ocurre cuando hay circunstancias donde son más de 500 líneas o bien, hay n cantidad de selectores y zonas con non-CSS-framework aplicado, cosas bonitas pues. ¡Problema!

Para estas situaciones, coloco 2 ejemplos, uno con el problema y otro con la solución, más abajo daré la explicación.

Problema:

Solución

¿Qué patrones seguir para esto? Propongo utilizar el siguiente patrón:

En CSS se documenta utilizando el siguiente estilo /* */, por lo que, no importa el número de cosas que existan después del primer /* lo que siga estará comentado o fuera de interpretación hasta que aparezca el cierre de comentario */

Entonces, ¿por qué no usar el número de * para indicar configuraciones, páginas o secciones dentro de páginas, sobre todo porque ya viene <section>.

/***

Para indicar configuraciones globales, tales como resets, adaptaciones globales de tipografía y estilos de etiquetas por clases

/**

Para indicar el comienzo de reglas de una página en específico, sin importar si esta página hace relación a un artículo individual, portada con múltiples elementos o secciones con múltiplces posts

/*

Para indicar la sección de una página.

Pero aquí no termina todo, no vamos a ir por la vida haciendo búsquedas mentales usando expresiones regulares en nuestros CSS’s, por lo que, usaremos los siguientes identificadores, posteriores al indicador de comienzo de comentario. ¡Agreguemos semántica! (o cuando menos seamos claros en lo que queremos hacer)

@reset:

Con el tipo de reset que se aplicó, solamente hará basta con identificar si fue completo y qué técnica se utilizó o bien, si fue parcial o fue tipo *. Por ejemplo:

/*** @reset: yahoo */

/*** @reset: meyer */

/*** @reset: partial */

/*** @reset: wildcard */

@settings:

Con el tipo de configuración que vamos a aplicar: globales, sólo en ciertas páginas o, alguna adaptación derivada de usar AJAX en nuestro sitio, etc.

/*** @settings: globals */

/*** @settings: ajax-classes */

/*** @settings: relatives/absolutes */

@page

Esta es una de las más importantes, se coloca cada que utilizamos CSS específico para una página, se coloca el nombre/identificador de esta.

/** @page: home */

/** @page: news */

/** @page: contact */

/** @page: faq */

@section

Otra de las más importantes, dado que es para indicar el comienzo de una zona en específico dentro de la página, es decir, una sección de html, tal como una galería o un slider.

/* @section: galería */

/* @section: slider */

/* @section: formulario */

@plugin

Esta última solamente se implementa cuando se utiliza un plugin externo, usualmente de jQuery u otra librería de Javascript o bien, algún “plugin” de CSS que se nos ocurra en un principio o incluso, el CSS que utilice un plugin de un lenguaje de servidor en específico.

/* @plugin: jquery.qtip */

/* @plugin: jquery.easyslider */

/* @plugin: wp-contact-form-7 */

Nota importante: solamente se marca el comienzo de la zona de CSS, no se marca el final, el final de la zona que se está realizando

Utilidad

Cualquier software de documentación puede parsear fácilmente el CSS y hace runa búsqueda por los 3 tipos de limitadores /***, /** y /* e identificar qué tipo de sección dentro de nuestro CSS existe: @reset, @settings, @page, @section y @plugin. El objetivo es que se pueda brincar de una sección a otra dentro de nuestro CSS, sin tener que hacer scroll buscando o recordar la línea desde donde comienza la utilidad de nuestro CSS.

Únete

Como lo comenté al principio, este es un borrador que contiene una propuesta para documentar los archivos CSS que realizamos de una forma estándar, organizada y entendible. No hay nada mejor que concretar y nutrir una idea que puede server a miles de personas. Eres libre de comentar y aportar el conocimiento necesario a este borrador  para que se concrete.

Divulga este artículo para que más personas involucradas con CSS conozcan la propuesta http://bit.ly/CSSdoc

Se presenta este artículo como la primera parte de un ensayo que cubrirá  los aspectos comunes entre teoría de sistemas y teoría de la comunicación con el objetivo de lograr una sinergia entre ambos campos con un enfoque a relaciones personales dentro de una sociedad y la comercialización de ideas en distintas escalas: redes sociales de intercambio sustentable.

Un sistema es un conjunto de elementos con funciones propias que forman parte de un todo, cada elemento puede funcionar por sí mismo, sin embargo, se necesita de todos los elementos para hacer que el sistema funcione. También, tiene como meta principal la integración interdisciplinaria de elementos para formar nuevos conceptos. Dentro de esta integración, se necesitan actividades que permitan un flujo de datos e información adecuado, con la menor pérdida posible; es por esto que, la integración de las áreas forma parte de la actividad de un sistema.

Dicho lo anterior, se intuye entonces que la estructura sistémica está presente en todos los ámbitos en los que  el hombre tiene una participación, ya sea directa o indirecta; se podría argumentar que basta con mirar al entorno para encontrar que incluso, los seres inanimados participan dentro de un sistema, esto es cierto, pero las relaciones sistémicas que surgen gracias a la interacción de los seres humanos, poseen características propias de seres vivos con un nivel de procesamiento de información superior al de los demás seres vivos, esto claro, sin juzgar la calidad de dichas características.

Dentro de estas características propias de las relaciones humanas, se encuentra la personalización de todos los elementos del ciclo comunicativo, en el cual, todos los elementos que interactúan en él, son sistemas independientes y sustentables; dicha personalización, pertenece al ámbito distintivo y único que cada entidad crea a la hora de interactuar en el flujo de información; ya sea para crear o replicar, el acto principal es compartir información sustentable. No es difícil vislumbrar el alcance de la retroalimentación que deriva en generación de nuevas ideas, partiendo desde el punto en que la sustentabilidad genere ganancias constantes proporcionales a la inversión realizada en tiempo y calidad.

Ahora bien, con esto queda explicado el campo base para la sinergia entre teoría de sistemas y comunicación, también se plantea la sustentabilidad como ingrediente clave para que exista una inversión provechosa. ¿En dónde interviene la comunicación entre 2 o más entes?, ¿en dónde se refleja provechosamente el concepto de red social de intercambio sustentable? Estas son 2 interrogantes que se resolverán en las siguientes entregas del presente ensayo.

Se habla en todos lados sobre la gente que cada vez se siente más atraída por el poder informativo de Internet, ya sea para consumir, para producir o para ambos. Es algo que se está viviendo y es parte de una revolución y una evolución que ya hacía falta.

Muchos años han pasado desde que la televisión se fincó y ofreció algo nuevo en aquella época ¿50 años, 60?, tal vez un poco más de tiempo, la popularización de este medio se dió de forma gradual en cierta forma. Posteriormente, se le vió como un excelente modelo de negocio, a comparación del radio, a través de este medio podían ofrecer imágenes en movimiento, yendo más allá del cartel.

Poco falta para que termine este decáda, pareciera increíble, ya casi es el 2010 y la televisión ofrece el mismo tipo de contenido, noticias atrasadas (hasta por 1 mes) y entretenimiento decadente y burdo que hace 10 años, en 1998. Por otro lado, la mitad de periódicos siguen conservando la misma línea amarillista, tendenciosa y en algunos casos desactualizados hasta por 2 días, aunque esto se ve con menos frecuencia. La radio, es uno de los medios tradicionales más diversos pero que, también en muchos casos se ha convertido en el blanco de la monopilización de lo absurdo y lo desagradable.

No todo es negro, existen muy buenas ideas en televisión que captan la atención por su originalidad y destreza, en periódicos también existen los periodistas de verdad y las noticias que hacen pensar, las que son imparciales, pocas son las verdaderas excepciones que realmente informan, realmente divierten y realmente hacen periodismo.

Es entonces cuando llega un medio interactivo, un medio dinámico (no porque ofrezca chispas centelleantes ni ranitas de colores brincando; cómo suelen confundir esto), un medio a través del cual la información llega de distintas mentes con distintos criterios y distintas opiniones, el Internet.

Sin ver a Internet como un medio omnipresente y omnipotente y sin darle un aire de divinidad, es una pauta que pone a pensar a muchas personas, sin distinción; sin embargo, también es el blanco de todas las críticas posibles, constructivas y destructivas, es controversial y amigo a la vez.

Existe un ámbito muy especial, que se ha visto en Internet prácticamente desde que nació: el periodismo. El hecho de dar noticias a los seguidores de la página o del webmaster, noticias que se referían más al sitio en sí que a la vida diaria. Los años pasaron y en muchos lugares se empezaron a mezclar las noticias de la vida cotidiana con las noticias del sitio hasta que, hace no mucho tiempo se organizaron y los periódicos en línea cobraron importancia tal que se llega a hablar sobre crisis a un futuro no muy lejano en los periódicos impresos, ¡cambio de modelo de negocio! ¿Otra vez?, si así estamos bien, pues no.

Sin hacer comparación, es fácil ver que existen pocas fuentes de información en el mundo impreso a comparación de las miles, por no decir millones de opiniones que existen en la red, ya no es cuestión sólo de informarse, sino de generar un criterio y expresarlo, nutrirlo y compartirlo, no dar por dar, sino dar por recibir sin esperar recibir.

La cuestión social de informar unilateralmente quedó atrás (es tan de los 90′s), ¿entonces en dónde queda la otra parte que quiera retroalimentar? pues aquí está, está presente, leyendo del otro lado del monitor, escribiendo a la vez un artículo, o publicando alguna fotografía en una red social o, simplemente, informando sobre un acontecimiento reciente justo segundos después de que haya sucedido. Es justo aquí donde sucede el neoperiodismo.

Ahora bien, en la proxémica existen muchas distancias que cambian de acuerdo a la zona geográfica o costumbres de las personas.

Existen 4 tipos de distancias, clasificados de acuerdo a su longitud: distancia íntima, personal, social y pública, cada una actúa de acuerdo a la situación en la que se encuentre la persona, algunas pueden reaccionar de forma violenta si se les invade su espacio personal, en cambio otras persoans se sentirán aceptadas y bajarán un poco la defensa, esto depende mucho en el ambiente en el que se hayan desenvuelto.

De proxémica casi no se habla nada y se vive todo el tiempo, es tan importante considerar este aspecto que puede desatar incluso guerras, incumplimiento de contratos o un desacuerdo en una junta importante, la invasión del espacio personal es tan grave como el insulto familiar en algunos casos.

Algo que se distingue claramente es que en las culturas americanas: mexicana, chilena, peruana, colombiana, argentina, guatemalteca… la proxémica es menor, los habitantes de esta zona geográfica se sienten más cómodos estando cerca de la otra persona, es una forma de sentir y dar afecto adecuada y común, el abrazar, besar, apapachar y dar palmadas en la espalda son considerados signos de amabilidad, aceptación, apoyo y solidaridad. Así mismo, al hablar, se disfruta más al hacerlo en persona, de frente, observar los gestos y ademanes del interlocutor.

¿Existe proxémica en las comunicaciones actuales? tal parece que no, la proxémica cada vez desaparece y pasa a ser una interpretación de las expresiones escritas en foros, IM, chats y SMS, ahí se esfuma y se tiende a interpretar qué es lo que se pretende decir con cada palabra, gesto o “palabras cortadas” que suelen usarse todavía en algunas lugares. En el caso de comunicación por voz o video, la proxémica cambia y, por lo menos la cercanía se simula y la sensación de contacto se crea en una esfera virtual.

¿Se habla entonces de proxémica virtual? podría ser, un nuevo concepto muy amplio y que se desarrollará con el tiempo, consistiría básicamente en cambiar las distancias de la proxémica tradicional por los medios electrónicos y las expresiones humanas implicadas, convirtiéndose entonces en interpretaciones cercanas basadas en experiencias similares o anteriores, sin embargo, debiera existir cuando menos, el primer contacto humano real para poder asegurar el grado de proxémica virtual existente.

En los demás seres vivos, principalmente los animales irracionales, el ambiente que los rodea por lo general es el mismo, es un ecosistema predeterminado como la selva, la pradera, el desierto, etc; sin embargo, en los seres humanos esto no sucede, los seres humanos viven, crecen y se desarrollan en grupos sociales, en distintas comunidades donde los factores que pueden modificar sus conductas más allá de su método de crianza, son el clima, las costumbres y los ideales sobre los que se basa un grupo social.

Todos los factores inherentes a comunidades humanas, se transmiten generación tras generación gracias a la comunicación, ya sea de manera directa e indirecta por los ascendientes a sus descendientes.

Entendiendo como cultura las actividades y formas de pensar humanas sin juzgar con un criterio moral, engloban a cualquier tipo de actividad, la cual se nutre con el paso de tiempo de acuerdo a los factores culturales que rodean a la misma cultura. A pesar de que se lea redundante, la cultura, es a su vez un factor individual, un factor comunitario y a su vez un factor intangible que se transmite.

De no ser por la comunicación, una sociedad desaparecería sin haber dejado rastro de su existencia, ya fuese una comunicación directa o indirecta, la cultura fue transmitida.

Ahora bien, ¿qué es lo que lleva a que una cultura se conserve como tal al paso de los años y que, por el contrario, existen otras que se modifican de tal manera que contienen elementos característicos de otros grupos humanos y que evolucionan? Esto se debe al proceso comunicativo por parte de los participantes involucrados, que han contribuido al ciclo, compartiendo conocimientos y costumbres; además, a esto se puede agregar que, dicho proceso de evolución no se complementaría si el grupo objetivo no absorbiera dichos elementos.

Por lo tanto, no es difícil concluir que, se requieren de dos partes que retroalimenten un mensaje, para que así el ciclo sea digno de conservarse y, dicha retroalimentación debe ser de valor para que genere una respuesta.

Conexión a Internet

El crecimiento de la demanda en la compra de artículos tecnológicos en México ha superado la espectativa de muchos analistas, día a día las personas necesitan adquirir estos productos para poder realizar las tareas cotidianas, desde tareas sencillas del colegio, entretenimiento en sitios de videos (aunque sea para ver la repetición del programa de talentos de moda) o bien, para comunicarse con parientes que viven en provincia más allá del correo electrónico.

Al adquirir un equipo, el Internet no viene en el paquete (algo lógico en estos momentos), por lo que, la gente necesita contratar un plan de Internet de banda ancha, porque de qué serviría el Internet de prepago del puesto de periódicos si, en la actualidad, no aguanta ni para descargar el correo electrónico diario.

Por lo tanto, la gente se ha animado a contratar planes de banda ancha que han superado las expectativas de la principal compañía proveedora en México: Telmex. La propaganda de esta esta compañía para promocionar sus servicios es intensiva y, ofrecen paquetes ‘todo incluído’ a un precio tentador si usan todos.

Según un reportaje en El Universal, la empresa tiene casi el 70% del mercado de banda ancha en el país, es de esperarse esta cifra dado que su modelo de negocio está basado en la venta de conexión a Internet con la condición de contar con una línea telefónica de la misma compañía, por lo que, la dependencia de la compañía para poseer banda ancha de manera inmediata es resaltable.

Así mismo, se puede apreciar que, la penetración de este servicio es importante, la labor que se está haciendo por la difusión de nuevas tecnologías en México es buena y, la aceptación por parte del público también lo es, sin embargo, se corre el riesgo de un uso inadecuado por la rápida penetración y, la no valoración de los nuevos servicios.

¿Qué se puede hacer entonces? prevenir a la medida que se actualiza el país, educar para un uso correcto de una tecnología tan simple que es Internet.

Cuando se comunica una idea entran en contacto disintos factores de manera recurrente y única, interactuando en un ambiente único e irrepetible mediante el cual se desenvuelve el mensaje a comunicar. Estos factores que rodean al mensaje son: el canal, el emisor, el receptor, el código, las barreras, el ruido y la retroalimentación.

La retroalimentación es fundamental en todo proceso comunicativo, tal vez tenga un grado de importancia mayor dado que, sin ella, el proceso comunicativo moriría. su nivel de influencia comparado con los demás elementos es prácticamente similar, es una participación en el proceso, pero tiene el plus de que depende de ella la continuidad en el ciclo comunicativo.

Comunicar no es sólo transmitir una idea, es una actividad que, al menos en los seres humanos, responde a preguntas, en sí a un patrón: ¿qué se comunica? + ¿con qué forma? + ¿de qué forma? + ¿a través de qué medio? + ¿hacia qué receptor? + ¿con qué objetivo?, este patrón a su vez está rodeado de un ambiente que puede o no determinar las consecuencias, este ambiente es mejor conocido como el contexto, el cual muchas veces no se toma en cuenta.

Comunicar implica entrar en contacto para obtener y brindar información, compartir para continuar un camino.