Webmaster Libre

Desarrollo web con software libre

Buscador

Archivo de Agosto de 2007

SQL Designer, diseñando bases de datos online

Modelar una base de datos es una tarea tediosa y cualquier herramienta capaz de faciliarnos realmente la tarea es interesante tenerla cerca. A través de Bitelia descubro SQLDesigner un script, pensado para ser descargado e instalado desde tu servidor (puede ser un servidor local, claro) mediante el cual podrás diseñar las tablas de tu base de datos, exportar el modelo en XML y crear los scripts SQL necesarios para crear nuestra base de datos en los servidores de base de datos más comunes y utilizados: Oracle, Postgres, MySQL, MSSQL, etc.

SQL Designer

Podéis haceros una idea de como funciona mediante la beta online disponible en su sitio oficial, no obstante me permito recomendaros que lo descarguéis e instaléis en local si pensáis utilizarlo a menudo. Generalmente este tipo de proyectos tiene recursos limitados y si todos utilizamos la demo podríamos llegar a causar un perjuicio económico a alguien que nos brinda una herramienta tan práctica. (sería un agradecimiento algo peculiar).

SQL Designer: http://ondras.zarovi.cz/sql/

Frameworks para CSS

Con el furor de los frameworks para todos los lenguajes de programación era previsible que, tarde o temprano, alguien decidiera crear un framework para ensamblar hojas de estilo como churros (con todo mi respeto a los artesanos churreros). En principio suena bien, maquetar una página casi completa con facilidad mecánica empleando unas u otras clases e id predefinidos.

Blueprint, Tripoli, los grids de Yahoo… Todos ellos nos prometen sencillez y productividad, no obstante, el precio que suponen no vale el trato.

En primer lugar, cargar nuestros sitios con todo el código extra que contiene un framework completo (por muy modular que sea) es contraproducente. Pararnos a buscar por la hoja justo el trozo que vamos a usar es casi tanto trabajo o más que escribir los estilos nosotros mismos y, por muy comprimido que esté, es peso extra para nuestros sitios (con la consiguiente incomodidad para nuestros usuarios, costes extras en ancho de banda etc.).

Para empezar a ser realmente productivo con un framework es necesario aprender a utilizarlo, si ya sabemos escribir hojas de estilo será tiempo perdido en un conocimiento limitado.
Por supuesto, si no sabemos puede parecer muy buena idea empezar con gran parte del camino andado y dedicarnos sólo a lo bonito que queremos que sea el diseño y poco más. Por contra, tratar de eludir el aprendizaje puede suponernos serios quebraderos de cabeza.

Imagina que desaparece el framework, que no está demasiado bien documentado o que no tiene una comunidad fuerte alrededor. Todo tu esfuerzo para aprender a manejarlo habrá sido para nada y, tarde o temprano, tendras que afrontar el auténtico aprendizaje. Además, en caso de lenguajes complicados o con procesos de desarrollo largos y tediosos, es justificable el uso de frameworks e incluso recomendable. Escribir hojas de estilo es sencillo, comparado con los lenguajes de programación propiamente dichos es un juego de niños y, con un poco de práctica, escribiras tus estilos tan deprisa o más que apoyándote en frameworks.

Además, es imposible preveer todas las necesidades de maquetación y estilos que tendrá cada sitio. Si buscamos dotar a la web de un significado semántico tendremos que aprender a etiquetar las cosas correctamente y a emplear los elementos html de forma correcta. A apoyar nuestros estilos en ellos y no manchar todo el código con clases e id de nombre criptico y ningún significado (si aún no la habéis leído os recomiendo la traducción que hice del artículo: Div Mania).

No obstante, la idea que se trasluce de estos frameworks no es inútil en si misma. Disponer de un set de herramientas con el que aligerar ciertos trabajos rutinarios.
Me gusta entender al desarrollo web como una especie de artesanía de nueva generación. Los orfebres, artesanos de la plata, dentro de su proceso de aprendizaje y como conocimiento útil para el resto de su vida, aprenden y crean su juego de buriles. De esta manera, disponen de un set de herramientas tan completo y extensible como quieran. Sea cual sea la necesidad, buril más ancho, más estrecho, más o menos afilado, son capaces de crear uno y empezar a trabajar en seguida.
Por eso, lo que si me parece una idea genial, tanto para aprender como para aligerar trabajo es crearse una caja de herramientas con todos esos elementos que tú empleas tan a menudo. Sólo tu sabes tus manías, sólo tu conoces a fondo tu manera de escribir estilos. Al ser tu propio trabajo te resultará sencillo encontrar y emplear justo esa pieza de código que necesitas. Incluso, en lugar de crear archivos css enormes o decenas de ellos chiquititos, puede interesarte crear un wiki o algo por el estilo donde realizar consultas rápidas (puedes emplear alguna solución tipo TiddlyWiki que no necesita servidor web ni base de datos y es muy sencilla de utilizar).

