Diseño gráfico, desarrollo web y software libre.
Desarrollo web
3 estupendas herramientas online para crear menús con CSS.
2hace 2 años
Crear un menú con estilos CSS es relativamente sencillo pero no siempre tenemos el tiempo o los conocimientos necesarios para hacer el menú que buscamos. Como ayuda existen 3 herramientas online que nos pueden resultar útiles:
izzymenu.com: Impresionante, para empezar nos da bastantes opciones para personalizar cada menú. Pero es que además cuenta con cientos de diseños predefinidos de muy buena calidad, tanto creados por los editores como por los propios usuarios. Incluso podemos generar menús animados con Jquery.
Su peor defecto es la forma exagerada de mostrar la publicidad, hasta en los archivos que descargamos aparece publicidad de su CMS (que por supuesto podemos eliminar). Otra desventaja es tener que registrarse para poder usar todas las opciones.
cssmenubuilder.com: Otra estupenda herramienta que además genera código bastante más “limpio”. Su galería de menús predefinidos en mucho más corta pero a cambio podemos modificarlos totalmente sin necesidad de tocar el código.
La única desventaja que le encuentro es que no podemos generar la estructura de enlaces desde la propia herramienta. Aunque tampoco es ningún drama pues la propia herramienta nos permite crearla a mano.
cssmenumaker.com: Una opción más simple, contamos con una galería de unos 80 diseños predefinidos pero que no podemos modificar estéticamente. Como ventaja si podemos generar la estructura sin salir de la herramienta, incluyendo submenús. Es interesante, aunque mucho menos potente que las 2 anteriores. (más…)
Las mejores herramientas online para crear un favicon.
2hace 3 años
Un favicon es una imagen asociada a un sitio web. Casi todos los navegadores hacen uso de ellas, por ejemplo para ilustrar gráficamente a que web pertenece cada pestaña o para que nos sea más sencillo encontrar la web que buscamos en la lista de favoritos. Por supuesto no es algo imprescindible pero siempre queda bien estéticamente y realza el acabado de nuestro sitio web.
Existen muchas herramientas de escritorio para crearlos, así como herramientas online. Tratándose de algo tan especializado y sencillo prefiero la segunda opción, donde nos encontramos 2 tipos diferentes: las que generan el favicon a partir de una imagen y las que nos permiten dibujarlos a mano. Estas son las herramientas online que conozco y una pequeña descripción:
A partir de una imagen:
genfavicon: Unas de las herramientas más jóvenes pero muy bien realizada. La única que se encuentra en español, es muy sencilla de manejar y nos permite recortar la imagen, algo muy útil pues los favicon tienen que ser obligatoriamente cuadrados.
html-kit.com/favicon: Otra buena herramienta, lo mejor son sus opciones de previsualización y que nos genera tanto el archivo .ico como un .gif animado (no todos los navegadores soportan estos favicon). Para imágenes con pocos colores tipo dibujo es el que consigue resultados más enfocados. (más…)
Prueba tus sitios web en todos los navegadores.
4hace 3 años
Cualquiera que se dedique al diseño web o al desarrollo de aplicaciones online sabe que un proyecto, antes de considerarse terminado, debe ser probado en la mayor cantidad de navegadores posible. Una forma de simplificar el trabajo es hacer pruebas según el motor interno de cada navegador, que principalmente son:
- Trident: Internet Explorer
- Gecko: Firefox, Flock, Camino, K-Meleon, Epiphany, etc…
- Webkit: Safari, Chrome, Konqueror, etc…
- Presto: Opera
Si probamos el nuevo sitio web en al menos un programa de cada grupo y no aparecen problemas, nos aseguramos una buena compatibilidad. Pero también es cierto que cada navegador usa una versión diferente de su motor de renderizado, por lo que este truco no resulta del todo fiable.
Por ese motivo en los últimos años han aparecido servicios que nos facilitan hacer pruebas en casi todos los navegadores existentes y en un amplio rango de versiones. Desde las más modernas, a otras con una década a sus espaldas que nadie con un poco de cordura usará, por ejemplo IE 4. (más…)
Al infierno con Internet Explorer 6.
0hace 3 años
Con la reciente salida de Internet Explorer 8, por fin he tomado la decisión de no dar más soporte a la versión 6, ni en mis sitios web, ni en trabajos para clientes. Basta ya de los malditos hacks en css, de no poder usar imágenes png de 24bits con transparencias, etc..
La versión 7 ya supuso en su día un poco de aire fresco, tampoco mucho pero al menos tapaba las carencias más graves. Ahora la versión 8 supone una gran mejora y aunque su soporte de Acid3 test es un penoso 20/100 (el peor entre los navegadores que han salido o saldrán durante el 2009), al menos trae una excelente noticia consigo: Internet explorer 6 está obsoleto por 2 versiones y, por tanto, no considero necesario seguir probando nuevas webs para asegurar su compatibilidad.
Aun así, soy consciente de que demasiada gente sigue usando dicha versión. Según las estadísticas de este blog el 34% de los usuarios de IE tienen la versión 6, lo cual es difícil de entender pues:
- Microsoft ya no ofrece soporte, estando sus usuarios desprotegidos ante los últimos fallos de seguridad.
- Muchos sitios web modernos no funcionan correctamente por su deficiente soporte de estándares.
- Está obsoleto en todos los sentidos, por favor, si ni siquiera tiene pestañas.
- Su rendimiento comparado con la versión 8 u otros navegadores es pésimo.
Todos los emoticonos de WordPress y su código.
2¿Nunca os habéis preguntado cuales son los códigos de todos los emoticonos disponibles por defecto en WordPress? Algunos como la sonrisa son evidentes, otros como la cara verde no lo son tanto. Pues bien, aquí tenéis un listado completo de los emoticonos que vienen por defecto con WordPress y el código necesario para que aparezcan (sin las comillas):
| “:)” | “:-)” | “:smile:” |  |
| “:D” | “:-D” | “:grin:” |  |
| “:lol:” |  |
||
| “:mrgreen:” |  |
||
| “:(” | “:-(” | “:sad:” |  |
| “:x” | “:-x” | “:mad:” |  |
| “:cry:” |  |
||
| “:-o” | “:eek:” |  |
|
| “8O” | “:shock:” | “8-O” |  |
| “:?” | “:-?” | “:???:” |  |
| “:p” | “:-p” | “:razz:” |  |
| “8)” | “8-)” | “:cool:” |  |
| “:roll:” |  |
||
| “:evil:” |  |
||
| “:twisted:” |  |
||
| “:oops:” |  |
||
| “;)” | “;-)” | “:wink:” |  |
| “:|” | “:-|” | “:neutral:” |  |
| “:!:” |  |
||
| “:idea:” |  |
||
| “:arrow:” |  |
Otra opción más cómoda es usar algún plugin, por ejemplo WP Smilies, que nos permita agregarlos en las entradas del blog o los comentarios de forma gráfica. Aunque claro, esto solo nos sirve en nuestro WordPress, mientras que estos códigos sirven para cualquier instalación de WordPress, otros CMS compatibles e incluso algunos clientes de correo o chat. (más…)
Comentarios recientes