Fontself es un servicio que ya comentamos hace unos meses que nos permite crear textos en varias tipografías divertidas y exportar el resultado en algunas plataformas de publicación como myspace o blogger.
Pues bien, según conocemos a través de The Next Web, Fontself ha lanzado una herramienta que permitirá a desarrolladores web insertar dichas fuentes en HTML y Flash, ya que recordemos que anteriormente solamente se podía insertar en redes sociales y en Blogger.
Otras de las novedades es que podemos imprimir una plantilla para insertarle las letras personalizadas a mano, escanear y finalmente volver a subir para crear nuestras fuentes personalizadas.
En definitiva, unas excelente novedades que impulsaran una vez más este servicio que ya utilizan miles de usuarios.
Categoría: Utilidades para diseño
Aplicaciones y recursos para diseñar. Recursos para diseñadores, herramientas gratuitas y consejos para diseñar por móvil y web.
LittlePSD – directorio colaborativo de diseños en psd
Con las mejoras en las conexiones a Internet, en los equipos informáticos y en las nuevas tecnologías introducidas en los navegadores web, los sitios web han ido prestándole más atención a la parte visual para hacerlas más atractivas, amenas y funcionales. Siempre viene bien contar con directorios de diseños como Littlepsd, un directorio colaborativo donde podemos encontrar aquellos trabajos aportados, en formato PSD, por otros usuarios para que podamos verlos y descargarlos para poder introducirlos en nuestros diseños.
Pero además, si somos diseñadores, también podemos aportar nuestro granito de arena subiendo nuestros propios diseños para que otros usuarios que les puedan hacer falta, puedan descargarlos e incorporarlos en sus diseños.
Por ahora, son pocos los trabajos disponibles, pero sin duda es una buena opción si se llega a crear una gran comunidad.
CSSPivot – Altera el archivo CSS de cualquier sitio web y comparte el resultado
Si queréis mostrar al mundo vuestra habilidad con la programación de hojas de estilo, echad un vistazo en CSSPivot.
Se trata de un proyecto que nos permite substituir el archivo CSS de cualquier sitio web que los use, permitiendo añadir nuestro trabajo y ver el resultado sin afectar, lógicamente, al sitio web trabajado.
El resultado puede ser compartido usando una url generada por CSSPivot, lo que facilita su distribución para mostrar a los posibles clientes vuestra capacidad con el tema.
Podemos, por ejemplo, modificar el aspecto de sitios tan famosos como reddit, obteniendo resultados como el divulgado en esta url: www.csspivot.com/GMKAW.
Para trabajar con la web sólo tenemos que indicar la url del sitio que queremos «modificar», incluir nuestro CSS y ver el resultado, así de sencillo.
Muy interesante desde el punto de vista académico y profesional.
quijotipsum – El Lorem Ipsum con textos del Quijote
Seguramente pocos de vosotros no han «leído» alguna vez los famosos textos «Lorem Ipsum» que ocupan bloques de texto de miles de bocetos en la web.
Como comentan en el sitio oficial, Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500. En la historia cuenta que uno de los que trabajaban en la imprenta usó una galería de textos y los mezcló consiguiendo hacer un libro de textos especimen.
Ahora, con quijotipsum.com, tenemos la opción de darle un toque más español al tema, añadiendo textos de relleno obtenidos del propio Quijote.
Podemos seleccionar el párrafo y longitud antes de copiar las lineas que usaremos para rellenar nuestros trabajos.
Una buena idea, más agradable que el blablabla en latín, desde luego, y más útil para los que necesiten probar acentos.
Gracias Pablo por la noticia.
IECSS – Conoce las hojas de estilo de Internet Explorer
IECSS es una web en la que podemos descubrir las User Agent Style Sheet de Internet Explorer; o lo que es lo mismo, el lenguaje específico recomendado a nivel de CSS que debemos de utilizar dependiendo para qué navegador determinado estemos programando o, en caso de ser para todos, cual puede darnos problemas y en qué determinados estilos CSS.
La tabla principal de esta web compara las hojas de estilo predeterminado diferentes que sirven para programar en HTML en las cuatro principales versiones de Internet Explorer: IE6, IE7, IE8, e IE9. Puedes descargar sus hojas de estilo en la parte superior.
En esta web también encontrarás en la parte inferior las hojas de estilo de los navegadores Firefox 3.6.3, Webkit (el motor que usan Chrome y Safari) versión r57042 y Opera 10.51.
TemplateNinjas – Compras colectivas para adquirir plantillas de sitios web
Si acostumbráis a comprar templates de sitios web para vuestros clientes, algo que suele tener una relación entre coste y beneficio inmensa, os recomiendo que echéis un vistazo en templateninjas.com.
Muchas veces nos encargan sitios web para pequeños negocios o profesionales individuales que no pueden pagar el precio de un diseño personalizado, por lo que acudir a las tiendas de plantillas en diversas plataformas suele ser una solución ideal, siempre que quede claro que no es un diseño exclusivo y que puede haber miles de «copias» del mismo en la web.
Personalmente he usado estas tiendas con frecuencia para publicar sitios web en poco tiempo, adquiriendo plantillas por precios que rondan de los 20 a los 100 dólares.
templateninjas.com es un sitio de compras colectivas especializado en este tema, donde aparecen descuentos diarios para adquirir templates de diferentes estilos.
Aunque el material ofrecido sea exclusivo de la tienda templatemonster.com, la idea me ha parecido bastante interesante.
Algunas herramientas para programadores y diseñadores web
ZURB es una empresa muy bien establecida desde 1998, que desarrolla aplicaciones, entre otras actividades, las cuales son muy útiles para diversas áreas, a continuación se muestran algunas de ellas para evaluar su mejor uso.
Bounceapp
Una práctica herramienta que permite comentar diferentes partes de un sitio web para luego poder compartirlo en Facebook , Twitter o donde se guste. Su uso es sencillo, se ingresa la url del sitio web que se va a comentar, seguido hay que presionar el botón “Grab Screenshot”, luego, cuando cargue la página, con el cursor, seleccionaremos las áreas a destacar y comentar.
Una vez terminado el proceso hay que guardar la actividad, para que se genere una url acortada que podremos compartir donde gustemos.
Continúa leyendo «Algunas herramientas para programadores y diseñadores web»
WhatFont muestra las fuentes de las páginas que visitamos
Una interesante aplicación que nos permite conocer las diferentes fuentes utilizadas dentro de un sitio web, mientras se navega por las páginas del sitio, la herramienta se llama WhatFont Bookmarklet, la cual es fácil de usar.
Para ejecutarla sólo tenemos que arrastrar el botón a la barra de nuestro Bookmark del navegador. Para que el aplicativo entre acción se debe hacer clic sobre el Bookmark y el cursor al instante es acompañado por un recuadro negro, donde nos mostrará la familia de la tipografía utilizada en esa zona, más el estilo, tamaño, grosor y altura de la letra.
Un buen recurso para analizar los diseños propios y compararlos con los ajenos.
Patternify – Generador de patrones CSS
Una de la cosas que más les cuesta a los que empiezan a trabajar con la tecnología CSS es que las cosas se pinten donde se pretende y que no se muevan de sitio de una pantalla a otra.
Patternify es una juguete curioso que permite dibujar una imagen pixel a pixel en su pequeño editor web y obtener el archivo png de lo dibujado y el código CSS en formato base64.
El editor es básico pero permite al menos elegir el color del trazo, la opacidad, limpiar el dibujo, elegir un borrador, etc. También están disponibles unos patrones de ejemplo y se puede compartir las creaciones de cada uno con la comunidad.
Tiene un fallo menor y es que cuando descarga el archivo png no sabe ponerle la extensión y nos pide que no se nos olvide hacerlo a nosotros pero no tiene mayor importancia.
Contenedor de imágenes para diseñadores Web
Un recurso muy importante para esas etapas de plantilla o borrador, donde aún no se cuenta con la imagen final que rellenara un espacio determinado en el diseño web, puede ser lorempixum, un aplicativo muy útil que nos ayuda con esta ardua tarea en tiempo de diseño.
El proceso es muy sencillo, por medio de una declaración inline, como por ejemplo con las siguientes sintaxis:
https://lorempixum.com/400/200/nature
“ toma una imagen aleatoria de 400 í— 200px de la categoría de nature”.
https://lorempixum.com/g/300/200to
“inserta una imagen aleatoria en escala de grises de 300 í— 200px”
https://lorempixum.com/400/200/people /1to
“muestra la imagen 1 de 10 de la categoría people”.
Este sitio cuenta con las siguientes categorías disponibles: abstracto, animales, ciudad, comida, noche, vida, moda, gente, naturaleza, deportes, tecnología y transporte, siendo un buen recurso para bocetos de diferentes tipos.