Sitios web para construir, limpiar y comprimir archivos CSS

En speckyboy han publicado una excelente lista de sitios web que podemos usar para crear o limpiar archivos de estilo (css). Ideal para diseñadores organizados y para documentar el código de alguna aplicación existente.

1 – flumpCakes Online CSS Optimiser/Optimizer
2 – Styleneat ”“ CSS Organizer
3 – Clean CSS ”“ Optmize and Format your CSS
4 – CSS Compressor ”“ Online Code Compressor
5 – Code Beautifier ”“ CSS Formatter and Optimiser
6 – CSS SuperScrub
7 – Online CSS Optimiser
8 – CSS Compressor ”“ CSS Drive
9 – CSS Analyser
10 – CSS Redundancy Checker
11 – CSS Code Formatter and Optimizer ”“ CSS Portal

Si conocéis alguna otra opción, soy todo oí­dos.

Google ofrece herramientas de programación en Javascript

closure_tool_logoCon el nombre Closure Tools, Google está ofreciendo una serie de herramientas que pueden ayudar a los programadores a hacer maravillas con Javascript.

La primera de las herramientas es Closure Compiler, un paquete que nos permite reducir el tamaño del nombre de las funciones, transformando, por ejemplo DisplayAddress() en a(). Google Page Speed ayudará a saber cuánto hemos ganado en velocidad.

Closure Inspector es una extensión del famoso Firebug, de Firefox, que servirá para encontrar errores en los códigos.

Closure Library, por otro lado, tendrá una colección de funciones en Javascript listas para ser usadas, ayúdandonos a ahorrar tiempo.

Por último, Closure Templates, con Javascript y HTML preparado para ayudar en la creación rápida de interficies para usuarios.

Más información en el blog de Google Code

Herramientas para programar aplicaciones para iPhone

iphone

En ReadWriteWeb han publicado una excelente colección de herramientas que podemos usar para desarrollar aplicaciones para iPhone, lo que, desde el punto de vista de muchos (incluí­do el mí­o), puede ser una actividad muy lucrativa.

Aquí­ os dejo la lista, en el artí­culo original y en el sitio de cada producto podréis ver descripciones más detalladas para los interesados.

1 – swebapps.com: Para crear botones y menús, sin necesidad de saber programar.
2 – app incubator: Para enviar ideas y esperar que el equipo de Apple las desarrolle si son buenas.
3 – kanchoo: Para mostrar contenido en un iPhone.
4 – appBreeder: Para crear páginas con gadgets, menús y botones.
5 – myappbuilder: Para crear tiendas y aplicaciones integradas con otros servicios web.
6 – buildanapp: Otra opción para crear páginas con contenido para clientes.
7 – ebookAppMaker: Para crear aplicaciones que lean ebooks.
8 – gamesalad: Para crear juegos.
9 – Mobile Roadie: Crea aplicaciones con fotos, música, ví­deos..
10 – MobBase: Para bandas musicales que quieran promocionarse via iPhone.
11 – Rhomobile: Para quien sabe programar (HTML y Ruby), se puede hacer de todo.
12 – PhoneGap: Para quien sabe HTML y Java.
13 – RedLaser: Para leer códigos de barra

QuickDiff – encuentra diferencias entre dos textos

QuickDiff es una aplicación web sencilla pero que en ocasiones resulta ser bastante útil, ésta consiste en encontrar rápidamente la diferencia entre dos textos.

Su utilización es simple ya que sólo cuenta con dos cajas de texto en donde se insertan los textos a comparar y un botón que sirve para iniciar la comparación. Inmediatamente el site responderá con los resultados resaltando el lugar en el que el texto cambia.

snapper1254998941908

Cabe mencionar que este tipo de utilidades son de gran utilidad especialmente para programadores ya que es muy común lidiar con códigos similares o versiones diferentes.

Para versión de escritorio yo uso el famoso PsPad, que también me permite editar código de servidores remotos.

TechVideoBytes – Ví­deos de tecnologí­a, programación y diseño

videos

TechVideoBytes es un sitio que se encarga de recopilar los mejores ví­deos relacionados con el mundo de la tecnologí­a.

Podéis navegar entre las diferentes etiquetas usadas para clasificarlos con posibilidad de compartirlos en varias redes sociales.

Aunque prácticamente todos estén en inglés, es un buen recurso para no perderse ruedas de prensa, tutoriales, presentaciones y muchos más ví­deos que han hecho historia en Internet.

Ví­a momb

Aplicaciones Adobe Air para quien trabaja con Creación de sitios web

Una vez más en webresourcesdepot nos muestran una excelente lista de aplicaciones. En este caso tenemos 15 utilidades en Adobe Air que pueden ser de gran utilidad para quienes trabajan con diseño web, SEO o programación de sitios.

1 – ColrFul: Busca en flickr por colores e imágenes relacionadas.
colrful

2 – Polaris: Cliente de google Analytics para ver los datos de hasta una web en la versión gratuita.
polaris

Continúa leyendo «Aplicaciones Adobe Air para quien trabaja con Creación de sitios web»

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.