Hace unos meses publicamos una entrada en donde hacíamos referencia a Popubooks, una plataforma que pretende ayudar a usuarios con inquietudes literarias, a crear de forma colaborativa, relatos o novelas de cualquier tipo.
Hoy Miguel, uno de los desarrolladores de esta interesante plataforma nos avisa de que han introducido nuevas características que hacen de Popubooks un portal mucho más social.
Dichas funciones son: Perfiles más sociales, nuevo sistema de reputación, la posibilidad de añadir amigos, crear grupos, insertar comentarios, conexión entre redes sociales y un nuevo diseño más rápido y accesible.
Si habéis probado estas nuevas características nos gustaría que dieseis vuestras opiniones en los comentarios, de esta forma podréis animar a otros usuarios a probar el servicio.
Enlace: Popubooks
Etiqueta: diseño
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»
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.
sketchheroes – Editor online para aprender a dibujar superheroes
En la categoría de dibujo ya os he mostrado muchos recursos que pueden ayudar a mejorar nuestra habilidad a la hora de hacer algo decente con un programa de dibujo online, aunque ninguno estaba orientado al diseño de superheroes como sketchheroes.com.
Además de una larga colección de tutoriales y vídeos, tenemos instruccionespara dibujar manga o guines para nuestras tiras cómicas, por ejemplo.
Podemos compartir los tutoriales creados por nosotros, disfrutar de la galería pública y registrarnos para ser parte de la comunidad de usuarios que, al fin y al cabo, son los protagonistas de esta aplicación.
prefixMyCSS ”“ Ayudando a migrar de CSS a CSS3
Llega a la nube una nueva opción para los que maquetean y deben apoyarse en los archivos CSS para dejar tal cual luce el arte grafico por medio de los estándares actuales, no descuidando el peso de éstos que en muchas ocasiones si no los estructuramos adecuadamente nos hacen lenta la navegación de los sitios web.
Para ello presentamos prefixMyCSS una aplicación en línea que nos permite formatear el archivo CSS y proveer prefijos para la CSS3, también retirar todos los comentarios y generar el archivo en una sola línea para ahorrar peso como se comento anteriormente.
No cabe duda que esta aplicación será de gran provecho para los diseñadores web.
Crearbanner – una forma sencilla de crear banners
No todo el mundo tiene porque conocer el manejo de programas de edición gráfica. En caso de que necesiten crear un banner, Crearbanner es una solución que en su versión gratuita y sin necesidad de registros, podrán crear sus propios banners configurando una serie de opciones básicas.
En caso de que opten por la versión de pago, además de no contar con la marca de agua que se añaden en la opción gratuita, dispondrá de una serie de diseños más, más fondos para usar, más texturas, y en definitiva, dispondrán de una amplia librería de cliparts con los que dar rienda suelta a sus necesidades de diseño para el banner.
Sitios web para encontrar la tipografía perfecta
Hace tiempo que no actualizamos la lista de opciones para encontrar fuentes, algo extremadamente necesario para quien entiende que la tipografía es una de las cosas más importantes en cualquier trabajo o presentación.
Os comento ahora algunas de las recomendadas en linkzoo.net, donde tienen varios enlaces recomendados para profesionales del diseño. Una buena lista para ampliar las 60 que os comenté hace ya más de un año.
1001 Fonts: Clasificadas por categorías, con las más populares en destaque.
26plus-zeichen: No hay muchas, pero son de buena calidad, con un menú gráfico muy intuitivo.
Abstract Fonts: Para quien busca un tipo de fuente original y diferente.
Apostrophic Laboratories: El catálogo de tipos está dividido en 189 paquetes, y cada paquete contiene entre un tipo de letra hasta varias decenas en algunos casos.
Astigmatic One Eye: No hay mucha variedad, aunque muchas de ellas están disponibles de forma gratuita para uso comercial y personal.
Blue Vinyl Fonts: Con fuentes, cliparts e iconos.
Cape-Arcona: Clasificadas, con varios estilos en cada una de ellas.
Dafont: Uno de los más conocidos en todo el mundo, con miles de fuentes de todo tipo.
Esos Tipos de la Utem: Fuentes publicadas en la Escuela de Diseño de la Universidad Tecnológica Metropolitana de Santiago de Chile.
Exljbris: Muy pocas, pero de excelente gusto.
Fawnt: Una colección de más de 10.000 fuentes.
Fenotype Typefaces: Originales, para diseños desenfadados.
Flood Fonts: Una pequeña colección de fuentes comentadas por su creador.
Fonthead Design: La colección gratuita es muy pequeña, pero hay buen material en todo el sitio.
Font Squirrel: Gratuitas para uso comercial. Una muy buena colección
Free Typography: Al estilo de blog, comentan y ofrecen tipografías excelentes.
High Fonts: Más de 3000 completamente gratuitas, con muchas más comerciales.
Maniackers: Una buena colección, con caracteres japoneses incluidos.
Ripe Type: Muchas gratuitas, con comentarios y ejemplos de aplicación.
Search Free Fonts: Un buscador de fuentes clasificadas, con una enorme colección de material gratuito.
Urbanfonts: Más de 8000 fuentes freeware clasificadas por etiquetas.
Icono: Iconshock
Dos sitios web para crear tu propio tema de Google Chrome
Si estáis pensando en personalizar vuestro navegador Google Chrome con algún tema personalizado, con fotos de la familia o diseños creados por vosotros mismos, os recomendamos que echéis un vistazo en estas dos opciones.
– Chrometheme.net: Permite diseñar un tema en poco minutos sólo con el uso de imágenes, colores para el texto y fondos de los diferentes elementos que conforman el navegador. No es necesario conocer elementos técnicos como theme_frame,theme_toolbar que son parte de los elementos que conforman la estructura del esquema de los temas. Tenemos, eso sí, que prestar atención haciendo uso de imágenes de tamaño promedio en formatos (.png) y manejar sencillez de colores a la hora de plasmar nuestra obra.
– chromethememaker.com: Con menos publicidad que el anterior, nos permite personalizar colores e imágenes, siendo aplicados a las pestañas, frames, barra de navegación y fondo.
Dos formas de darle más personalidad a nuestra principal herramienta de trabajo: el navegador.
themeshock – Recursos gratuitos de alta calidad para diseñadores web
Los mismos creadores de iconshock.com acaban de lanzar un nuevo proyecto en el que publican, de forma gratuita, freebies de alta calidad.
En wordpressthemeshock.com podemos acceder a la web, con recursos en PSD, iconos, botones, guías de estilo, flechas… todo en la sección de freebies, aunque podemos también navegar en la categoría de temas de Wordpress para echar un vistazo en templates y elementos que puedan ayudarnos en el trabajo de diseño y creación.
Aunque echo de menos un buscador avanzado con filtros para encontrar de forma más eficaz el contenido existente, me han asegurado que la frecuencia de actualización de nuevo conteido será alta, con lo que es mejor estar atentos.