elWebmaster.com

Estos días nos amanecimos con una noticia que podría cambiar el panorama actual de los sistemas operativos. Es que Mark Shuttleworth –el fundador de Ubuntu– le anunció a The Register que su próximo desafío es cambiarle la cara a Linux para hacer que luzca “mucho mejor que Mac OS X”. Una meta más que ambiciosa.

Es de público conocimiento que la interface de Linux no es algo maravilloso a la vista. De hecho, aunque se sabe que es un sistema operativo mucho más estable que Windows o Mac, la primera impresión es la que cuenta… Más allá de lo estético, el principal problema de Linux sigue siendo la incompatibilidad del software (lo que importa es lo de adentro ;)). ¿Y tú? ¿Te cambiarías a Linux se fuera más bonito?

Rounded Cornr es una aplicación online que nos permite generar esquinas redondeadas para el contenido o botones de nuestro sitio web o blog. En pocos pasos obtendremos el código necesario para usar en nuestro HTML y en la hoja de estilos CSS.

Sólo hace falta definir ciertos parámetros como el color de fondo, el color de la caja, el tamaño del radio de la esquina, etc. y hacer clic en “Generate RoundedCornr”. Luego copiamos y pegamos el código ¡y listo! Seguir leyendo

Hoy en día, el diseño y la originalidad ha llegado a los lugares más recónditos de la red, incluso hasta las páginas que arrojan el famoso error 404 -“Error 404 Page not Found”-.

Las simpáticas maneras de anunciarlos logran que el usuario se lo tome con gracia así que lejos de no tomarnoslo en serio, les dejo algunos de los más divertidos diseños para que se inspiren, se rían y disfruten…Es una buena posibilidad de demostrarle a los navegantes que estamos en todos los detalles de nuestro sitio, aún en los errores. Seguir leyendo

No todo es programar (casi todo ^_^), también está la hora de poner linda nuestra máquina, para lo cual los quisquillosos del diseño buscamos toda clase de íconos, fondos de pantalla, skins, widgets y quién sabe cuántas cosas más.

A los que sean fanáticos de Firefox, como yo, les comento que en Hongkiat.com han colgado 70 wallpapers gratuitos del navegador de Mozilla, varios de ellos con un diseño muy pero muy bueno. ¡Échales un vistazo, no te arrepentirás!

Lo natural en la web parece ser el flujo vertical de los elementos, cuanto más contenido hay en una página, más larga se vuelve la misma. Esto responde a criterios de usabilidad dado que estamos acostumbrados a leer líneas de texto cortas que, una debajo de otra, conforman los párrafos de un texto.

Pero ¿se pueden romper los estándares? La respuesta es: “depende de tu propósito”. Si lo que quieres es distinguirte, tu público tiene el ojo entrenado y el tipo de contenido de tu sitio amerita dinamismo ¡bienvenido sea el scroll horizontal! Entérate cómo conseguirlo y conoce los mejores ejemplos. Seguir leyendo

Muchos estaban preguntando cómo crear en un borde de su sitio web o blog una pestaña dinámica que al hacer clic en ella despliegue un panel con publicidad, un par de campos de login de usuario, enlaces, etc. Esto es muy sencillo de hacer si nos ayudamos con CSS y Javascript (via MooTools).

Y aquellos que se estén preguntando qué pasa si alguien desactiva Javascript en nuestro sitio pero no desactiva los estilos CSS, les cuento que también tenemos un truco para que no aparezca el panel en este caso. ¿Qué esperan para comenzar? Seguir leyendo

GrayBit es una herramienta online que sirve para testear la accesibilidad de nuestro sitio web para personas con problemas visuales (principalmente por falta de contraste en los colores). Lo que hace es mostrarnos una copia de nuestro sitio en escala de grises (blanco y negro).

Su uso es verdaderamente muy sencillo, todo lo que hay que hacer es ingresar la URL del sitio y hacer clic en “Make it Gray”. Luego de hacer esto seremos redireccionados a la versión en grises de nuestra página web. Seguir leyendo

En el diseño de un sitio web es fundamental tener un buen menú.
Buttonator, es un instrumento que servirá para ayudarnos en la tarea de la elaboración de los botones de nuestra página muy al estilo web 2.0 y nos ahorrará a su vez mucho tiempo.

La herramienta es gratuita y nos permite crear nuestros propios botones personalizados, una opción interesante para los que no son de usar mucho el Photoshop o para aquellos que no desean descargar ningún software. Seguir leyendo

JW Image Rotator te permite crear un carrusel o galería de imágenes dinámica en Flash para tu sitio web. Posando el cursor por encima se habilita una botonera para avanzar o retroceder las imágenes.

Lo más importante es que mediante un API para Javascript puedes controlar completamente los efectos de trancisión y todo lo demás. Tú eliges las imágenes y luego incluyes la galería en tu sitio pegando un código embed como si se tratara de un video de YouTube. ¡Es así de fácil! Seguir leyendo

Christian Neagu es un diseñador y desarrollador web de Rumania que posee un blog desde donde brinda recursos de distintos tipos, como HTML/CSS, SEO, publicidad y usabilidad
En esta ocasión nos trae un interesante menú horizontal al estilo Flickr.

Este Flickr Horizontal Menu es muy sencillo y está completamente desarrollado con JQuery. El menú puede ser implementado con Prototype, MooTools o algunas funciones básicas Javascript. Seguir leyendo