LESS – Aumenta el poder de CSS

LESS - Leaner CSSAunque no me dedico al diseño web sí­ soy un reconocido fan de la técnica CSS a la hora de diseñar páginas. Cuesta un poco acostumbrarse después de tantos años peleándose con tables, td, tr y demás, pero el resultado vale la pena: flexible, limpio y dócil ante cualquier futura modificación.

El caso es que ayer un amigo me habló de LESS y de la posibilidad de aumentar el poder de las técnicas CSS usando variables, por ejemplo.

variables

También podemos organizar las reglas dentro de una misma entidad, dejando el código más limpio y sencillo de entender.

reglas

O incluso añadir operaciones matemáticas para facilitar el diseño geométrico del proyecto.

operaciones

Podéis programar la hoja de estilos en LESS y, al finalizar, compilar el código para que se genere el archivo CSS de toda la vida. Tenéis toda la documentación necesaria en https://lesscss.org

Herramientas web para programadores

Aquí­ os dejo hoy una lista de herramientas que los programadores podéis usar cuando no tengáis otro editor a mano o necesitéis de ayuda extra para trabajar. Aunque en la categorí­a de Sólo programadores hay muchí­simas más herramientas, éstas son de las más votadas en delicious.

1 – TextSnip

textsnip

Para compartir y dar formato a pedazos de código en varios lenguajes de programación. Genera direcciones fáciles de recordar con los códigos que previamente hayáis recomendado.

2 – CodeFetch

codefetch

Permite encontrar códigos publicados en diversos libros de programación. Ideal para aquéllos que lo están leyendo y no tienen un CD con el contenido del código incluido.

3 – Snipt

Snipt

Aquí­ podremos ir guardando aquellos trozos de código que utilicemos muy a menudo y que siempre nos viene bien tener a mano.

4 – MonkeyTex

monkey

Editor web de LaTex donde podéis crear y guardar vuestros documentos al mismo tiempo que le dais formato.

5 – FixMyHTML

fix-my-html

Arregla los códigos HTML que no fueron ordenados en su momento, dando espacios y separando por lí­neas cada uno de los elementos.

6 – StyleNeat

styleneat-css-organizer

Organiza los archivos CSS. Podéis copiar y pegar cualquier código o indicar cualquier archivo .css para obtener un resultado más limpio y fácil de leer.

7 – Ecoder

ecoder-home

Un editor bastante completo para programar directamente en la web. Incluye la posibilidad de organizar los archivos y permite a varias personas trabajar en los mismos proyectos al mismo tiempo.

8 – Codeplex

codeplex-open-source-project-hosting

Para hospedar proyectos openSource. De Microsoft.

Si conocéis alguno más de estas caracterí­sticas, comentadlo, por favor.

Gracias Carlos por la lista y las capturas.

Aplicaciones web de código abierto para gestión de proyectos

Haya o no haya crisis toda empresa que desarrolle proyectos necesita de un programa que permita gestionar los plazos y tareas de cada uno de ellos, mejorando la comunicación entre los miembros del equipo. Si ese programa es gratuito y puede ser adaptado a las necesidades particulares de cada uno, mejor que mejor.

De esta forma os dejo una lista de aplicaciones open source, muchas ya comentadas en la categorí­a de aplicaciones de código libre.

Codendi

Codendi es una plataforma colaborativa creada por Xerox. Especialmente pensada para equipos de desarrollo de software, contiene control de versiones de código, gestión de errores y documentación, tests y control de todo el proceso desde que nace la idea hasta que se lanza el programa.

Redmine

Redmine es un proyecto bastante flexible escrito en Ruby on Rails. Incluye calendario y herramienta para crear diagramas de Gantt, mostrando las metas de cada fase del proyecto.

Trac

Trac permite gestionar proyectos y relatar errores. Con control de revisiones y contenido colaborativo en forma de Wiki, también sirve como interficie web para sistemas de control de versiones como Subversion, Git, Mercurial, Bazaar y Darcs.

eGroupWare

eGroupWare está pensado para empresas de cualquier tamaño. Su principal función es permitir a los usuarios gestionar contactos, citas, proyectos y listas de tareas.

KForge

KForge permite la gestión de diferentes versiones del código de las aplicaciones desarrolladas, de documentación y de gestión del conocimiento. Podéis ver una demostración de su funcionamiento en demo.kforgeproject.com.

Mantis

Mi preferida. Disponible en varios idiomas y con una tremenda capacidad para configurarse sin necesidad de tener conocimientos de programación. Permite la gestión de tareas de proyectos, aunque inicialmente está pensado como bug tracking (gestión y documentación de errores).

Actualización:

Aquí­ os dejo otra opción que olvidé en la lista anterior y que usé mucho durante varios años: dotproject.net, con una estética algo pobre pero muy eficaz a la hora de mostrar gráficos de Gantt con las tareas de cada proyecto.

MoonMoon – Crea una página con el contenido de varios feeds

moonmoonMoonmoon es un programa bastante sencillo, escrito en PHP, que permite importar noticias en formato RSS para mostrarlas en una misma página.

Muy parecido a planetplanet (que requiere Python) y con un área de administración bastante intuitiva que permite activar o desactivar las direcciones RSS fuentes de la noticia.

