Si bien WordPress es el CMS más conocido, también existe una importante comunidad que usa Blogger como motor para sus blogs; existen algunos themes excelentes, sin embargo, es mucho más común encontrar diseños para WP. A pesar de que no existen tantos recursos para diseñar orientado a Blogger, hay unas guías para crear templates que pueden resultar muy útiles. Conociendo el editor de Blogger Para poder hacer cambios, es imprescindible familiarizarse con el editor de código, dado que no existe soporte para FTP. Para editar una plantilla en Blogger hay que hacer lo siguiente: Loguearse al panel de administrador, y en la pestaña Template elegir la opción Edit HTML. Aparecerá una ventana con un cuadro de texto, en donde se puede empezar a editar el código, como en cualquier IDE. Regreso a las bases Al final, una plantilla de Blogger es parecida a una de WordPress; se constituye por HTML, hojas de estilo y ...

Muchas ocasiones los diseñadores, además de tener el navegador de Internet abierto, también tienen abiertos infinidad de programas para poder hacer su trabajo. Y, si eres usuario de Firefox, tenemos magníficas noticias para tí. La comunidad de desarrollo del Mozilla Firefox, ha logrado que los desarrolladores programen infinidad de agregados; y entre ellos, muchos muy útiles para los diseñadores. Aquí cubriremos 19 agregados que nos permitirán elegir colores, medir dimensiones, guardar imágenes, etc. Aunque por otro lado, te advertimos que, entre más agregados instales, más lento se volverá el Firefox (seguramente ya lo sabías). Herramientas de Color Colorsuckr: Ya te hemos hablado de éste agregado en algún post anterior; pero te lo recordamos, ColorSuckr elegirá los 12 colores más comunes de una imagen para permitirte hacer una paleta de colores basada en dicha imagen. ColorZilla: ColorZilla permite obtener una lectura desde cualquier punto del navegador, lo cual, permite ajustar el color y pegarlo a ...

  AllGraphicDesing.com ha reunido los mejores tutoriales disponibles en la red para crear efectos vintage, retro y pop art con Photoshop. 60 tutoriales para diseñadores gráficos y diseñadores web: coloreado, creación de wallpaper, efectos de cabaret, efecto comic, poster retro, cartas antiguas, camisetas, pin-up, pixeles y estampados… Un listado de recursos útiles y, que seguramente, necesario para hacer que tus imágenes tengan ese encanto de las cosas de los años 60′s y ...

Cuando quieres darle un toque personas a lo que diseñas y no sabes como, una opción válida, amena y vistosa puede ser la utilización de fuentes escritas a mano y dibujadas. Estas fuentes se parecen a las que cualquier persona puede hacer con un boli y un papel, pero están en formato digital, por lo que no tendrás que tener una tableta gráfica para escribir en tus diseños. Naldz Graphics hace una recopilación de más de 45 fuentes de este estilo que no tienen desperdicio. Os dejo un ejemplo de una fuente que me ha gustado para los diseños, pero podéis buscar en la página. Hay muchas y a cada cual mejor ...

La librería más conocida hecha con JavaScript quizás sea jQuery, pero hay otras alternativas igualmente potentes que pueden ser la solución a algunos enredos en nuestros proyectos y  diseños. Smashing Magazine ha hecho una recopilación de librerías que nos pueden ser útiles. Están clasificadas en categorías: Formularios, Animación, Visualización y efectos de imagen, Bases de Datos, Funciones matemáticas y cadenas de texto, Fuentes, Depuración y “logging”, y Otras. La verdad es que no tienen desperdicio y seguro que a alguna le encuentras alguna utilidad ...

En sortega hacen una recopilación de 33 revistas online para diseñadores. Siempre está bien tenerlas a mano ya que si en algún momento necesitas hacer algo distinto, no te acuerdas de cómo se perfeccionaba una técnica o si buscas algún recurso para tener a mano en esos momentos faltos de inspiración te pueden sacar de un apuro. La recopilación incluye una descripción de cada revista que nos detalla los temas que trata y su calidad. Hay muchas y muy variadas, por lo que no puedes perderte alguna de estas webs ...

Si quieres mostrar galerías de imágenes hay diversas soluciones que te pueden interesar. En 1st WebDesigner tienen una recopilación de 57 galerías de este tipo catalogadas en: Ajax, JavaScript (jQuerry, Mootools) y lightbox CSS Flash Estas opciones te pueden interesar si quieres mostrar varias imágenes de forma sencilla y vistosa. También es apta para fotoblog y diseños tipo revista, pero esto ya va según tu ...

