Sábado, 09 de julio de 2005

Ayer se estrenó el portal www.puertollano.es

El nuevo portal, ha sido desarrollado conjuntamente entre Sion e Indra Sistemas, el periodo de desarrollo ha sido algo menos de un año, y se han invertido muchas horas de trabajo en él. Después de llevar algo más de dos meses en su fase final, por fin ayer se estrenó en una rueda de prensa ofrecida por el Alcalde de Puertollano y la concejala de Fundación Virtus.

Para el desarrollo de este portal se ha contado con la colaboración de los propios ciudadanos, los que a partir de realizar algunas encuestas son los que nos han proporcionado la base para éste desarrollo, es por ello, que este portal cuenta con las preferencias de todos y cada uno de los ciudadanos, por lo que esperamos, que sea de total agrado para ellos y para vosotros.

Con él se pretende informar de todos los aspectos turísticos destacables, de acercar la administración al ciudadano y permitir la colaboración del mismo.



Más información en: www.puertollano.es

En Sion, estamos muy orgullosos de nuestro trabajo, y creemos que, realmente merece la pena el tiempo invertido en él.

Espero que critiquéis el trabajo y si os gusta también espero que dejéis vuestra pequeña aportación en los comentarios.

Puesto en: Diseño | Comentarios (0) | Referencias (0) | Enlace permanente

Jueves, 17 de febrero de 2005

Eventos en capas

Tras un pequeño receso causado por la cantidad de trabajo que tengo, aquí os traigo un pequeño tutorial que me han pedido sobre la utilización de eventos en capas.

Muchos seguro que habéis usado javascript para conseguir efectos muy parecidos a los que os explico en este mini-tutorial, pero que a fin de cuentas son más incómodos, por lo menos, los pocos que he podido ver, ya que tenías que tocar los estilos tanto en el html como en el propio javascript. En cambio, con este método, se simplifica a tener que modificar únicamente la hoja de estilos para cambiar totalmente el efecto.

En mi ejemplo voy a utilizar unos estilos muy simples, el resto, lo dejo a voluntad de vuestra imaginación.

Primer paso: Creamos dos clases diferentes, una de ellas para el evento 'onMouseOver' (Este evento es cuando situamos el puntero del ratón encima del elemento) y otro distinto para el evento 'onMouseOut' (Lógicamente, para cuando apartamos el puntero del ratón del elemento), si os fijáis he utilizado la propiedad cursor: pointer, esto lo hago para que al situar el ratón encima, aparezca el cursor de vínculo. En mi caso utilizaré los siguientes estilos:

.mouseout { /* Estilo para evento onMouseOut */
background: #F5F5F5;
color: #808080;
border: 1px solid #C0C0C0;
padding: 2px;
}

.mouseover { /* Estilo para evento onMouseOver */
background: #C0C0C0;
color: #808080;
border: 1px dotted #808080;
padding: 2px;
cursor: pointer;
}

Segundo paso: Elegir y crear el elemento al que deseemos aplicar el estilo en los eventos (Ojo que debemos tener en cuenta que utilizamos CSS, y algunos atributos de CSS no se pueden aplicar a determinados elementos). En mi caso voy a utilizar una capa <div></div>.

Tercer paso: Le aplicamos los estilos de evento a la capa, de la siguiente forma:

<div id="capa" class="mouseout" onMouseOver="this.className='mouseover'" onMouseOut="this.className='mouseout'"></div>

No es imprescindible ponerle un id a la capa, pero yo lo he hecho, lo que si hay que tener siempre en cuenta es ponerle la clase mouseout independientemente de que utilicemos un evento onMouseOut, ya que una vez se cargue el html, como no se ha ejecutado todavía este evento, el estilo no se cargaría y por lo tanto no funcionaría correctamente. Otro consejo es que la propiedad this.className, la escribáis tal cual, por que más de una vez me he encontrado que si no pongo la N en mayúsculas, el evento no ha funcionado.

Y si habéis seguido los pasos correctamente, los estilos de los eventos quedarían de la siguiente forma:



Este método me fué muy útil en su día, y espero que a vosotros os sea igual de útil de lo que me fué a mí.

d-_-b Mientras tanto escucho: Suzann - Little Bandit

Puesto en: CSS | Comentarios (9) | Referencias (0) | Enlace permanente

Miércoles, 09 de febrero de 2005

Esto si es toda una experiencia

Por fin he recibido los Miniauriculares para mi iPod, esta mañana estando en el trabajo, y lógicamente hasta que no he llegado a mi casa no he podido probarlos.

