8.795 lecturas 4 comentarios

Muse – Crea Webs en HTML5 sin escribir código

Con la intención de acercar HTML5 a todo el mundo, Adobe, saca al mercado su última creación, con el nombre en clave: Muse. Sus pretensiones no son otras que facilitar, lo máximo posible, el diseño y publicación de tu propia web y, lo que es más importante, sin escribir ni una sóla línea de código. (más…)

4.677 lecturas 0 comentarios

Websockets en HTML5

Una de las grandes novedades que nos trae HTML5 es la inclusión de sockets. Este sistema nos permite estar conectados a la Web en «caliente» sin necesidad de Ajax. Gracias a esto podemos hacer aplicaciones donde, por ejemplo, los usuarios puedan interactuar sin refrescar la página o recibir información sobre la marcha.

Ver tutorial de cómo usar WebSockets en HTML5

8.405 lecturas 0 comentarios

Genera gráficas dinámicas en tu web

generar-graficasSi hay algo que debemos evitar a toda costa es mal gastar el tiempo intentando reinventar la rueda. Generar un script de gráficas puede ser una tarea muy costosa y es por eso que hay que aprovechar módulos ya hechos y que funcionan tan bien como este. El Api de Google Gráficas nos permite generar todo tipo de modelos en segundos.

Visitar página de Google con información, demos, etc.
Ver una demostración rápida
Descargar archivos de ejemplo

6.599 lecturas 3 comentarios

CSS anti morosos

billetesEn el mundo del diseño web nos encontraremos numerosos casos de clientes que no quieren pagar. Lo normal es ir trabajando conforme recibimos los pagos, pero ¿Qué ocurrirá con el último? ¿Debemos subir la Web y fiarnos de que el cliente pagará? (más…)

6.089 lecturas 0 comentarios

CSS: Filtro de opacidad

Ha continuación os dejo una clase que te permitirá poner cualquier objeto de tu Web con la transparencia que necesites.

Todos los objetos en una web son 100% opacos, con estos filtros podemos bajar el efecto hasta hacerlos transparentes.

La primera linea, segunda y tercera son para Explorer. Solo la primera debería valer pero en ciertas ocasiones el render se le va la cabeza y no muestra el efecto si no se acompaña de alguna propiedad más como puede ser Float o Width.

La cuarta linea es para Firefox y la quinta para versiones anteriores de Firefox.

Así que con este código completo no deberíais de tener problema en ningún explorador.

.claseopacidad {
filter:alpha(opacity=25);
width: 120px;
float: left;
opacity: .25;
-moz-opacity: .25
}

3.165 lecturas 0 comentarios

Menú de Vista en CSS

Si queréis crear un menú para vuestra Web con la estética de las barras de Windows Vista y compatible en todos los navegadores mediante CSS, descargar esta botonera y lo tendréis muy fácil. Valida W3C CSS y XHTML.

· Descargar Ver Contenido

· Ver Demostración Ver Contenido

– Archivo Adjunto: vistabar.zip