mascruzblog

Rediseño web

2011-08-08T05:01:00.000-07:00

Renovarse o morir, que dicen... adaptarse a las nuevas tecnologías también...

Mi página web mascruz.es no estaba adaptada correctamente a los medios móviles. Por eso, he decidido lanzarme a la investigación y remaquetarla para que, según el dispositivo en el que estes, puedas acceder a la web y verla correctamente y poder ver, sin hacer zoom -y sin pelearte demasiado-, toda la información en dispositivos móviles.

La idea es simple, modificanco css, utilizando expresiones de css3, media querys, se puede modificar el aspecto de la web en función de la resolución de cada dispositivo; reubicando los elementos de la página (incluso eliminando algunos) y colocándolos en otra posición.

Podéis probarlo visitando mi web y cambiando el tamaño de la ventana de vuestro explorador o visitándola en vuestro dispositivo móvil.

Consultad el funcionamiento de las media querys en la web de nickla: http://webdesignerwall.com/tutorials/css3-media-queries

Tened en cuenta que hay que añadir esta meta para que los dispositivos móviles no rimensionen directamente:

<meta name="viewport" content="width=device-width; initial-scale=1.0">

2011-02-10T05:38:00.000-08:00

Así es el Photoshop que los clientes creen que tenemos!!

Vía jaumeestruch

feliz año a todos!!

2010-12-30T08:35:00.001-08:00

Pastillas contra el dolor ajeno II

2010-11-18T12:11:00.000-08:00

Impresionante campaña han realizado Médicos sin fronteras

Empezando con el vídeo que posteé antes de Luis García Berlanga y terminando por los links de su web diagnostícate y recetalas. Sin olvidarnos, por supuesto, del a tu salud, donde famosos explican enfermedades que tienen gente sin recursos suficientes como para poder pagar su cura y como nosotros (ellos en el vídeo) podemos autorecetarnos una pastillita y mermar un poco su dolor.

Desde aquí receto a todos los que lean este post a automedicarse con estas pastillas contra el dolor ajeno.

Pastillas contra el dolor ajeno

2010-11-18T11:32:00.000-08:00

LUIS GARCIA BERLANGA - PASTILLAS CONTRA EL DOLOR AJENO - Médicos sin fronteras de Javier Urosas on Vimeo.

lagartija

2010-09-27T13:28:00.000-07:00

rediseño para la web de cepacse

2010-09-21T03:34:00.000-07:00

Recientemente he realizado una actualización del contenido visual de la web, añadiendo elementos dinámicos en jquery y cambiando el estilo de la cabecera.

tres patas

2010-09-09T08:11:00.001-07:00

elegante erizo

2010-09-08T09:50:00.000-07:00

perro verde

2010-09-07T07:50:00.000-07:00

33 mineros

2010-09-06T09:40:00.000-07:00

inmobiliaria felisa criado

2010-07-07T04:37:00.000-07:00

por webs inmobiliarias que no quede... bonita combinación de colores

neptuno propiedades!!!

2010-07-07T04:35:00.000-07:00

lo dicho neptuno propiedades....subida en la world wide web

una nueva web

2010-07-01T02:15:00.000-07:00

una nueva web que hemos creado desde idealista.com y que me ha gustado bastante el resultado.
galia seleccion

espero que os guste ;)
maría

android vs iphone

2010-04-28T13:33:00.000-07:00

porque merece la pena darle un poco de caña al iphone...

visto en www.iphone.com

Nature by Numbers

2010-03-24T06:26:00.000-07:00

En microsiervos me he topado con este vídeo impresionante de eterea studios sobre el número de oro, titulado Nature by Numbers, de Cristóbal Vila, que recoge algunas de las más conocidas relaciones entre la naturaleza y los números.

La sección la teoría detrás de la película explica y complementa lo que aparece en la animación, las matemáticas que se encierran detrás de la película.

lumei, muebles de rattan

2010-02-19T03:43:00.000-08:00

Una web que acabo de terminar hace poco, muy sencilla, pero resultona, con un diseño cuidado y siguiendo los standares web. Échadle un vistazo si os apetece.

www.lumei.es

saludines,
maría

Margarita a los goya

2010-01-26T06:48:00.000-08:00

me gustaría compartir con vosotros este corto.

MARGARITA from Pedro Segura on Vimeo.

saludines,

CSS centrado vertical

2010-01-26T05:53:00.000-08:00

De la mano de www.eslomas.com por fin, he encontrado la solución a centrar verticalmente una página, llevaba mucho tiempo buscando esta solución y creo que es interesante compartirlo con vosotros.

La idea es muy sencilla:

#contenido{
   font-family: Verdana, Geneva, Arial, sans-serif;
   background-color: #f00;
   text-align: center;
   vertical-align: middle;
   margin-top: -175px;
   margin-left: -250px;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 500px;
   height: 350px;
}

Simplemente hay que crear una capa contenedora general de nuestra web con una posición absoluta colocando el top y el left al 50% lo que hace que la esquina superior izquierda de la página se coloque en el centro del navegador. Ahora solo hay que centrar la capa con un margin-top y margin-left de la mitad de la medida de tamaño.

width: 500px;
margin-left: -250px;
height: 350px;
margin-top: -175px;

Podéis ver el ejemplo en mi web: mascruz.es

Espero que os sirva de utilidad como me ha servido a mí.

Saludines,

Una web

2009-09-22T03:43:00.000-07:00

Os muestro esta vez una de las webs que he diseñado y maquetado. Se trata de la web de un laboratorio patológico de Sevilla.

Periódicamente vamos añadiendo casos interesantes que han estudiado allí, y poco a

poco vamos creciendo y ayudando a la gente a resolver sus posibles dudas.

cepacse.es
Un saludo,

Dejando correr la imaginación

2009-09-17T03:50:00.000-07:00

Dibujar lo que sientes, lo que te apetece, sin darle un sentido. Algunos lo llaman abstracto. Yo creo que el arte abstracto conlleva un estudio, una investigación en el trabajo y una reflexión. A esto yo lo llamo: dejarse llevar.

Saludos,
María

Piraña

2009-09-15T04:04:00.000-07:00

Me gustaría enseñaros una ilustración que hice hace algún tiempo.
Una piraña.
Espero que os guste.

Saludos,
María

Sobre los Premios Nacionales de Diseño

2009-08-27T07:45:00.000-07:00

No hay nada mejor para comenzar que añadiendo un link muy especial: La página web de los Premios Nacionales Diseño. Me ha sorprendido gratamente encontrarme con esta web, ya que los premiados son siempre una referencia de buen diseño. Suelen otorgarse dos premios, uno en categoría profesional - Pati Nuñez (2007)- y el otro a empresa - Andreu World (2007)-.

Mencionaré, también, que es extraño no encontrar referencias a los premios de 2008 en esta web, aunque los galardonados según el periódico El País fueron: Summa (encargados de la nueva imagen de RTVE) y Stua (Diseño de mobiliario).

Así pues, os invito a visitar las páginas de estos referentes en el mundillo, y si es posible aprendemos de ellos.

María

Fotos encontradas en: big-dimad , Summa

Porque todo el mundo tiene un blog

2009-08-26T12:07:00.000-07:00

Y es que claro, ahora mismo, todo el mundo tiene un blog. Y si no lo tiene, debería tenerlo. Yo no sé si este pensamiento es correcto o no lo es, pero me parece interesante comprobarlo por mi misma y subir contenido que pueda interesarle a otras personas y que, incluso, pueda serle útil.

Así que, aquí empieza mi andadura con esta manera de interactuar con el medio, investigar y aprender.

Saludos a todos,
María