.titanic { float: none; }

.ninja { color: #000; visibility: hidden; }

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…)

Una clase bastante cómoda y rápida de usar. Viene de lujo para redimensionar imágenes al vuelo y guardarlas en el servidor o mostrarlas sobre la marcha.

Cuenta con opciones para hacer el crop automático, configurar la calidad de la imagen final, etc.

.

– Descargar Clase PHP para redimensionar imágenes
– Tutorial de uso

Cuando pones en manos del cliente la capacidad de editar alguna sección de su Web como noticias o artículos de una tienda virtual, lo mejor es usar un buen editor de texto WYSIWYG (Lo que ves es lo que hay). Gracias a esto podrán crear sus propios contenidos como si estuvieran en el mismísimo Word de Office.  Aquí os dejo la dirección del último que he descubierto y que tiene buenísima pinta. Es gratis, admite configuración de color o cambiar el tema completo para que se parezca al office o customizar qué botones quieres mostrar:

– Ver Demo CKEditor
– Descargar CKEditor

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.

– 30 Selectores CSS que debes memorizar

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…)

Maquetar hoy en día es una tarea de locos, cada explorador tiene un motor de render y suelen ofrecer resultados diferentes a la vista en muchos elementos.

A continuación os dejo 3 consejos que pueden resolver ciertos fallos. (más…)

Os adjunto un Reset CSS para maquetar. Yo lo encontré en el Framework CSS de Blueprint y según muchos expertos, dicen que es el mejor. Digamos que el objetivo de este CSS es el de reducir inconsistencias que existen entre los diferentes renders de navegadores a la hora de mostrar una Web. (más…)

La verdad que el diseño de los Checbox es horroroso cuando lo insertamos por defecto y es uno de los elementos que peor se llevan con los estilos así que a la hora de manipular el diseño suele conllevar dolores de cabeza.

Para ahorrarte alguna aspirina te dejo este código con JQuery que cumple muy bien el objetivo. Podrás cambiarle el diseño al 100%. Con un estado hover, selected, etc.

Espero que le saquéis partido.

· Demo: Ver Contenido

· Tutorial: Ver Contenido