20 fuentes libre Serif

fuentes-serif1.jpeg

Las tipografías son unas de las grandes protagonistas del diseño en general y particularmente el desarrollado dentro de la web, tienen un papel sumamente importante, se encargan de trasmitir la información al usuario.

Contamos con mucha oferta, tanto gratuita como de pago, para obtener toda clase de fuentes. Una de las más demandadas y “resultonas” son las Serif. thinkdesign se toma la molestia de recopilar 20 tipos de este estilo, todas gratuitas. Eso sí, dependiendo de la licencia con la que estén protegidas podremos usarlas para una u otra cosa.

Enlace: 20+ Beautiful Free Serif Fonts

Bloguea con tu iPhone

iphone-apps-blogs.jpg

Seguro que muchos de los que nos leen ya están “iphonizados” y también tienen un blog. Para ellos esta entrada publicada en Applesfera, donde recopilan cuatro aplicaciones diferentes con las cuales podremos publicar posts directamente desde el iphone.

Las tenemos de pago y gratuitas y nos permiten hacer todo lo necesario para publicar en diferentes plataformas: blogger, wordpress, movable type etc.

Enlace: 4 aplicaciones para bloguear desde tu iPhone

Inspiración desde Tumblr

Los tumblelogs (un mini-blog de apuntes online) han sido muy bien aceptados por determinados sectores de usuarios, son muy simples y extremadamente fáciles de usar, junto con gran versatilidad en los contenidos que podemos publicar.

tumblr.jpg

Uno de esos sectores que comentaba son los creativos, tumblr es la plataforma perfecta para ellos y ya hay un buen número de tumblelogs dentro del sitio. Los chicos de tumblr lo saben y han creado una sección donde recopilan los mejores mini-blogs dentro de su plataforma que pertenecen a diseñadores, fotógrafos, ilustradores etc. En ellos podemos encontrar todo tipo de material, sin duda un buen lugar al que acudir en busca de inspiración.

Enlace: Artists we love | Vía: crowdSPRING Blog

RankSense SEO

Nuevo software centrado en controlar numerosos parámetros SEO de nuestras webs y blogs, RankSense. Concretamente 12 utilidades diferentes creadas por Hamlet Batista todo un experto en la materia con mucha experiencia a sus espaldas.

Una aplicación simple, para obtener un buen rendimiento y resultados para que sea útil también a los que empiezan en este mundo. Comentar que no es gratis, cuenta con diferentes licencias disponibles y lo podremos probar durante 30 días con todas las herramientas habilitadas.

ranksense1.jpg

Enlace: RankSense | Vía: DailyBlogTips

Simbolos y pinceles para Illustrator

En photoshop los pinceles y formas perosnalizadas son un recurso muy demandado, encontraremos mucho material por la red de este tipo. Illustrator también cuenta con la opción de pinceles y símbolos, de los que no había tantas opciones dentro de la red como para su primo photoshop, principalmente porque el dibujo vectorial todavía no tenia tanta presencia dentro de internet.

illustratorbrushes.jpg

De un tiempo a esta parte eso está cambiando y ya empiezan a aparecer recolipilatorios por diversos blogs y sitios especializados. Es el caso del publicado desde 1stwebdesigner donde juntan 30 pinceles y símbolos diferentes para Illustrator. Los tenemos de todas las formas y colores, sacados de la gran comunidad gráfica deviantart y otros sitios como el blog bittbox.

Enlace: 30 Beautiful Illustrator Brush and Symbol Collection

Themes wordpress para montar portafolio

El otro día traíamos por aquí un recopilatorio con unos cuantos themes de wordpress, con la característica de ser todos ellos de pago y de alto nivel. Hoy otros 15, algunos de pago y otros no, especialmente pensados para diseñadores que quieran montarse un portafolio online en el que mostrar sus trabajos. Seguiremos trayendo muestras de todo el potencial de este estupendo cms en más ocasiones.

portafolio-themes.jpg

Enlace: 15 Portfolio Themes for WordPress

Mestro CSS capítulo 1: resetear css

maestrocss1.jpg

El amigo Jordi de Ateneu Popular da el pistoletazo de salida a una serie de artículos formativos (no sabemos cuantos), donde se centrará en proporcionar varios trucos CSS para que los apliquemos en la creación de nuestros propios sitios. Para seguirlos hace falta tener algún conocimiento previo, pero tampoco mucho.

En este primer capítulo explica como resetar el css y por qué es necesario hacerlo además de proporcionar otros enlaces útiles sobre el asunto. Recomendable lectura sin duda y seguramente las siguientes también, de las que nos haremos eco por estos parajes para que no se le pasen a nadie.

Enlace: Maestro CSS, destripando estilos. Cap. 1 – Resetea tu CSS

niftyPlayer, reproductor Open Source

niftyplayer.gif

Puede que para alguno de tus proyectos necesites introducir pistas de audio y la mejor forma de hacerlo es con la inclusión de un reproductor. niftyPlayer es una pequeña y simple aplicación en flash y javascript para tal fin.

Entre sus características cuenta con ser libre, no es necesario saber flash para implementarlo o cargar audio, configuración para que empiece la reproducción automaticamente (no es recomendable hacer esto), barra de progreso, control de volumen etc.

Lo más destacable es lo fácil de implementar y que es totalmente libre, además si no somos amigos de flash, podemos usar la versión de niftyPlayer en javascript.

Enlace: NiftyPlayer | Vía: Leandono’s Blog

Tutoriales, iconos, calendarios etc de Halloween

halloween.jpg

