gEEK tHE pLANET

Esta información es casi un copy-paste, como la mayoría de la información que circula por la web, lo importante es el premio, aunque yo nunca he estado de acuerdo con este tipo de concursos, donde uno no sabe cuales son los parámetros que usan para elegir los ganadores, siempre terminan ganando unos sitios que ni idea del porque, nadie los conoce y el contenido no siempre es el mejor pero bueno, esta es solo mi opinion. Este Concurso lo realiza el Ministerio de Cultura de Colombia, así que como es obvio, es solo para Colombianos y por lo que veo sólo para bogotanos :-s.

Con este Premio el Ministerio de Cultura de Colombia busca reconocer e incentivar la creatividad de las personas, entidades, organizaciones y colectivos comunitarios que aporten a la construcción de comunidades virtuales, den cuenta de los procesos culturales y difundan las manifestaciones artísticas colombianas a través de sitios Web y medios de comunicación electrónicos (revistas, periódicos, emisoras, programas, blogs y comunidades virtuales), en cuya esencia se refleje la diversidad cultural del país mediante la incorporación de nuevas tecnologías de la información y la comunicación.

El sitio Web y/o medio de comunicación electrónico debe tener como objetivo la creación de contenidos culturales y el fomento de la cultura en la red, y debe cumplir con los siguientes requisitos:

• Su contenido debe apuntar hacia el conjunto de expresiones culturales colombianas.
• No podrá estar en construcción.
• Debe acreditar como mínimo un (1) año de antigüedad en la red.
• Los contenidos deberán ser actualizados periódicamente. Como mínimo se deben actualizar una (1) vez al mes.
• El acceso al sitio Web y/o medio de comunicación electrónico debe ser fácil y rápido.

[Leer mas]

Bueno, este post es más que obligado, para nadie son extraños los problemas que nos pone este navegador; para los que diseñamos webs, es todo un dolor de cabeza, ya que maneja unos estandares diferentes al del restro de los navegadores, por lo general para librarnos de estos problemas lo que hacemos es diseñar para los otros navegadores y luego crear un style exclusivo con los fix para cada una de las versiones del navegador ie y las incluimos a modo de comentarios

El problema general era tener instalado en nuestro pc, cada una de las versiones de este navegador, gracias a Anieto2k me he enterado de esta grandiosa noticia, que él mismo ha visto en el blog de Eduardo Sanchez.

Se trata nada más y nada menos de una herramienta para testear nuestras webs con algunas de las versiones de ie y en en una sola aplicación, se llama IETester 0.2 y aunque esta en su fase alfa, nos permite visualizar una misma página en las diferentes versiones del internet explorer (IE5.5, IE6, IE7, IE8 Beta1).

La compañia encargada de este desarrollo ya es conocida por sus anteriores aplicaciones, DebugBar y Companion.js.

Los unicos requerimientos de la aplicación, es tener windows XP o windows vista.

Leer Más: IETester
Descargar: IETester v0.2

Después de ver funcionando Wordpress 2.5 y algunas otras aplicacioncitas, me entregaron unas tremendas ganas de aprender AJAX, como siempre me da pereza empezar a descargar cientos de tutoriales de los que poco aprendo, asi que me di a la tarea de buscar algún WYSIWYG que me permitiera aprender más facilmente y pues como que estoy de suerte porque lo encontré.

Para trabajar con Wavemaker no hay necesidad de ser un experto, programador, esta aplicación provee las herramientas necesarias para crear rapidamente sofisticadas aplicaciones DOJO, todo el toolkit funciona con Drag and Drop, gracias a esto es muy fácil crear aplicaciones que contienen Dojo grid, Dijit based forms, Google Gadgets.

La herramienta está pensada para usuarios finales, sin embargo los desarrolladores expertos también encontrarán beneficios al interactuar con una herramienta visual y al mismo tiempo con el código.

Como pueden ver en la siguiente imagen el funcionamiento es demasiado sencillo, permite trabajar con CSS, (X)HTML, Javascript y Java para el funcionamiento de aplicaciones mas complejas como WebServices, la comunicación con un sistema de gestion de base de datos es tan sencillo como simplemente ingresar el nombre de usuario, el password y el nombre de la base de datos.

Leer Más: WaveMaker
Download: WaveMaker

Bueno, continuare hablando un poco más acerca de los CSS Frameworks, hablaré en un principio sobre Global Reset y por último mostraré un par de Frameworks CSS ya desarrollados.

Como hablaba en el post anterior, el Global Reset es necesario para para que nuestro sitio web luzca de alguna manera parecida en varios navegadores, ya que por defecto los navegadores vienen con valores diferentes para la margin, el padding, el line-height, etc. El Global Reset se asegura que en un principio tengamos las mismas reglas de juego para empezar a diseñar.

Personalmente me gusta usar el CSS Reset Reloaded de Eric Meyer:

Sin embargo existen muchos otros:

• Yahoo! UI Library: Reset CSS
• CSS Global Styles Reset by Kyle Neath
• CSS Global Reset by Christian Montoya
• CSS Global Reset by Mike Rundle
• Master Stylesheet

[Leer mas]

Sonará muy extraño esto de CSS frameworks, pero creo que es el nombre mas adecuado, según la definición de Wikipedia:

En el desarrollo de software, un framework es una estructura de soporte definida en la cual otro proyecto de software puede ser organizado y desarrollado. Típicamente, un framework puede incluir soporte de programas, bibliotecas y un lenguaje interpretado entre otros software para ayudar a desarrollar y unir los diferentes componentes de un proyecto.

Apenas me dí cuenta esta que también podiamos tener frameworks para CSS, es curioso porque yo ya venia utilizando esto de alguna manera en mi proyecto actual (el theme de este blog), lo que estaba haciendo era simplemente separar el style.css en 2 partes, una parte que contenia las reglas generales, el layout, las reglas tipográficas y las reglas para los forms, la otra parte contenia los colores e imagenes, con esto lo que esta haciendo era dejar el Style.css intacto y cada vez que quisiera tener un nuevo diseño basado en la misma estructura, simplemente creaba una nueva hoja de estilo en la que modificada un par de líneas de CSS y ya.

Rebujando en unas de las páginas con mas recusos que conozco, me encontré con un post que me dejo mal parado porque ya lo habian descubierto primero que yo :S, y pues me puse a ver y era algo lógico que debí haber hecho hacia muchisimo tiempo, cada vez que inicio un nuevo proyecto toca iniciar con una hoja de estilos en blanco (lo que no es muy alentador) y empezar a repetir muchas líneas que antes también me habia tocado digitar.

Al grano, no es necesario ser grandes expertos para crear nuestros propios CSS Frameworks, es tan simple como aplicar un poco de lo que yo hice y un poco más de habilidad, podemos en vez de tener 1 hoja de estilos con n-mil líneas de código, tener varias divididas así por ejemplo:

• reset.css: Estoy segurisimo que muchos no saben que es necesario tener esto del reset, es fundamental para que nuestro sitio web luzca de alguna manera parecido en varios navegadores. Por defecto los navegadores vienen con valores diferentes para la margin, el padding, el line-height, etc, por esta razón es necesario un Reset Global.
• general.css: Algunas normas generales.
• layout.css o grid.css: Reglas para los layouts.
• form.css: Para el estilo de nuestro formularios.
• ie.css: Donde indicaria los cambios que son necesarios para este problematico "navegador".

Este es un pequeño ejemplo de como podria crear su propio framewok, sin embargo puede ir mucho mas allá y crear muchas otras hojas de estilo, por ejemplo una print, una para dispositivos móviles, entre otras.
[Leer mas]