Lorem Ipsum

3 01 2008

“Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse ut metus. Proin venenatis turpis sit amet ante consequat semper. Aenean nunc. Duis iaculis odio id lectus. Integer dapibus justo vitae elit. Nunc luctus, tortor quis iaculis tempus, urna odio iaculis erat, imperdiet lobortis orci lectus at eros. Ut a velit id odio malesuada nonummy. Aenean cursus metus a purus. Duis dapibus odio a enim. Aliquam ut diam sed nisl imperdiet gravida. Proin eget tellus ut ante dignissim dictum. Integer ut justo quis eros feugiat convallis. Praesent massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla egestas, nibh at malesuada nonummy, mi augue condimentum velit, a facilisis tortor ipsum non diam.”

Esta famosa frase que a mas de uno ha intrigado es el texto que se usa habitualmente en diseño gráfico en demostraciones de tipografías o de borradores de diseño para probar el diseño visual antes de insertar el texto final. Su significado despierta curiosidad, y se trata de una serie de fragmentos de ciertas obras literias de Cicerón.

El sitio oficial y de donde se puede descargar el texto esta en http://www.lipsum.com





Top 10: mis sitios favoritos de junio

23 07 2007

Deberan perdonar el retraso de esta lista, pero he estado bastante ocupado en la publicación de otros artículos. Sin embargo aquí les dejo el listado de los sitios que he encontrado en la red, este pasado mes de junio.

Artículos Relacionados





Guía para la Administración de Proyectos

17 07 2007

Los freelances son excelentes colaboradores a la hora de desarrollar proyectos; en asignaciones que tomen menos de un día en completar. Pero muchos (no todos), son notoriamente malos a la hora de hacerse cargo de un proyecto de varios días o con un mayor nivel de complejidad.

Nosotros no somos muy buenos en la dirección de proyectos – y parte del problema puede ser que no tenemos un jefe que nos este presionando.

Otro problema podría radicar en que proyectos grandes pueden generar un sentimiento de intimidación y es sencillo hacer un trabajo rápido, trabajando lentamente en un proyecto que dure un par de semanas. Y un tercer problema es que generalmente, no tenemos una visión clara de como debe quedar el proyecto una vez finalizado.

The Blog

El Proceso de Administración de Proyectos:

  1. Definir claramente los resultados: Antes de iniciar un proyecto, se deberá trabajar con el cliente en obtener una imágen clara de los resultados que se pretenden alcanzar al realizar el proyecto. Aunque, a menudo, el cliente no tendrá una concepción clara de los resultados que quiere lograr. Pero, el descuidar este aspecto, puede llevarnos a retrasos y frustaciones. Nos podemos comunicar através de teléfono, correo electrónico o en persona. Cualquiera que sea el medio de comunicación que utilicemos, nos deberemos de asegurar de responder a las preguntas y clarificar lo que el cliente quiere, hacer sugerencias, y obtener una imágen clara que muestre como el proyecto se verá una véz concluído. Una véz realizado este proceso y tengamos una buena idea sobre los resultados, deberemos revisar con el cliente dichos puntos para llegar a un acuerdo. Una vez concluida la negociación, ya tendremos un objetivo claro para iniciar el proyecto.
  2. Estableciendo procesos: Una vez que tengamos claramente definidos los resultados del proyecto, debemos hablar con el cliente acerca de los procesos que se llevarán a cabo – como trabajaremos con él en la administración del proyecto. Si es un proyecto sencillo que duré menos de un día, este paso no es necesario. Pero, un proyecto de larga duración requerirá algún tipo de tiempo de desarrollo y definiciones en cuanto a procesos de comunicación. La definición de un tiempo de desarrollo es importante, pero, estos tienen la tendencia a no ser seguidos después de una semana o dos. Por ello, deberíamos establecer un tiempo de desarrollo flexible.
  3. Preste atención al siguiente paso: Una vez que se tenga establecido un proceso paso-a-paso con fechas de finalización para cada uno dentro del proyecto, hable con el cliente e indiquele que usted quiere poner atención a un paso a la vez, dentro del proyecto. Ahora, indiquele sobre los requisitos necesarios para llevar el proyecto al siguiente nivel (ó en este caso, el primer paso), y establezca una fecha límite de finalización y presentación de dicho proceso. No nos deberíamos de preocupar sobre los subsiguientes pasos, para terminar el proyecto; y esto hará que eliminemos el sentimiento de intimidación que nos pueda generar el proyecto. Asegurese que un paso, pueda ser completado en menos de un día. De una a tres horas es lo recomendable. Si un proceso durá más de un día, dividalo en varios pasos menores.
  4. Envie avances a su cliente: Una vez completado el primer paso, envíele una avance a su cliente dentro del plazo establecido. Esto le dará una buena impresión al cliente sobre nuestro trabajo. Si el cliente no sabe nada acerca del proyecto durante su fase de desarrollo, no sabrá los avances realizados.
  5. Comuníquese: Otra razón para enviar el reporte de avances al cliente es que podemos obtener retroalimentación y modificar ó ajustar algunas partes del proyecto. Esto puede hacer que el proyecto se alergue, pero al final entregaremos un mejor proyecto y el cliente, seguramente, estará muy satisfecho por nuestro desempeño.
  6. Ponga atención en el siguiente paso: luego que le hemos enviado al cliente, el reporte del primer aspecto realizado y hemos recibido sus impresiones, podemos pensar en el siguiente paso; siempre recordando ir un paso a la vez, y dividir los procesos en tareas de 1 a 3 horas (y no más de un día). Cuando todo este concluido, envie un correo al cliente para que el revise los avances.
  7. Repita el esquema hasta completar el proyecto: Ahora, recuerde que la idea es que vayamos un paso a la vez, establezcamos fechas para terminar cada proceso y que enviemos un reporte al cliente por cada paso completado. Esto nos ayudará a realizar un mejor trabajo, y sin ayuda de algún jefe o supervisor.