Que llega Halloween! Aún poniendo la explicación tengo que decir que esta festividad me da un poquito igual. Pero como seguro que a otros muchos si que les gusta y la celebrarán aquí les traigo uno de esos artículos recopilatorio que tanto gustan.

Esta vez es psdtop quien junta varios tutoriales, iconos, calendarios, wallpapers, ilustraciones, fractales, mangas, pinturas y fotomanipulaciones, todos ellos con la fiesta de Halloween y sus personajes y escenas caracteristicas como protagonistas. Por si te apetece cambiar tu fondo de escritorio, poner unos iconos en tu blog o simplemente para disfrutar de muchos de los trabajos recopilados, que son verdaderamente buenos.

Enlace: 88 Impressive artworks, Tutorials and Free Icon Sets – Happy Halloween

CSS también en la vida real

Todo el día nos pasamos hablando y leyendo sobre CSS, que si técnicas, que si propiedades, que si recursos… pues por si te quedaste con ganas, los códigos CSS también están entre nosotros (disculpen ustedes esa frase estilo “el sexto sentido”). En Webstandard recopilan varias imágenes sacadas de flickr, que vistas con algo de imaginación y conocimiento sobre CSS, simbolizan conocidas propiedades del lenguaje.

Border (Solid)

css-vida2.jpg

Visibility (hidden)

css-vida1.jpg

Enlace: CSS explained by Flickr | Vía: Ateneu Popular

Tips altamente formativos

La gran comunidad Cristalab lanzaba hace poco un concurso para encontrar “el mejor tip del mes”. Como no podía ser de otra forma los usuarios respondieron perfectamente a la convocatoria enviando sus granitos de arena. Finalmente ayer y tras ardua deliberación soltaron los dos ganadores, el primer puesto recayó en el tip con título “Motion Presets, reusar animaciones en Flash CS4” y el segundo en “Trabajar con variables y datasets en Photoshop“.

Estos dos fueron los ganadores pero son muchos más los tips que se enviaron para participar, desde como reconfigurar el teclado de windows, hasta como conseguir un efecto de dibujo a lápiz en photoshop o crar efectos en After Effects.

Un estupendo trabajo de la comunidad “claber” que ahora todos podemos disfrutar y de donde seguro sacaremos alguna buena enseñanza.

Enlace: Ganador del concurso al mejor tip del mes en Cristalab

¿Vuelven las tablas?

Pues según digital web puede que sí. Todo lo que se lleva diciendo de un tiempo a esta parte se tambalea gracias a las propiedades CSS que permiten crear tablas. Hasta ahora el único navegador que no las soportaba, era como no, InternetExplorer. Se supone que InternetExplorer 8 sí las interpretará.

En el artículo se hace todo un trabajo de formación para construir interfaces con esta técnica, desde que es, hasta sus propiedades, ejemplos y como usar tablas css. Quedan muchas preguntas, como el problema actual que ya sufrimos con las versiones de los navegadores. Se hace necesario desarrollar para browsers antiguos porque muchos usuarios no terminan de actualizar su versión de IE o simplemente mudarse a firefox.

En cualquier caso es un tema interesante al que sin duda tendremos que prestar atención.

Enlace: Everything You Know About CSS Is Wrong

55 themes wordpress premium

Todos sabemos a estas alturas que WordPress es uno de los cms por excelencia para montar un blog. Cuantos más blogs creados con esta plataforma aparecen la opción de themes aumenta exponencialmente. Los tenemos de todas las estructuras y estilos, con dos grandes grupos claros, los de pago y los gratuitos.

Normalmente se presupone que si un theme es de pago tendrá buen nivel en diseño, usabilidad y demás factores. Pues bien, el pagar por uno no nos asegura en absoluto su buena calidad presupuesta, es más, podemos encontrar opciones gratuitas de un nivel superior a muchas plantillas de pago.

Para orientar un poco sobre el asunto desde pro blog design publican un recopilatorio con 55 themes para wordpress de pago, elegidos por ser grandes trabajos. No encontraremos ninguno más caro de 100 dólares. En todos los casos bien merece pagar lo que piden, son cantidades totalmente asequibles por un buen trabajo.

premium-wordpress-themes.jpg

Enlace: 55 Premium WordPress Themes to Blow Your Mind

Trabajar con backgrounds grandes para web

A la hora de diseñar un sitio web uno de los recursos que mejores resultados nos puede dar es el de usar un vistoso backgound, a lo que suele ir unido que este sea de resolución considerable. Webdesignerwall nos deleita con otro de sus tutoriales donde explica varias técnicas CSS para usar backgrounds grandes como fondo de una web.

wdw-bg.jpg

Enlace: How to: CSS Large Background

Sikbox genera un buscador para tu sitio

 sikbox.gif

La mayoría de los cms tiene una falla importante en los buscadores que incorporan, bien no encuentran todo lo que deberían, bien tardan mucho. Por esta razón muchos sitios deciden implementar otras soluciones, como puede ser la que google nos brinda con su búsqueda personalizada.

A esta última opción ya podemos añadir otra, Sikbox. El servicio nos proporciona un cajón de búsqueda de una forma muy simple, solamente tendremos que introducir el dominio en el que queremos busque, rellenar algún dato más y ya tendremos un cajón de búsqueda listo para instalar en cualquier sitio copiando y pegando una linea de javascript. Aún no lo probé a fondo pero tiene buena pinta, los resultados se muestran en un cajón de forma dinámica cuando introducimos una palabra. Podemos navegar por los resultados hacía adelante y atrás y picar en el que veamos más nos cuadra con lo que estamos buscando.

Enlace: Sikbox