Sin duda, elegir una buena tipografía puede ser la clave para lograr un gran diseño. Es por eso que hoy os traigo unos cuantos recursos que considero de gran calidad y utilidad.
Lo primero, antes de ponernos a descargar fuentes como posesos en busca de la que mejor quede con nuestro diseño es comprobar que no tenemos ya algo que nos valga instalado en nuestro sistema. Para ello podemos ir por la via tradicional de abrir la carpeta e ir mirando, hacer pruebas en el propio programa de diseño u optar por una de estas alternativas:
Font Picker:
Sin duda un descubrimiento interesante. Mediante su interfaz web o su aplicación multiplataforma realizada en Adobe AIR podremos ver como queda escrito un texto con las fuentes que tenemos instaladas en nuestro sistema.
http://richardsprojects.co.uk/products/font-picker/
Flipping Typical:
Similar a la anterior, salvo porque sólo dispondremos del interfaz web. Eso si, un sitio web mucho más cuidado y visual.
Y, ahora que ya hemos comprobado que no tenemos la tipografía que necesitamos, es hora de buscar.
Todos conocemos los directorios tipo Urban Fonts o DaFont. Lo malo es que no todas las tipografías que podemos encontrar en ellos son de suficiente calidad e incluso algunas no podremos emplearlas en nuestros proyectos comerciales. Por eso, os recomiendo echar un vistazo a Fontsquirrel.
Se trata de un increíble directorio de tipografías gratuitas, seleccionadas a mano en base a su calidad y que podrás usar en proyectos comerciales. Una delicia.
¿Conocéis algún recurso más que merezca la pena que conozcamos todos?
Si tenéis la misma memoria que yo seguro que ya habéis hecho una buena colección de chuletas de los lenguajes que empleáis más a menudo.
Con el uso cada vez más extendido de jQuery como librería javascript ya me iba haciendo falta una para no tener que andar buscando por la documentación cada vez que me olvido de algo y por eso os traigo esta que he encontrado vía Nettuts y que han publicado en Color Charge
Además, de formato png para consultarla en el ordenador la tenéis disponible para consultarla online desde vuestro iPhone e iPod Touch
jQuery Cheatsheet: http://colorcharge.com/jquery/
Los menús de navegación son uno de esos elementos de un sitio web en los que solemos poner bastante atención. Ayudar al usuario a encontrar lo que busca es una de sus misiones fundamentales y suelen estar presentes en todas las páginas de nuestro sitio.
Styled Menus nos ofrece una gran cantidad de bonitos menús desarrollados con HTML y CSS, compatibles con todos los navegadores y validados.
Sin duda nos resultarán de ayuda para nuestros futuros diseños o, incluso, como base para aprender a realizar nuestros propios e impresionantes menús.
Styled Menus: http://www.styledmenus.com/
Vía Intenta
Salvo que os guste escribir una y otra vez los mismos fragmentos de código cada vez que iniciais un proyecto seguro que tenéis almacenados vuestros snippets en alguna parte.
Yo o bien lo hago en el propio Aptana, creando una carpeta con snippets y agregándola al repositorio de códigos listos para usar o bien los tengo almacenados en Snippely, una aplicación hecha con Adobe Air de la que ya os hablé cuando os comenté mis aplicaciones favoritas hechas en Adobe Air.
Aún así, tener los fragmentos de código almacenados en local tiene el inconveniente de que si trabajas en más de un equipo tienes que repetir el proceso una y otra vez.
Snipt es una aplicación online, como otras muchas de las que ya hemos hablado, que te permite almacenar fragmentos de código o comandos para tenerlos siempre a mano.
La principal diferencia con otras aplicaciones similares es su fantástica interfaz de usuario, con un diseño muy cuidado y una clara intención de hacernos muy fácil ingresar nuevos fragmentos y navegar por los que ya tenemos almacenados.
El registro es muy rápido y completamente gratuito.
Snipt: http://snipt.net/
Vía Feed My App
Si las comparamos con las herramientas para Webmasters de Google, las herramientas de Live Search son bastante menos completas.
Aún así, el equipo de desarrollo realiza actualizaciones periódicas e incluye nuevas funcionalidades muy interesantes como la detección de malware en tu sitio.
Si te has encontrado baneado de los resultados de búsqueda y sospechas que tu sitio puede estar infectado por algún software malicioso o que quizá estés enlazando a algún sitio infectado podrás comprobarlo mediante una nueva característica de la herramienta de detección de errores de indexación (Crawl Issues).
Mediante esta herramienta obtendrás una lista de páginas de tu sitio que contienen o enlazan a malwares reconocidos y recibirás consejos para deshacerte de ellos. Además, una vez hayas solventado los problemas podrás solicitar que el robot de Live vuelta a rastrear tus sitios para eliminar cualquier penalización.
Live Webmaster Tools: http://webmaster.live.com/
Vía Visual Beta
Fugue es un increíble pack de 1000 iconos licenciados Creative Commons Atribución, lo que te permitirá emplearlos en cualquier proyecto personal o comercial.
Además, Yusuke Kamiyamane es el autor de otro fantástico set, también bajo licencia Creative Commons, de 400 iconos llamado Diagona que podréis encontrar también en su sitio web
Puedes descargarte los dos packs en la web del autor: http://www.pinvoke.com/
Cuando iniciamos un proyecto web todos o casi todos comenzamos creando una estructura de directorios y poco a poco vamos creando los ficheros que compondrán nuestro trabajo.
Cuando usamos frameworks en programación obtenemos esa estructura y ficheros básicos de forma que no tenemos que plantearla nosotros mismos ni ir a buscar las últimas versiones de los scripts que nos ayudarán en el desarrollo.
Deploy* propone una aproximación similar para proyectos de maquetación de sitios, nos facilita la estructura de directorios, las plantillas para los documentos HTML y CSS e incluso,si así lo queremos, la última versión de jQuery y algunos de sus plugins.
Todo esto mediante un sencillísimo interfaz web desde el que podremos ir seleccionando los elementos de nuestro proyecto.
Lo mejor de Deploy* es que está liberado bajo licencia libre y disponemos del código fuente, así podremos instalarlo en nuestro servidor y adaptarlo a nuestras necesidades.
Deploy*: http://projectdeploy.org/
Vía Deziner Folio
Todos los que andamos preocupados por el posicionamiento en buscadores seguro que periódicamente comprobamos nuestra posición para determinadas palabras clave.
ExactFactor es una sencilla herramienta que nos permite hacer la comprobación automática, hasta ahí como otras muchas, la ventaja de ExactFactor es que con sólo crearnos una cuenta gratuita nos enviará un reporte semanal de nuestras posiciones e incluso de como nos posicionamos respecto a la competencia.
Además podremos programar alertas para ser informados cada vez que nuestras posiciones cambien o lleguemos a la primera página en Google.
ExactFactor: http://www.exactfactor.com
Vía Feed My App
Ya hemos comentado muchos servicios que nos alertan si nuestro sitio web se cae, Ding It’s Up! es otro más que añadir a nuestra caja de herramientas y que tiene una particularidad frente a los demás.
Además de notificarte por e-mail o SMS podrás indicarle un usuario de Twitter al que alertar si tu web se cae y otra vez cuando resucite.
Crear una alerta es tan sencillo como escoger el tipo de notificación e ingresar el e-mail, teléfono o usuario de Twitter que deba ser avisado. Sin registros ni más complicaciones.
Ding it’s up!: http://www.dingitsup.com/
Vía Mashable
Sitepoint, conocidos por publicar algunos de los mejores libros sobre desarrollo web nos quiere hacer un regalo de lo más interesante.
Sólo tienes que acceder a Twitter y comenzar a seguir a @sitepointdotcom en un periquete recibirás un mensaje directo con un enlace para que puedas descargarte la versión en PDF de The Art & Science of CSS.
El libro es, según mi opinión, una de las lecturas casi obligatorias para cualquiera que trabaje con hojas de estilo en cascada.
Eso si, si lo queréis daos prisa porque quedan sólo 6 días de promoción.
Más información en http://twitaway.aws.sitepoint.com/
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
El principal motivo por el que no recomiendo utilizar Smarty es porque el propio PHP tiene una sintaxis embebida, lo que permite utilizarlo sin más para escribir plantillas web.
Guerra Creativa es una comunidad para Creativos. Nosotros te proporcionamos el campo de batalla y el armamento para conquistar el mundo creativo. A través de concursos de diseño web y de logos, l…
Con este Ebook puedes tener un sitio web con hospedaje y domino gratis, ademas de un CMS gratis, no debes registrarte en nada, lo unico que debes hacer es luego de leerlo compartirlo, regalarlo, si…
Lista de 32 sitios para descargar imagenes gratis, es una recopilacion de no uno ni dos sino 32 Bancos de Imagenes
Post para aprender a descargar las conocidas librerías de Evermotion para diseñadores que trabajan con 3Ds Max.
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Ver más noticias de los usuarios
