Si estáis organizando vuestra boda, ¡no os olvidéis de la página web!

web_bodas

En primer lugar ¡¡enhorabuena!! disfrutad del día al máximo, porque pasará muy rápido. Casi con toda probabilidad tendréis más tareas pendientes de las que podáis abarcar – tranquilos, al final da tiempo a todo – por lo que pensar en montar y publicar una página web para vuestro día sea una de las últimas prioridades, por no mencionar que la hucha para la boda hace tiempo que está en números rojos. En el siguiente artículo voy a intentar demostraros que disfrutar de una página web de vuestra propia boda no requiere una gran inversión de tiempo, y especialmente, de dinero.

Si pensáis que una web de vuestra boda no os va a aportar nada más que otra carga más en la mochila, valoradla como una extensión – de tiempo y esfuerzo – de las invitaciones que vais a entregar a vuestros amigos y familiares.

Por cuestiones de espacio muchas veces nos encontramos con invitaciones que resultan muy pesadas o que parecen una colección de fascículos con la organización del día, el mapa de cómo llegar a la ceremonia, y otro de cómo ir de aquí al convite, una tarjeta con el número de cuenta para los que no saben que regalar, otra tarjeta con un enlace a la lista de regalos, y otra tarjeta más con los códigos de acceso a aplicaciones móviles para compartir la boda en vivo. Los novios quieren meter en media cuartilla absolutamente todo lo necesario para que nadie se pierda un detalle de la ceremonia, el banquete, las horas de vuelta de los autobuses… ¿solución? pensad en una sencilla página web con toda la información del día ampliada al detalle que complemente las invitaciones, con los datos de contacto de todos los implicados, mapas y rutas generadas por Google Maps para que cualquier invitado desde el móvil pueda configurar el GPS con un clic, fotografías de cada enclave que ayuden a identificarlos, ¿viene gente de otra ciudad? indicadles en la web dónde pueden hospedarse, cuáles son los mejores restaurantes y dónde pueden ir de tapas.

web_bodas_2

¿Ya estáis un poco más convencidos? Como veis, la ecuación del esfuerzo invertido y resultado aporta valor añadido para vuestro gran día. Ahora llegamos a la pregunta caliente ¿cuánto me va a costar? Tenemos a nuestra disposición diversas alternativas, todo depende de los conocimientos técnicos, del tiempo disponible para invertir en esta tarea y de vuestra disposición a involucraros en otro tema más de la boda. Pongámonos en el caso de que no tenéis tiempo disponible, nunca habéis hecho una página web pero queréis impresionar a vuestros invitados con una página trabajada y especialmente, no queréis seguir tirando de la hucha. Bajo estas premisas, lo que os interesa es una pagina web gratis con una plantilla pregenerada que podáis modificar a vuestro gusto e introducir toda la información necesaria.

Os propongo Wix, empresa dedicada a comercializar plantillas web de forma gratuita con posibilidad de meter nuevas funcionalidades con micropagos o suscripciones mensuales para ampliar la características del sitio web (mayor capacidad por si queréis almacenar el reportaje de fotos de la boda, dominio personalizado, etc). Podéis seleccionar de entre cientos de plantillas, disponen de una categoría exclusiva para web de bodas y fiestas. Una de las ventajas de este servicio es que las plantillas están diseñadas en HTML 5, por lo que son adaptables a cualquier dispositivo (ordenador, móvil o tablet). Vuestra web se publicará como subdominio de wix.es, aunque podéis pagar un upgrade para tener vuestro propio dominio personal ¿qué os parecería www.marcosynoelia.com?. Podréis utilizar el editor para personalizar todo el contenido de la plantilla: imágenes, cabeceras, textos, contenidos, etc. Además, a través del App Market podéis añadir funcionalidades extra a vuestra web con un presupuesto muy bajo. Por ejemplo, módulos para que los invitados confirmen su asistencia o que compartan vuestra web en redes sociales, para que puedan reservar el hotel el día de la boda y publicar un calendario en el caso de que vuestra celebración esté organizada en varios días (preboda, boda familiar, con los amigos, etc), un libro de firmas donde los amigos y familiares puedan dejaros mensajes o simplemente una galería de fotos que podréis complementar con una selección del reportaje de bodas. En el siguiente video podéis ver en 11 pasos cómo publicar rápidamente vuestra web utilizando la plataforma Wix:

Sin Comentarios

Infografía de los pasos para diseñar una página web

Excelente infografía que muestra de forma muy clara todos los hitos y sus responsables durante el proceso de diseñar  y programar una página web. Pulsa sobre la imagen para verla más grande.

 
Pasos para el diseño de una página web

Sin Comentarios

Concurso para diseñadores web by Basekit & iStockphoto

Concurso para diseñadores web by Basekit & iStockphoto

El equipo de Basekit junto a iStockphoto ha organizado un concurso para diseñadores web con premios muy interesantes. La competición consiste en diseñar una página web utilizando la herramienta Basekit con un paquete de 30 imágenes de iStockphoto. Como comentamos hace unos días, Basekit nos permite pasar de forma rápida y sencilla un diseño web en Photoshop a XHTML.