Algunas veces necesitamos saber el nombre de algún tipo de letra para nuestras aplicaciones y diseños, pero la única muestra que tenemos está en una imagen. La solución de este problema pasa por utilizar What The Font. Esta aplicación web nos permite subir una imagen donde aparezca nuestra fuente o escribir la url de la imagen. Con esto haremos que la aplicación intente reconocer cada una de las letras que haya en la imagen, las cuales deberemos comprobar nosotros para verificar que la aplicación hizo una buena comparación. Si esto no es así­, y la aplicación no pudo reconocer bien la letra, nosotros mismos la podemos indicar. En el siguiente paso la aplicación muestra una serie de fuentes similares a la de nuestra imagen con su respectivo nombre y una muestra de cómo serí­a la fuente. Este sería un ejemplo de funcionamiento de la ...

La usabilidad de un sitio web, o traducido a la lengua de Cervantes facilitarle la vida al usuario lo máximo posible a la hora de navegar por un sitio web, es cada día más importante dentro del medio. Cada vez son más las webs que forman la www y se convierte en imprescindible aplicar todo lo que sea necesario para que nuestro sitio destaque sobre los demás. Si no eres experto en el tema de hacer diseños usables, que mejor forma de empezar que con unos simples tips de muy fácil aplicación, a saber: Incluye siempre un lema que describa clara y concisamente al sitio y que esté en una posición privilegiada (el header por ejemplo) Ofrece a tus visitantes un cajón de búsqueda de contenido No abuses de elementos gráficos Añade un mapa del sitio, tanto para visitantes como para buscadores No rompas el flujo de trabajo del usuario. Dale opciones siempre La estructura tiene que ...

Vamos con un clásico dentro de los recursos para diseño, menús CSS ya montados y listos para descargar. En este caso nos los proporcionan desde el sitio styledmenus, donde recopilan un número de ellos bastante aceptable que suponemos irá en aumento con el tiempo. Cada menú cuenta con una página individual donde se muestra una demo en funcionamiento, descripción, los navegadores en los que ha sido probado y el enlace para descargar el código e imágenes si es que las necesita. Enlace: Styled Css Menus | Vía: ...

Dentro del diseño web la parte imprescindible de todo sitio es su interface, un conjunto de bloques, textos, imágenes y demás elementos que deberían estar en perfecta consonancia para que el usuario vea rápidamente y pueda navegar fácilmente por la información que le queremos transmitir. Y como casi todo, la calidad se consigue con los detalles, pequeños toques basados en teoría que mejoran la efectividad de por ejemplo un botón. Como no podía ser de otra forma los de smashing magazine escribieron sobre este interesante tema del diseño de interfaces, concretamente nos proporcionan 10 técnicas con las que mejorar nuestras interfaces web. Información de la valiosa, clarita y al grano del asunto: como mejorar resultados. Enlace: 10 Useful Techniques To Improve Your User Interface ...

Con lo próximos que estamos a la navidad muchos son los blogs que han realizado recopilatorios varios sobre el tema, especialmente los centrados en recursos para diseñadores. Smashing apps publicaba el otro día un “recopilatorio de recopilatorios”, es decir que han juntado los listados más interesantes de recursos navideños que andan por la red en un solo post. Tenemos de todo un poco, desde fondos de escritorio, hasta tutoriales pasando por pinceles, diseños con la temática de la navidad como protas, tipografías etc. Ideal guardarlo no solo para este año, si no para los venideros. Enlace: 19 Must-Have Collection Of Free Christmas Resources (Exclusive Designers ...

Nuevo sitio dedicado a proporcionar logotipos para los que no manejan mucho de identidad corporativa, no tienen tiempo o simplemente les faltan ganas de ponerse a diseñar el típico “chollo” de última hora. LogoInstant ofrece varios logotipos guardados en diferentes categorías que podremos descargar y usar tanto en proyectos comerciales como personales. Lo que descargamos es un archivo .psd, ideal también para aprender como aplicaron determinado efecto en un logo o poder modificarlo para dejarlo acorde a nuestras necesidades. Por el momento el volumen de logos es pequeño pero su calidad bastante aceptable. Enlace: LogoInstant ...

Además de los pinceles de photoshop los estilos son un buen recurso para acelerar el proceso de diseño y obtener buenos resultados de una forma muy simple. La oferta de estilos no es muy boyante dentro de la red pero alguna cosa va saliendo como este pack desde deziner folio con 200 estilos diferentes totalmente gratuitos y listos para usar. Entre la abultada cifra los encontraremos de todos los tipos y colores, con degradados, efecto brillo etc. Enlace: 220 Amazing Free Photoshop Layer Styles ...

Los iconos de estilo mini son un recurso interesante para darle un toque a algún diseño, siempre con mesura para no recargar. Cierto es también que el número de packs con este tipo de iconos que podemos encontrar por la red no es igual a los que encontraremos de otros tipos de iconos. Blog and Web nos echa un cable con el asunto y nos brindan un recopilatorio con unos cuantos packs de este tipo de iconos, todos ellos gratuitos encontrando viñetas, flechas y mini iconos de temática ...