04 de
Diciembre de
2007,
a las 22:28
Tags: desarrollo web, diseño web, herramientas, linux, mac osx, programación, windowsEste “post” me sirve de repaso y recordatorio de mis herramientas más o menos habituales de desarrollo web. Mi trabajo habitual es con PHP en el servidor y los típicos HTML, CSS y JavaScript en el navegador. También suelo utilizar Python en el servidor para tareas programadas (cron) y otros desarrollos.
Todas estas herramientas son libres (o al menos, gratuitas) y multiplataforma: de hecho trabajo indistintamente en equipos con Windows, Mac OSX y Linux.
- IDE
Aunque sea un tanto pesado, Eclipse es una herramienta estupenda, por lo menos para mí. Los ‘plugins’ que más utilizo son:
- SFTP Plug-in for Eclipse.
- PDT (PHP Development Tools).
- PyDev para desarrollar en Python.
- Aptana es un IDE construido sobre Eclipse para desarrollo web.
- Editores
Para edición más o menos rápida, un editor genérico con resaltado de sintaxis y alguna otra monería siempre viene bien.
El editor jEdit también es una opción estupenda, a medio camino entre un editor sencillo y los IDEs más pesados. Hay multitud de plugins muy útiles ((S)FTP, HTML, PHP, …)
- Clientes (S)FTP
Imprescindibles para subir archivos al servidor o editar “in situ”. No me gustan los clientes FTP tradicionales en los que editas en local y luego subes, para arreglos rápidos no es cómodo bajar, editar y subir.
- Para Windows, WinSCP. Puede funcionar como cliente de (S)FTP tradicional o se puede configurar para editar en el mismo servidor.
- Para Mac, la herramienta MacFusion permite montar como unidades locales servidores FTP o SFTP.
- En Linux se puede utilizar el mismo administrador de archivos (Konqueror o Nautilus) para acceder a servidors FTP o SFTP.
- Navegadores
Aparte de tener instalados todos los navegadores posibles, conviene tener un navegador que permita depurar, inspeccionar código fácilmente, …
El navegador Firefox tiene muchas extensiones útiles para desarrolladores web. Mis preferidas son:
- Web Developer. Entre sus muchas funcionalidades destacan la posibilidad de controlar las cachés del navegador, las “cookies”, validar código “on-line”, regla para medir distancias en pantalla, …
- Firebug. Permite inspeccionar el árbol DOM del documento activo, seleccionar elementos, editar estilos, depurar JavaScript, analizar el tiempo de carga de una página, … Imprescindible.
- Professor X. Proporciona información sobre las cabeceras HTML.
- Servidor web y BBDD
Muchas veces es conveniente hacer los desarrollos en un servidor local antes de subirlo a los servidores “corporativos”. Aunque en algunos S.O. (Linux y/o Mac) viene ya habilitado el servidor web, no siempre nos sirve (por problemas con versiones de Apache/PHP, MySQL o lo que sea).
Existen algunas distribuciones que empaquetan un servidor web (Apache), PHP y un servidor de BBDD (MySQL, generalmente). El proyecto Xampp proporciona distribuciones para distintos S.O. (Windows, Linux o Mac OSX) muy cómodas y sencillas de usar.
04 de
Noviembre de
2007,
a las 00:46
Tags: color, diseño web
En el colegio nos enseñaban que los colores primarios eran amarillo, rojo y azul, que mezclando azul y amarillo salía color verde …
Luego empezamos a trabajar con pantallas y nos encontramos con que los colores “primarios” son los del sistema RGB (rojo, verde y azul) y que rojo y verde da amarillo.
Cualquiera que sepa algo de diseño sabe que son dos sistemas de color diferentes, el aditivo y el sustractivo, y que los colores primarios de cada sistema no son los mismos, aunque coloquialmente se les llame igual.
Pero claro, a un pobre programador como yo, al que si le sacas de lo suyo está totalmente perdido, estas cosas se le escapan 
El problema es que el “rojo” del sistema RGB (#FF0000) en realidad es “rojo anaranjado”, el “azul” RGB (#0000FF) es “azul violáceo”.
En esta figura se ve la “equivalencia” entre los dos sistemas. Las mezclas funcionan entre dos colores alternos. Por ejemplo, rojo + verde = amarillo, verde + azul = cian, …
07 de
Julio de
2007,
a las 08:01
Tags: diseño web, proyectosAlgunas de las webs que he desarrollado:
23 de
Junio de
2007,
a las 00:36
Tags: crítica, desarrollo web, diseño webEs la primera vez que un desarrollo chapuza llega a los medios de información generalistas y al gran público. Por supuesto, estoy hablando de la página web del Congreso de los Diputados.
Lo que comenzó siendo una crítica de algunos desarrolladores a una web realmente mal hecha ha terminado siendo un tema de conversación y de preocupación para el ciudadano de a pie.
Lo triste es que no es la primera vez que ocurre, sobre todo en desarrollos para la administración, donde el control del producto final no suele ser tan estricto como en corporaciones privadas.
Todos/as los que vivimos de esto sabemos cómo se trabaja en las grandes consultoras y empresas de desarrollo de software (hay excepciones, por lo visto: no todo va a ser malo)
Proyectos mal planificados y peor gestionados. Venta de “humo”. Buzzwords. Incompetentes dirigiendo equipos y proyectos [1]. Intereses creados –”partners”. Becarios “vendidos” a los clientes como expertos. Subcontratación. ¿Seguimos?
Ya está bien de tomaduras de pelo. A ver si a partir de ahora los clientes, los usuarios, la administración y la opinión pública en general se van concienciando de que las cosas se pueden hacer bien, pero si hay voluntad de hacerlas bien. Lamentablemente, hoy por hoy, lo que impera en el mercado no es la calidad del producto sino los beneficios y la supuesta rapidez en el desarrollo.
Nunca se han tenido tantas metodologías, herramientas y técnicas disponibles para el desarrollo de software (OOP, UML, Patrones de Diseño, bla, bla, bla, …) De nada sirven si lo que al final tenemos es una porquería de producto.
Si una empresa privada quiere malgastar su dinero contratando desarrollos con consultoras con renombre pero cutres en el fondo, peor para esa empresa. Pero un desarrollo para la administración lo pagamos todos/as. No puede consentirse que estas chapuzas salgan a la calle.
Es obligatorio por ley que las páginas web de la administración sean accesibles. No vale con colocar el iconito de WAI, como hacen en muchas webs. Es ilegal hacer eso.
[1] Acabo de leer un artículo sobre esto en Fogonazos (mis felicitaciones a su autor). Lo clava.
17 de
Abril de
2007,
a las 08:06
Tags: diseño web A todos nos encantan las esquinas redondeadas en los diseños Web. Generalmente se hace con CSS e imágenes para componer las esquinas.
Vean el título de este artículo: la esquina superior derecha es en realidad una imagen especificada en la CSS.
Hasta donde conocía, la única forma de hacerlo era así, pero el otro día encontré un sitio donde explican cómo hacer esquinas redondeadas sólo con CSS. El truco es anidar varias etiquetas <b> y darles diferentes márgenes y solapamientos.
Ésa es la versión básica. Para hacer más flexible el truco, se han programado una librería en JavaScript y una hoja CSS que simplifican en gran medida el uso de este “truco”.
La página donde vi todo esto es ésta: Nifty Corners, de Alessandro Fulciniti.
Ejemplos:
El HTML es válido, por cierto. Tremendo lo que se puede hacer con CSS …