Vosotros ¿qué opináis? ¿utilizáis frameworks para css? ¿tenéis un set de herramientas básico o empezáis de cero siempre?

GrayBit, tus páginas en escala de grises

Sin duda, un aspecto fundamental para que nuestros sitios sean verdaderamente accesibles es el color. A pesar de que, salvo en aquel anuncio del Golf, las personas con ceguera al color han pasado bastante desapercidas, se trata de un trastorno bastante común.
A pesar de que estoy segura de que todos sabemos lo que es el daltonismo y procuramos no hacer juegos con el rojo y el verde, existen muchos otros tipos de ceguera al color, tanto parciales como totales.

Por eso esta herramienta que descubro a través de Xyberneticos puede resultarnos tremendamente útil. GrayBit nos propone una forma diferente de ver nuestro sitio web, en escala de grises, para que podamos comprobar si los contrastes de nuestros colores son suficientes aún para personas que no son capaces de verlos.

Aquí os dejo una captura de este sitio, sale bastante bien parado aun que, como en todo, siempre se puede mejorar.

Webmaster Libre en escala de grises

GrayBit: http://graybit.com/

He ganado el concurso de Zona Cerebral

Pues sí, finalmente mi papeleta fue la elegida en el sorteo que hizo Iván de Zona Cerebral. Aquí os dejo el video, más por la ilusión que me hace ganar algo que por otra cosa.


Concurso Para Bloggers De Zona Cerebral

Proto.Menu: un menú contextual con Prototype

Proto.Menu es una interesante solución para crear un menú contextual basado en la librería Prototype.

Proto.Menu

Entre sus principales caracteristicas destacan:

  • Ligero: ~2 KB (~1.5 KB comprimido)
  • No obtrusivo
  • Totalmente personalizable
  • Compatible con todos los principales navegadores
  • Rápido

Para funcionar requiere prototype.js 1.6.0_rc0

Proto.Menu:
http://yura.thinkweb2.com/scripting/contextMenu/

Via Ajaxian

De vuelta de las vacaciones

Bueno, han pasado un par de semanas desde la última entrada en este sitio. Todo este tiempo he estado por el sur de España, visitando a la familia y aprovechando para hacer algo de turismo sin los perros.

La verdad es que esperaba disponer de conexión allí y por eso no os deje un aviso explícito, al llegar me encontré con la sorpresa y una vez desenchufada de todo no me apeteció demasiado buscar un ciber ni nada así. Lo siento pero creo que me hacía falta (y aún podrían sentarme bien un par de meses más de desconexión).

Dadme algo de tiempo para ponerme al día con los correos electrónicos y el lector de feeds (y de paso con la lavadora y la nevera). Os iré contestando poco a poco y retomaré el ritmo de publicación donde lo dejé.

Canvas 3D Graph, gráficos 3D con canvas

Canvas 3D Graph

Con Canvas 3D Graph podrás introducir en tus páginas, de forma sencilla, impresionantes gráficos en 3D gracias a Bajcic Dragan

Como no podía ser de otra forma, Internet Explorer no soporta la etiqueta <canvas> y, por ello, tendremos que utilizar también excanvas.js con lo que nuestros gráficos cargarán más lentos cuando se intenten visualizar con IE.

Canvas 3D Graph está bajo licencia BSD.

Canvas 3D Graph: http://dragan.yourtree.org/code/canvas-3d-graph/

Via Ribosomatic

Scrollovers, un efecto nuevo para tus enlaces

Si andabas buscando un efecto que sorprendiese a tus visitantes, Scrollovers te va a encantar. Con un simple script javascript conseguirás que tus enlaces destaquen del resto.

Descarga o enlaza directamente el archivo javascript al servidor de Scrollovers, añade los estilos para tus links a tu hoja de estilo y emplea la clase y el tipo scrollovers en los enlaces a los que quieras aplicar el efecto.

<a href="[YOUR PAGE HERE]" class="scrollover" type="scrollover">[YOUR TEXT HERE]</a>

No os perdáis el efecto en la página del autor, el texto cambia de color con un fantástico efecto de scroll que podréis configurar a vuestro gusto.

Compatible con: Firefox 2.0, Internet Explorer 7, Internet Explorer 6, Internet Explorer 5.5, Safari 3 (Windows) y Opera 9

Scrollovers: http://www.scrollovers.com/

Blogalaxia BlogESfera - Directorio de Blogs Hispanos Web Developement Blogs - BlogCatalog Blog Directory