Para participar en el concurso, tenemos que registrarnos y rellenar un formulario que nos enviarán por e-mail. El plazo termina el 4 de mayo. El jurado estará formado por varios profesionales de ambas empresas que repartirán premios para los mejores diseños web. Éstos consisten en créditos para iStockphoto y cuentas plus de Basekit, además, también se entregarán iPads, iPods shuffle y tabletas digitales Wacom para los ganadores de la competición.

Más info | www.competicionbasekitistock.basekit.com

1 Comentario

Basekit, de photoshop a XHTML en un solo click

Basekit, de photoshop a XHTML en un solo click

Basekit nace orientada a los diseñadores gráficos con la idea de eliminar la fragmentación existente en el proceso de desarrollo web, permitiéndoles a estos prestar soluciones integrales a pymes y microempresas de manera autónoma.

Basekit nos permite desarrollar cualquier página web dinámica a partir de nuestros propios diseños en Photoshop o bien elegir entre su catálogo de plantillas web, perfectamente optimizadas para buscadores utilizando técnicas de posicionamiento web. Además, no requiere descargar todo el material en nuestro equipo para trabajar con él, simplemente diseñamos nuestra web y la publicamos con un click (drag and drop). Podemos elegir alojarla en nuestro propio hosting, o bien utilizar el hospedaje que nos ofrecen. Todo se crea de manera intuitiva sin tenener que programar código.La herramienta permite modificar el HTML y CSS para poder ajustar los diseños. A través del siguiente video podemos conocer un poco mejor en qué consiste el servicio ofrecido por Basekit.

Los planes de futuro a corto plazo de Basekit nos permitirán ampliar las funcionalidades de nuestra página web a través de nuevos widgets, animaciones flash, e-commerce, harramientas de orientación de posicionamiento web SEO y SEM, etc. De momento, sólamente podemos utilizar la herramienta a través de invitación.

Más info | http://www.basekit.com

3 Comentarios

Texto con sombra en tu web con CSS: text-shadow

Otra de las propiedades que implementa CSS3 es text-shadow, gracias a la cual podremos aplicar un efecto de sombra a cualquier texto. Esta propiedad, que se propuso para las CSS2, no ha sido incorporada hasta ahora. La sombra del texto podrá ser difuminada (como el drop-shadow de Photoshop) o nítida, como si hubiésemos duplicado el texto y el que está detrás, un poco desplazado, sería la sombra.

Además de un bonito efecto visual, esta propiedad nos permite incluir más texto en la página web, evitando así tener que recurrir a Photoshop para editar las imágenes necesarias. Con esto logramos incluir más texto en la página y así disponer de más lugares donde incluir keywords para mejorar el posicionamiento web.

El problema de esta propiedad es que algunos navegadores no la soportan. Sólamente las últimas versiones son capaces de reconocerla. Sin embargo, existen varias alternativas cross-browsing para simular el text-shadow en navegadores antiguos. La propiedad text-shadow es soportada por Firefox 3.5+, Chrome, Internet Explorer 7+, Opera 9.5 y Safari 3+.

La sintaxis de esta propiedad es la siguiente:

text-shadow: color ejeX ejeY RadioSombra;

Ejemplo:

p.shadow {
color: #333333;
text-shadow: #1486D6 1px 1px 2px;
}

Prueba de texto con fondo difuminado

Podemos poner varias sombras a un mismo texto separadas por comas. En Firefox 3.5+ se pueden poner infinidad de ellas, en Opera están limitadas y en Safari sólo se puede poner una.

p.shadow {
color: #333333;
text-shadow: #1486D6 3px 3px 15px, red -3px -3px 15px;
}

Prueba de texto con fondo difuminado con dos colores

La alternativa para Internet Explorer 7+ no ofrece el mismo efecto, pero es lo único que hay por el momento. Desde mi punto de vista, lo mejor es no utilizar este efecto en IE, simplemente ponemos el texto en negrita u otro color.

p.shadow {
display:block;
with: 100%;
filter: dropshadow(color=#FFFFFF,offX=1,offY=1);
}

Prueba de texto con fondo difuminado sólo para Internet Explorer 7+

Texto con sombra en tu web con CSS: text-shadow
2 Comentarios

Font Squirrel, descarga gratis cientos de tipografías y kits @font-face

Font Squirrel, descarga gratis cientos de tipografías y kits @font-face

Font Squirrel, al igual que Dafont, es un portal donde podemos encontrar cientos de tipografías de descarga gratuita. Todas las tipografías que podemos encontrar en Font Squirrel tienen licencias creative commons que nos permiten utilizarlas en cualquier tipo de trabajo, incluso en proyectos comerciales. Disponemos de un buscador para buscar por el nombre de tipografías, aunque quizá sea más útil utilizar las categorías para encontrar el tipo de tipografía que estamos buscando: pixel, comic, caligráfica, con efectos desgastados o grunges, etc. También tenemos a nuestra disposición un listado con las fuentes más descargadas y las últimas añadidas.

Finalmente caben destacar los cientos de kits que podemos descargary que soportan la propiedad CSS3@font-face. Cada kit está compuesto por varios archivos: un .ttf, un .eot para internet explorer, una hoja de estilos de ejemplo y un texto con la licencia de uso del kit.

Más información | http://www.fontsquirrel.com

Sin Comentarios