Como hacer que la imagen de fondo se adapte al tamaño de la pantalla con CSS3

Puede ser interesante para nuestro diseño web y sobretodo si queremos hacer páginas multiplataforma que se adapten al tamaño de pantalla de los distintos dispositivos (diseño web adaptativo) poner una imagen de fondo que se adapte al tamaño y resolución de la pantalla del usuario.

La propiedad “background-size: cover” nos permite aumentar el tamaño de la imagen de fondo, en lugar de que nos muestre la imagen varias veces.

Continuar leyendo

Compartir

Como hacer una App para IPhone (sin conocimientos técnicos)

Tienes una gran idea para una nueva aplicación para IPhone (App). Tu idea es única, divertida y útil y estás seguro de que aún no existe nada parecido en el mercado. De hecho, tu aplicación puede ser el próximo Pandora o Instagram.

Solo hay un pequeño problema, no tienes ni idea de como programar una aplicación para IPhone.

Continuar leyendo

Compartir

2 maneras de crear un fondo transparente para un div

Muchas veces es interesante jugar con fondos semi-transparentes en nuestros elementos de la página web para hacerla más atractiva y funcional.

Para ello os propongo dos maneras muy sencillas:

Continuar leyendo

Compartir

Módulos curiosos para Drupal 7 – Parte 1

Como todos sabemos, la grandeza de esta magní­fico CMS llamado Drupal, recae en  el hecho de la gran cantidad de módulos contribuidos que podemos encontrar en la comunidad Drupal, que nos permiten hacer prácticamente todo lo que queramos con nuestras páginas web.

Aquí­ os dejo un pequeño listado de los módulos que, sin ser los tí­picos, nos pueden ayudar en cualquier proyecto basado en Drupal 7. Evidentemente todos tienen módulos competidores que hacen las mismas funciones, pero según mi experiencia estos son los más recomendables:

Continuar leyendo

Compartir

Como evitar que copien el texto de tu web con Javascript

A nadie le gusta que le roben el contenido de su web o blog, pero por desgracia no hay una manera 100% efectiva de prevenirse contra los ladrones, pero como mí­nimo podemos ponérselo un poco más difí­cil con un pequeño script de Javascript.

La idea es inhabilitar la función de selección de texto (si no se puede seleccionar no se puede copiar ):)

Continuar leyendo

Compartir

Como hacer una sombra con CSS3 (Box-shadow)

Una de las propiedades interesantes que nos ofrece CSS3 es la capacidad de crear y configurar el efecto de sombra con código CSS. Nos podemos olvidar de crear imágenes con Photoshop y ponerlas como background.

Entre otras cosas, podremos elegir el color, tamaño, desenfoque y desplazamiento de la sombra (drop shadow). En este artí­culo, veremos como implementar este efecto para que sea compatible con todos los navegadores (Mozilla Firefox, Safari, Chrome, Internet Explorer, etc…).

Vamos directo a la materia:

Continuar leyendo

Compartir