Archive for the ‘Diseño web’ Category

Nuevo proyecto web: www.plusdeporte.com

Lunes, Abril 14th, 2008

Y qué es eso de plusdeporte.com? Pues es el último proyecto en el que he estado trabajando estos últimos meses… básicamente es un Sistema de promoción de noticias deportivas. De forma democrática todos los usuarios podrán seleccionar aquellas noticias enlazadas o redactadas por ellos mismos que consideren importantes, comentarlas y debatir sobre ellas.

A bote pronto puede ser un mero clon de digg o menéame, pero es mucho más que eso, además de estar hecha desde cero cerito, las tecnologías utilizadas las enumero:

  • PHP 5
  • MySQL
  • XHTML & CSS ( se consideran tecnologías? xD)

Por ahora está comenzando a rodar, pero os agradecería que os echéis un vistazo a la web, y me comentéis aquí o en el blog de plusdeporte www.plusdeporte.com/blog los fallos o mejoras que creeáis convenientes… sin más preambulos os recuerdo la URL: www.plusdeporte.com

Trataré de hacer o bien aquí o en el blog de plusdeporte un pequeño seguimiento de nuevos añadidos así de la evolución de la web en visitas, etc. Aunque todavía estoy mirando como generar automáticamente cosas como el sitemap y demás cosillas que ayudarán a subir el pagerank de la web.

Un saludo!

Pequeño lector RSS en Flex 2

Martes, Noviembre 27th, 2007

Pues me ha entrado algo de curiosidad sobre qué era exactamente Flex, AIR y demás cosas que giran en torno a Adobe y Actionscript y al final me he decidido a bajar el SDK y hacer una pequeña prueba y ver qué tal “tiraba esto del Flex”.

La primera impresión que me he llevado ha sido la de encontrarme con un IDE basado en Eclipse cojonudo que me recuerda (salvando las diferencias) al Visual Studio de Microsoft, donde se nos pone a disposición unos componentes por defecto bastante completos (y algunos típicos pero necesarios) que a nivel visual son cojonudamente bonitos y modificables, me ha llamado la atención el poder modificar las esquina en forma de curvas de casi todos los componentes, así como sus degradados.

Pero además del apartado visual, como ya he dicho al igual que el Visual Studio tienes un diseñador de formularios donde configurar el aspecto visual de la aplicación a crear, así como la vista en código, donde resido lo bonito de todo este tinglado. Mediante archivos .as para las clases de actionscript, y los mxml (parte principal de la aplicación) te puedes manejar todo el código orientadísimo a POO (OOP si os gusta más) y hacer cosas realmente bonitas y escalables en apenas unos minutos.

Como prueba de ello, os dejo con un pequeño lector de RSS que como podréis ver está falto de funcionalidad por todas partes, pero para los minutos que me ha llevado el probar todo este tinglado por encima(como crearme una clase, manejar colecciones, etc…), me ha dejado un muy buen sabor de boca (necesitáis el Flash Player9 para probarlo). Ah! He notado que aveces no carga bien cuando saltas de una entrada a otra en un mismo RSS.. pero vamos supongo que será alguna chorradita:

Pequeña prueba de lector RSS en Flex

Por cierto, esto es vía web, mediante Flex, pero si he entendido bien AIR (que engloba Flex y otras cosas) pretende hacer que todas estas aplicaciones que desarrollemos puedan (de hecho lo son ya) usarse en nuestros escritorios y en cualquier sistema operativo, algo a tener MUY en cuenta, ya que es una de las cosas en las que cojea .NET pese a las últimas decisiones tomadas por los de “Maicrosoft”…

En fin, parece que se me está dando por probar cosillas nuevas estos días.. pronto subiré el siguiente artículo sobre Android, donde se analizará por encima el tema del por qué de la licencia Apache2 escogida por Google en lugar de las Copyleft(más que nada en lugar de la GPL) y un resumen de las condiciones de uso del SKD.

Un saludo!! y felicidades a los que hayan leído el post entero!

Cómo ver mi web en varios navegadores y sistemas operativos

Sábado, Noviembre 3rd, 2007

Todos aquellos que maquetamos webs por CSS y siempre tenemos que andar cambiando de un navegador a otro y comprobando si se ven correctamente, probando en Firefox, IE6, IE7, Opera, y demás navegadores web sabemos lo engorroso que puede resultar, y más todavía si tenemos que comprobar para cada sistema operativo los mismos navegadores. Como solución a todo esto existe una utilidad / web llamada http://browsershots.org.

Esta herramienta nos permite comprobar mediante capturas de pantalla el aspecto de nuestra web en los distintos navegadores y sistemas operativos, pudiendo seleccionar la resolución, javascript, versión flash, profundidad de color… etc para que no se nos escape nada. Si bien tarda algo en generar las distintas imágenes la verdad es que me está siendo de gran utilidad para evitar andar entrando en la Ubuntu, Windows y el Mac OS X.

Ya me contaréis que tal os va, seguro que os ahorráis un buen tiempo y espacio en el disco duro ;)

Stratos 2.0 - Adaptada a 1024×768 y superiores

Viernes, Octubre 26th, 2007

Finalmente he modificado el ancho de la página adaptándola para resoluciones como mínimo superiores a 1024*768 pixels, y sigue siendo un diseño semi-líquido, vamos que crece sin problemas hacia abajo pero la he limitado en ancho, por el mero hecho de que me gusta que las webs pueda controlar el ancho para que no me estropee el diseño con descripciones y titulo de una sola linea.. cosas mias en fin.

Teóricamente me queda en cuanto a la parte de maquetación, comprobarme bien el crossbrowsing y terminar el form de registro/login de usuario, que creo que me tocará bastante las pelotas, por eso de que cada navegador se lo guisa a su estilo y nosotros nos lo comemos.

Ya sabéis, Vista previa de la web aquí mismo

Nos vemos gente, quedan solo 2 días para el Art Futura!

Stratos 2.0 - Primera aproximación maquetada

Miércoles, Octubre 24th, 2007

Muy buenas madrugadas.. antes de irme para camilla voy a dejar ya posteado esto para encontrarme con unos cuantos feedbacks de mañanita… La web está maquetada “a toda prisa” para ir probando cosas, no necesito que me digan que falta el login, que no se ve bien en cualquier navegador que no sea firefox… etc, eso ta controlado, es simplemente para que le echeis un vistazo a la interactividad.. a ver si os convence.

Ah vale, os dejo la dirección aqui mismo

Venga un abrazo, a ver si le doy un pelin mas de caña, que llevaba mucho tiempo parada!

Primer acercamiento del nuevo template de stratos

Lunes, Septiembre 17th, 2007

A ver qué tal os pinta algo así… está hecho entre dos horillas libres del Viernes y hoy mismo. La idea era la de tener un diseño un poquito más serie pero no por ello perder los colores y estética anterior (esta vez centrado!):

Stratos template beta1

Aquí la misma con un poquito más de color:

Stratos template beta2