Tengo que reconocer que no estaban equivocados los que me los recomendaron, por que el poco ruido que tenía con los cascos que trae de serie se elimina totalmente, además de que la potenciación de graves que tienen estos auriculares para ser tan "mini" como son, es sorprendente.

Otra cosa que agradezco mucho es que trajera varios tamaños de tapones, así he conseguido que se ajusten a la perfección y no se me caigan, cosa que me ocurría con cualquier otro auricular que si no llevaban almohadillas en cuanto se engancharan un poquito o les diera mas fuerte de lo normal, se me caían de la oreja.

Y para el punto final, puedes ajustar el nivel de graves por ecualización o simplemente sacándolos un poquito mas de la oreja, una maravilla vamos.

No veáis lo bien que suena una canción como William Orbit - Adagio For Strings (DJ Tiësto Remix)... Flipante!!

Puesto en: iPod | Comentarios (0) | Referencias (0) | Enlace permanente

Lunes, 07 de febrero de 2005

Para los viciosos

Yo creyendo que todo estaba inventado y voy y me encuentro con estas muñequitas, no son hinchables, pero tienen el mismo cometido, aunque de las tipicas muñecas hinchables a estas, hay un trecho muy grande, y si no, juzgad vosotros mismos...


No quedandose agusto con haber hecho unas muñecas tan reales, encima te dan la opción de comprarte una muñeca travesti...

Bueno desde luego yo no se quien se comprará algo como esto, pero quien tenga pensado hacerlo que vaya rascandose el bolsillo, por que según tengo entendido cuestan cerca de 6.000€.

Y desde luego antes, quien tuviese una muñeca hinchable podría pasar desapercibido jejej, pero... ¿y estas? -No mamá, es una amiga mia que vino a estudiar y como le gustó mi habitación, se quedó aquí...

Yo antes de comprarme una, me gasto ese dinero en comprarme un powerpc g5 dual, por ejemplo :P

Puesto en: Tonterías | Comentarios (5) | Referencias (0) | Enlace permanente

Sábado, 05 de febrero de 2005

Todo Mini

Pues al final me decidí a adquirir los Miniauriculares para mi iPod Mini, y ya he recibido la notificación de que han sido enviados.

Nos complace enviarte esta notificación de envío de tu pedido del Apple Store. Tu producto ha sido enviado y será entregado en la dirección que nos has indicado.

La semana que viene los tendré en mis manos, espero que en realidad sean tan buenos como me han comentado, asi disfrutaré más todavía de mi iPod Mini y ya os contaré el resultado en cuanto los pruebe.

Puesto en: iPod | Comentarios (2) | Referencias (0) | Enlace permanente

Miércoles, 02 de febrero de 2005

Mi nuevo iPod Mini

Desde ayer y gracias a mi hermano, soy propietario de esta maravilla:



Por eso voy a inaugurar esta categoría, para ir comentando mi experiencia con el "pequeñin" que de momento y salvo algunos pequeños problemillas que tuve por culpa de los puertos USB, ha sido enriquecedora.

Una pequeña pega que puedo sacarle es la calidad de los cascos, que no es muy buena y según tengo entendido es la misma calidad que los cascos de neodimio de los ipod 3G, digo que no es buena, por que entre el 95 y el 100% de volumen se nota la distorsión en algunas canciones que reproduce un rango de frecuencias concreto, pero vamos no es un problema en sí, si no una pega.

De todas formas me han hablado muy bien sobre los miniauriculares de la tienda de apple, que si es el único desembolso que tengo que hacer para disfrutar al máximo de la experiencia con el iPod Mini, los compraré.

Puesto en: iPod | Comentarios (3) | Referencias (0) | Enlace permanente

Domingo, 30 de enero de 2005

Referendum Plus

Estos últimos días un tema muy comentado en la comunidad es la nueva campaña "molona" que el gobierno ha lanzado, para intentar ganar los votos de la juventud en el Referéndum de la Constitución Europea del 20 de Febrero.

Según he podido comprobar en muchos blogs, por mis amigos y por mis conocidos es que, no solo no han conseguido darnos ánimos para que votemos, si no que, además parece que se están quedando con todos nosotros.



Aquí podéis ver una porción de la "campaña" pero que, no queda aquí, por eso os recomiendo que visitéis la web oficial y veáis el resto, para que saquéis vuestras propias conclusiones.

Se que se ha debatido más que de sobra sobre esta campaña, y es un poco tarde, pero no podía quedarme sin poner algo sobre este asunto.

Puesto en: Tonterías | Comentarios (2) | Referencias (0) | Enlace permanente

Sábado, 29 de enero de 2005

Mi Wish List