Mis agradecimientos especiales al grupo de desarrolladores y editores de la revista Freelance Switch por su apoyo en la traducción de este documento que sin duda es de gran beneficio para todos los desarrolladores. Para una revisión adicional, puede ver el artículo original en inglés: A Guide to Simple Project Management





Herramientas para Programadores

17 07 2007

Todo buen codigo fuente, documentado y legible es importante en proyectos de colaboración. Lógicamente estructurado, bien organizado y formateado, el código es fácilmente mantenido y corregido, ayudando a ahorrar tiempo. Estos aspectos son particularmente imporantes, si nuestro código es parte de un proyecto en grupo. En este contexto, un esquema común en la presentación del código fuente es importante. Pero, no todo debe hacerse a mano, y de hecho, existen bastantes herramientas que nos pueden ayudar a ahorar tiempo.

Las herramientas presentadas a continuación son validadores de código, y algunas de ellas también eliminan automáticamente redundacias. Al utlizarlas, nunca olvide hacer una copia de seguridad que pueda ser restaurada en cualquier momento 🙂

  • Quick Highlighter: puede formatear código escrito en más de 85 lenguajes distintos como C++, PHP, Ruby, HTML, JavaScript, Perl, Python, Smarty, XML, etc.
  • Pretty Printer: También da formato a código en diferentes lenguajes y ofrece características adicionales.
  • PHP Code Beautifier: Formatea código en lenguaje PHP, aplicando estándares de programación de PEAR.
  • Ruby Code Beautifier: Acepta una lista de archivos a incluir, crea una copia de seguridad del original, e imprime los mensajes de error derivados de problemas de indendación.
  • Tabifier: permite indendar codigo en C, HTML y CSS.
  • CSS Beautifier
  • CSS Formatierer und Optimierer: tiene diferentes capas de análisis en donde se puede ordenar selectores, propiedades, reagrupar selectores, comprimir colores, comprimir tamaños de fuentes, descartar propiedades inválidas.
  • Highlight.js: permite dar formato a código en blogs, foros y páginas web. En bastante sencillo de implementar, por que actúa automáticamente. Está disponible como Plugin para WordPress y como extensión de Firefox. Soporta lenguajes como Python, Ruby, Perl, PHP, HTML, CSS, Django, JavaScript, VBScript, Delphi, Java, C++, SQL, etc. Otra herramienta similiar es: Googles Javascript Code Prettifier.
  • Code Beautifier Plus: formatea código en Java, C# y ActionScript.
  • PHP Formatter
  • PHP Beautifier: Una buena herramienta, propia para ser ejecutada en el servidor.
  • Online Beautifier for JavaScript
  • Lorins simple code beautifier for C++, C#, Java and JavaScript
  • Tidy: consiste en una serie de varias librerías especializadas en validación, principalmente