Los resultados se guardan en archivos, nada de base de datos, sólo php en su versión 5. Podéis ver una demostración en moonmoon.org/demo.

Gracias a Vanderlei Feyth por el enlace.

Notable – Recoge opiniones sobre cualquier página web

notable
Leo en momb sobre Notable y pido una invitación que, Bryan, uno de los fundadores del sistema, me enví­a para que pueda contaros lo que hay por dentro.

Después de seleccionar la cuenta gratuita e instalar la extensión de Firefox que me permitirá capturar las diferentes páginas que quiero analizar, tengo la posibilidad de crear notas sobre cada elemento visualizado.

publicidad

En la imagen podéis ver el proceso de creación de una nota sobre la captura de la página principal de wwwhatsnew.com, donde me autoconsejo alinear más la publicidad de PortalProgramas. Puedo crear tantas notas como quiera sobre la captura de la página en cuestión, exportando el resultado en PDF para enviarlo a quien lo necesite.

Lo que me ha gustado más aún es que ofrece también la posibilidad de comentar sobre el código fuente de la página o sobre el texto incluido en ella, permitiendo crear documentos con notas para el diseñador, el programador o el escritor de la página en cuestión.

codigo

El resultado, además de poder ser exportado en PDF, podéis compartirlo en la misma aplicación con otras personas, estando la versión gratuita limitada a un panel de trabajo con un equipo de tres personas colaborando en el mismo.

Moogo – Creando sites sin saber programar

moogo

Moogo era una aplicación que permite a los usuarios crear facilmente páginas web sin tener muchos conocimientos de programación.

Con un sistema propio de gestión del contenido del site creado, es ideal para pequeñas empresas, clubes y páginas personales.

Con más de 50.000 sites creados en más de 100 paí­ses diferentes os permite navegar entre la galerí­a de algunos de los casos de éxito.

Con varias opciones de diseño y encabezados podéis tener vuestra propia web con derecho a poner en ella publicidad, en caso de desearlo. La opción de dominio propio no está incluida en el pack gratuito.

En fin, una opción más entre las muchas existentes en la categorí­a de Creación de Webs.

fuente: StartupMeme

PasteQuestion – Preguntas y respuestas para programadores

phpPasteQuestion es un proyecto especialmente pensado para eliminar dudas a la comunidad de programadores.

Las preguntas pueden incluirse de forma sencilla, obteniendo respuestas que respetarán el formato especial de los lenguajes de programación.

respuestas

Las respuestas dadas a las dudas mostradas pueden ser votadas por la comunidad de usuarios, pudiendo ser encontradas por palabras clave o filtradas por lenguaje de programación.

fuente: maestroalberto

CodeRun – Un entorno de desarrollo online

imagen-15Si sois programadores y os gusta hacerlo desde cualquier sitio os va a encantar esta aplicación web.

Se trata de CodeRun, un entorno de desarrollo o IDE el cual podemos acceder desde cualquier navegador web. Su aspecto es muy parecido a uno de los IDE más usados y versátiles como es Eclipse y funciona de una forma muy similar.

Dispone de soporte para varios lenguajes de programación, como ASP.net, PHP, ajax e incluso para iPhone y aplicaciones para Facebook. Todo el código se puede compartir con el resto de usuarios así­ como utilizar el que el resto tenga compartido.

run

También tendremos a nuestra disposición la posibilidad de tener un repositorio SVN donde subir el código y así­ tener controladas todas las versiones que hagamos de nuestros proyectos.

El servicio es gratuito, tan solo tenemos que registrarnos para utilizar todas sus funcionalidades y aunque aún hay muchas coas que mejorar es una aplicación de gran utilidad.

Dolphin – Crea tu propia red social

dolphinExisten muchas redes sociales y cada dí­a más, pero seguro que te gustarí­a crear la tuya propia. Pues ya existe un CMS o gestor de contenidos que te facilitará la tarea.

Se trata de Dolphin, creada por la empresa Boonex, y es un sistema desarrollado en php. Como base de datos usa la famosa y gratuita mySql. Todo está hecho sobre código abierto, libre y gratuito, bajo licencia GPL.

De todas formas, aunque sea libre y gratuita la herramienta, necesitamos tener una licencia. Hay de dos tipos, o bien la gratuita pero soportando publicidad de la empresa creadora, o bien pagarla y tenerla, ahora sí­, totalmente libre.

dolphin2

La instalación se hace de forma similar a cualquier herramienta de este estilo, lo subimos mediante ftp a nuestro hosting, damos los permisos necesarios y a andar. Ya podremos administrar con ella todo lo tí­pico de una red social, como compartir fotografí­as, administración de los usuarios, videos, mensajes privados, etc.

websequencediagrams – Generador de diagramas de secuencia UML

UML Generator
Los que hemos trabajado alguna vez con diagramas UML en especificación de proyectos sabemos que son de lo más útil en el mundo académico (antes de enfrentar la vida real). Hay una infinidad de programas que permiten dibujar las cajitas con los flujos correspondientes a los diagramas de la especificación, pero ninguno como Web Sequence Diagrams.

En esta aplicación tendréis que escribir, con texto, el proceso que queréis representar, obteniendo el diagrama después de haberlo interpretado.

Aunque personalmente prefiero dibujar no cabe duda que la idea es original.