Pues creo este post para ir incorporando todo lo que me gustaría adquirir o que me regalasen, aunque algunas cosas no son muy asequibles que digamos.

Lo primero es mi tan deseado iMac G5, todo un portento de diseño e integración, por no hablar de su sistema operativo, de su arquitectura y de la potencia que es capaz de desarrollar esta máquina, en tan poco espacio.




Lo segundo y no menos merecedor de mis alabanzas es este Nokia 6260, que gracias a la cantidad de software disponible para él y el gran sistema operativo que utiliza (Symbian 7), lo convierten en uno de los mejores teléfonos hasta la fecha.



Hace poco más de cinco años que me regalaron mi primer Zippo y que gracias a su tremenda calidad de fabricación todavía sigue conmigo, pero que por mucho que quiera, no puedo evitar sentirme atraido por esta joyita.



Así que si os da por regalarme algo...
Casi cuela, ¿eh? ;)

Actualizado: Domingo, 30 de Enero de 2005

Puesto en: Sobre mí | Comentarios (4) | Referencias (0) | Enlace permanente

Jueves, 27 de enero de 2005

Estilizando listas con CSS

Voy a explicar de manera sencilla como aplicar estilos a listas utilizando imágenes y css, por lo que primero empezaré explicando el concepto de margin y padding.

Los dos se utilizan para aplicar márgenes a un determinado elemento, pero la diferencia entre ellos está en que uno aplica márgenes fuera del elemento y el otro los aplica dentro, tal y como muestra esta imagen:



Por otro lado en una hoja de estilos los márgenes (tanto interiores como exteriores) se aplican de la siguiente manera:

superior derecho inferior izquierdo

Suponiendo que nos ha quedado claro este concepto, empezaremos a aplicar margenes y estilos a la lista (<ul></ul>), en este ejemplo utilizo un margen superior de 4 pixels, uno inferior de 10 pixels y además le especifico que la lista no tenga ningún icono (list-style: none) puesto que ya le vamos a poner nosotros el nuestro con la imagen que tenemos:

UL {
margin: 4px 0 10px 0;
padding: 0;
list-style: none;
}

Con lo que la lista nos quedaría de la siguiente forma:



Continuamos y en el siguiente paso, lo que haremos será aplicar el estilo y márgenes a las opciones de la lista (<li></li>), para las que utilizaremos el siguiente estilo:

UL LI {
margin: 0;
padding: 0 0 0 18px;
line-height: 19px;
background: url('lista.gif') #FFFFFF no-repeat left center;
text-align: left;
color: #808080;
}

A continuación os explico detalladamente cada atributo de este estilo:

La imagen que he utilizado como icono de las opciones de la lista (lista.gif) tiene un tamaño de 15x15, por lo que le he dado un margen interior izquierdo de 18px, esto lo hago para que el texto quede desplazado 3 pixels a la izquierda respecto a la imagen.

Si os fijáis he utilizado el atributo line-height: 19px, que hará que el alto de cada opción de la lista sea de 19 pixels, por lo que así me aseguro que mi imagen quedará centrada con el texto.

En el atributo background le especifico que las opciones de la lista tengan como fondo la imagen lista.gif (url), que dicho fondo sea de color blanco (#FFFFFF), que no se repita (no-repeat), que la alineación horizontal sea a la izquierda (left) y que la alineación vertical sea en el centro (center).

Los atributos text-align y color, creo no hace falta explicarlos, simplemente alinean el texto a la izquierda y le aplican el color #808080, con lo que todos estos estilos dejarían nuestra lista de la siguiente forma:




Y con esto ya tendríamos la lista personalizada con CSS, espero que os sea de utilidad tanto como me fué a mí y espero haberme explicado lo suficientemente bien como para que seáis capaces de hacerlo sin ninguna complicación.

Si podéis aportar algo a este tutorial, hacedlo a través de los comentarios.

Puesto en: CSS | Comentarios (4) | Referencias (0) | Enlace permanente

Miércoles, 26 de enero de 2005

De alguna forma tendremos que empezar...

Bueno, pues lo primero yo pienso que sería presentarme, por lo que aquí me tenéis, un muchachote (como dice mi madre) de 21 años que se dedica a diseñar y programar páginas web y que aquí irá compartiendo todo lo que ha aprendido en los cuatro años que lleva con esto del web-design y por supuesto sus quehaceres diarios, que también tienen su sitio aquí.

Agradezco a mi "fucking lord" Mayoral que haya insistido tanto en que empezara en este mundo tan diverso de las bitácoras, porque sin el seguramente no habría dado el primer paso :)

Puesto en: Sobre mí | Comentarios (10) | Referencias (0) | Enlace permanente