También podemos mencionar soluciones comerciales como SourceFormatX Source Code Formatter & Beautifier que es una aplicación nativa para Windows y Polystyle que es una excelente herramienta que permite formatear texto según nuestro propio estilo de programación. Es decir que aprende a identificar nuestra manera de programar y formatea código subsiguiente.

Este artículo es una traducción autorizada del original en inglés, publicado por la revista Smashing Magazine. Puede leer el artículo en inglés: Time-Savers: Code Beautifier And Formatter desde su ubicación original.

Artículos Relacionados





Menu de Navegación con CSS y XHTML

4 07 2007

Una buena política de codificación de páginas que usen CSS y XHTML es importante para los motores de búsqueda y la accesibilidad. Aquí está, en un documento traducido del original: Site Navigation in CSS y HTML, el punto de vista de un buen amigo mío, aunque, en palabras de él mismo, siempre está dispuesto a escuchar otras opiniones. También, si no se está interesado en la explicación, puede verse la demo directamente o descargar el código funte, desde su sitio web.

El lenguaje HTML, actualmente, no tiene ninguna sintáxis de navegación semántica. HTML 5 está proponiendo “navegar” con significado. Pero, actualmente, como diseñadores no contamos con estas herramientas y debemos trabajar con lo que esté a mano. El método propuesto aquí a resultado funcionar muy bien, tiene un buen rendimiento y sencillo de interpretar para los motores de búsqueda.

Utilizando elementos comunes

Para entender bien este punto, debemos recordar que existen elementos para definir las cabeceras de un documento. Me refiero a las etiquetas H1 … H6, que son utilizadas para definir titulos. Algunos sitios, utilizan imágenes con el logotipo del proyecto, sitio o compañía para indicar al navegante que presionando sobre el mismo, regresará a la página de inicio. De parte de los programadores, tenemos el uso de listas para la creación del menú de navegación. Este es un buen método, recomendado por muchos expertos.

<div id = "header">
    <h1>
        <a href = "/" title = "Return to the Home Page">Your Company
                                                        Name </a>
    </h1>
    <ul>
        <li><a href = "/">Home</a></li>
        <li><a href = "/about-us">About Us</a></li>
        <li><a href = "/services">Services</a></li>
        <li><a href = "/portfolio">Portfolio</a></li>
        <li><a href = "/contact">Contact</a></li>
    </ul>
</div>

Con simplemente, copiar el código anterior, no puede apreciarse realmente el potencial del uso de listas para dibujar el menú de navegación. El codigo así, solamente es útil para el motor de búsqueda. Ahora, con CSS podremos apreciar como cambia la apariencia:

#header {
    width: 760px;
    float: left;
    background-color: #000;
}
#header h1 {
    float: left;
    font-size: 1em;
    text-indent:-9999px;
}
#header h1 a {
    width: 150px;
    height: 75px;
    background: #000 url(../images/logo.png) top left no-repeat;
    float: left;
    text-decoration: none;
}
#header ul {
    float: right;
    list-style: none;
}
#header li {
    margin-right: 0.1875em;
    display: inline;
    float: left;
    text-align: center;
    font-size: 1.6em;
}
#header li a {
    display: block;
    padding: 0em 0.625em 0.3125em 0.625em;
    color: #000;
    background-color: #ccc;
    text-decoration: none;
}
#header li a:hover {
    background-color: #fff;

    color: #000;
}

El comportamiento predeterminado de los elementos de una lista, es dibujarse hacia abajo, pero con el atributo float: left hará que todos se dibujen horizontalmente.





Top 10: mis sitios favoritos de mayo

2 07 2007

Como si nada, hemos terminado el mes de Mayo. En muchos países de América L átina, el mes de mayo representa el mes de celebración para nuestras madres. Y aquí, en Dot Press, el mes de mayo termina con un nuevo listado de los mejores sitios de Internet:

Artículos Relacionados





Top 10: mis sitios favoritos de abril

7 05 2007

Al igual que la lista pasada, donde comenté acerca de los mejores sitios que había encontrado en la red, en el mes de marzo, nuevamente realizo esta lista, ahora con mis stios favoritos de abril. En este artículo, nuevamente incluyo vínculos de diversas áreas:

Artículos Relacionados