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…)
No hay mejor manera de tener un código limpio que utilizando, correctamente, clases con selectores. Estoy seguro que cuando leas este artículo habrás aprendido algún selector que nunca antes habías usado.
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.
Una buena alternativa a TinyMCE y que, además, nos llega desde Google. Para los que nunca hayan usado un sistema de este tipo, decirles que se trata de un editor de texto que podemos implementar en nuestra Web y sustituirá todos los campos de tipo texto con un formato WYSIWYG (What you see is what you get, lo que ves es lo que hay).
• Ver demo de Google Editor
• Ver instrucciones de uso de Google Editor
Si 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
En 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…)
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
}
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
