Font Icons y deja de usar Gif icons.

Desde hace poco la tendencia para usar íconos en un diseño web cambió al uso de fuentes, la ventaja principal al no usar GIFs es poder escalar los íconos usando el atributo Font-size dentro del CSS. El “icono” que en realidad es una Fuente se carga desde el atributo :before o :after y como content: “”; , lo que permite insertar un objeto dentro de un tag html sin necesidad de ponerlo directamente en el html. De esta forma al ser una fuete puedes cambiar el color, añadir efecto CSS3 sin necesidad de crear una nueva imagen.

 

Genericons

Son los íconos creados por el Theme Team de Automattic y son usados actualmente en el nuevo Theme TwentyThirteen.

 

FontAwsome

Está basado en Less y tiene una variedad de iconos muy amplia, originalmente pensado para trabajar con el framework BootStrap.

Font Awesome, the iconic font designed for use with Twitter Bootstrap

 

Foundation Icons

Obra de los creadores del framework Foundation Zurb (Sass + Compass). Todavía con pocos íconos.

Foundation Icons Fonts - ZURB Playground - ZURB.com

 

Symbolset (Premium)

Symbolset

Una aplicación diferente, de la mano de oak.is tenemos Symbolset, una aplicación semántica, donde la palabra que usemos cambiará por un ícono. Puedes comprar las fuentes según la necesidad, además de estar bien diseñados su calidad es impresionante.

 

Fontello (generador)

Fontello - icon fonts generator

No lo he probado aún, aunque la idea de poder generar tus propios font icons usando esta webtool es mas que interesante. ¿Alguien se anima a compartir su experiencia con esta webtool?

miniEntrevista : Ze Fontainhas

Hace ya algunos años Ze estuvo por la isla compartiendo una Twittpalma y se muy bien que le gustó mucho nuestra Roqueta, miembro de la comunidad WP desde hace mucho tiempo, ex-Automattico, apasionado baterista, políglota, amante de la buena música que sabe apreciar un Gin Tonic bien hecho. Actualmente editor de wprealm.com el site de referencia para la comunidad WP europea. En su twitter se describe así:

Clustered feats of daring and invention

 

¿Que es lo que un editor que usa WP jamas debería olvidar?

(Supongo que hablas de “Editor” como en un periodico) Que tiene ya a su disposición un conjunto de herramientas nativas que pueden ayudarle en su tarea (perfiles de usuario, revisiones, diffs, estados de publicación), sin hablar de plugins específicos como por ejemplo EditFlow

 

El foro de wp.org en español está casi muerto ¿Cual crees que es la razón?

La actividad en un foro siempre es un problema circular: la gente no pregunta porque nadie contesta, y nadie contesta porque no hay gente que pregunta. Teníamos el mismo problema con el foro PT, y lo solucionamos de dos maneras: con gente dedicada para contestar y “twitteando” automaticamente nuevas preguntas en el foro (con ifttt.com). Claro que pedimos a todos los que hacen preguntas en otros sítios (FB, formulário de contacto, etc) para que utilicen el foro, *sin contestarles* en ese sítio.  La calidad de un foro es un reflejo directo de la calidad y simpatia de quien responde y ayuda. Hay que transmitir un punto muy importante a los usuarios de un foro: que *todos* saben alguna cosa, y por lo tanto no solo tienen dudas como también la capacidad de responder a algunas perguntas. Todos solicitamos y ofrecemos ayuda.

 

¿Cuales crees que son los principios que debería tener un desarrollador de Temas?

Eso no lo puedo responder en 100 caracteres 😛 Creo que fundamental en desarrollo son dos plugins, http://wordpress.org/extend/plugins/theme-check/http://wordpress.org/extend/plugins/developer/ Cubren casi 100% de la verificación técnica de un tema o plugin.

 

WP multilenguaje, para nosotros es indispensable y siempre recomendamos WPML ¿Porque crees que el core de WP no es multilenguaje?

Simples: porque el “use-case” es muy pequeño cuando comparas con la base instalada total. Claro que hay una fuerte demanda en algunas regiones, pero globalmente no se puede afirmar que sea un requisito universal.

 

¿Los plugins que un desarrollador jamas debe olvidar usar?

Si, ver la pregunta 3

 

Puedes seguir a Ze en su twitter @zedejose, visitar su blog ze.fontainhas.com o darte una vuelta por wprealm.com.

miniEntrevista : Asier de la Fuente

Asier no es un desarrollador al uso, es un genio de los polígonos, entornos virtuales, texturas y luces, él se describe así:

Soy Ilustrador (2d y 3d) y diseñador (gráfico y web)

 

Lo tuyo es el 3D, tu portfolio lo dice a gritos y nos encanta, aunque sabemos que pecas con el código. ¿Como empezaste a usar WP?

Tras descubrir los blogs con blogger, me interesaron los CMS y, tras acabar harto de Joomla me tropecé con WP que es un cms con opciones de sobra par la mayor parte de los trabajos que hago.

¿Cuantas veces has cambiado de Tema en tu página, fue fácil o difícil?

Yo no hago temas desde cero. Como ya comentas, me dedico principalmente al 3d, y no soy tan experto en WP. Suelo buscar temas existentes y los adapto a mis necesidades. Esto es, evidentemente, fácil.

¿Que es lo que mas te gusta de hacer proyectos web con WordPress?

Es un cms sólido, con una interfaz atractiva y bien ordenada…y tiene el soporte de una inmensa y activa comunidad de usuarios dispuestos a aclarar todas las dudas que surjan.

¿Cuantos plugins usas en tu site, alguno preferido?

No uso muchos plugins. Metí “All in One SEO” para tocar un poco el tema SEO y “Sociable” para que los visitantes compartan mis posts. No necesito mucho mas porque quiero que sea algo sencillo.

¿Como sería tu Tema de Porfolio preferido?

Que tenga shortcodes para poder hacer columnas y una plantilla “Fullwidth” opcional. Asi puedo maquetar texto facilmente, que siempre se echa de menos la facilidad de InDesign en los proyectos web 😉

Podéis seguir a Asier en su twitter @asier3d o conocer mas sobre su trabajo en www.asier3d.com

Gracias por tu tiempo y atentos a la próxima minientrevista.

Como entregar un diseño web en photoshop

Si el diseñador no es el desarrollador lo mas frecuente es que el archivo del diseño no siga una “filosofía” web, esto lleva a gran perdida de tiempo por fondos inaplicables, tamaños no adaptables, tipos de fuente que no queda bien al usarla en la web, capas que no se pueden editar u objetos que no sabes donde están entre un montón de capas desactivadas que no tienen nada y con nombres que no describen que tienen.

 

Ps Etiquette

 

Ps Etiquette es una especie de “Manual de buenas prácticas” a la hora de entregar un diseño web para ser desarrollado.

Comparto unos cuantos puntos que personalmente los he sufrido tanto como diseñador como desarrollador:

miniEntrevista : Benjamí Villoslada

Benjamí, socio fundador de menéame.net es un profesional muy conocido en el entorno Web y Software Libre. Siempre dispuesto a colaborar con iniciativas que promuevan el conocimiento y siempre actualizado en nuevas tecnologías ofreciendonos un punto de vista crítico gracias a su basta experiencia.

Els bits són la matèria primera més disruptiva després del foc.

Ordinadors + internet + programari lliure = la revolució tecnològica més important per la societat després dels tipus mòbils de l’impremta.

 

¿Alguna vez has instalado un WP para usarlo de forma inusual y no como blog o site? Ej: red interna, gestor de tareas, etc.

No, evito el conocido síndrome del martillo (para el cuál todo son clavos) porque no veo motivo: no tenemos escasez de software. Hay grandes CMS específicos para esas tareas, con detalles muy finos para automatizarlas que WordPress no tiene o están pillados por los pelos. Se trata de conocer esos CMS, cosa que animo a probar a quienes se atrevieron a instalar un WordPress, porque no son tan diferentes: HTML, PHP, CSS, JavaScript –vale, y Java en algunos casos.

¿Cual ha sido la mayor razón de un cliente para no usar WordPress (Software Libre) y como le rebatiste?

Que WordPress es un software para blogs. Lo rebatí enseñando lugares que no se parecen nada a un blog y están basados en WordPress.

En cuanto al software libre, ya no lo rebato. Que lo usen si quieren pagar un extra en licencias, estar atados a sólo un proveedor amo del código al que no puede acceder nadie más, que cuando le necesiten deban pagar lo que les pida, que les atiendan cuando puedan o quieran, etc. No es un cliente para mi; los clientes cautivos me estresan. Ya aprendí mucho de eso en mi primera etapa como bitólogo de software no libre (1984-2000).

En un post anterior sobre la licencias GPL comentaste sobre el “capitalismo” del Software libre. Explícanos un poco este concepto aplicado a WP

No lo dije porque el capitalismo sea nuestra ideología, sino para destacar el gran desconocimiento del software libre: a menudo nos llaman comunistas http://owni.eu/files/2011/01/communism.jpg En realidad nuestra musa es el usuario, que debe ser el propietario del código que gestiona sus datos –en este caso sus contenidos que publica en el web. La licencia del Microsoft Office, del Photoshop o del iTunes dice que jamás serás el propietario, sólo te dejan usar su software. Y bajo unas condiciones bastante restrictivas. Eso sí seria comunismo –y del soviético, por las restricciones.

Con el software libre existe igualdad de oportunidades en la profesión porque todos pueden descargarlo sin pagar nada, tienen acceso hasta el ultimo rincón del WordPress, pueden tunearlo y personalizarlo hasta dejarlo irreconocible. Sólo dependen de su capacidad.

Los clientes tienen libertad para elegir el proveedor. Para cambiarlo en cualquier momento sin perder sus contenidos (subrayo el ‘sus’) que tanto les costó publicar. Cualquier profesional puede ver las chapuzas que hizo el informático anterior y solucionarlas, porque el software libre obliga a entregar el código al usuario final ¿No te lo dio quien instaló y personalizó tu WordPress? Reclama porque está incumpliendo su licencia libre (conocida con el nombre de “GPL”).

Gana el mejor profesional, fomenta la competencia y el cliente se beneficia de una oferta amplia. Dicen que el capitalismo es eso.

¿Qué “relevancia” tiene WP como generador de noticias en Menéame? .com y .org

No tenemos estadísticas de los CMS que usan los lugares que llegaron a portada, lo siento.  Pero está claro que WordPress ha sido importante a la hora de hacer muy fácil que más personas puedan publicar, y los medios alternativos siempre gustaron a los usuarios de menéame.

¿Qué te gustaría que la comunidad cambie, mejore o añada al core de WordPress?

En estos momentos los elementos del ‘core’ son suficientes para crear páginas web muy completas y con los diseños gráficos más sofisticados, pero también con los más simples. No veo grandes cambios urgentes.

Quizás estaría bien poder colocar ‘widgets’ en cualquier lugar, pero no es urgente porque también se puede emular complicando la programación del ‘theme’. También podría incluir detalles que le diesen carácter de red social, quizás más cercano a Behance que Tumblr; seguir otros lugares, que te sigan, etc.

La irrupción de las tabletas y los móviles hace necesaria una adaptación más profunda a esos dispositivos. Habría que simplificar el panel, que en una tableta puede ser incluso peligroso –puedes cambiar cajas de lugar con demasiada facilidad al hacer scroll con el dedo. Entiendo que el ‘core’ incluye los ‘theme’ que WP instala de serie; si es así, todos deberían ser ‘responsive’. E incluso crear alguna presentación ‘core’ tan minimalista y elegante como la app Pocket para tabletas y móviles.

También estaría bien repasar la optimización, porque WordPress todavía no es todo lo rápido que podría ser. Pero bueno, de momento se puede solucionar con ‘plugins’ que generan cache. De hecho, el WP-Cache está programado por mi socio en Menéame, Ricardo Galli. Cuando lo instaló para su blog (¿en 2005?) dijo que era muy ineficiente, y se arremangó para solucionar el problema. Poco después, WP-Cache fue clave para que algunos lugares de mucho tráfico se decidieran por WordPress. Por ejemplo Mashable, cuyo fundador se puso en contacto con Ricardo para ajustar la instalación. En aquel momento se coció algo importante en Mallorca para WordPress… pero ya me voy por las ramas y esa entrevista debía ser corta.

Podéis seguir a Benjamí en su twitter @benjami o conocer mas sobre su experiencia y servicios en blog.bitassa.cat

Si estás interesado en participar y ser entrevistado por WPMallorca envíanos un email a info[at]wpmallorca[dot]com y nos pondremos en contacto contigo.

No te pierdas la siguiente entrevista.

CSS3 Media queries for Responsive Design

El mundo de los @media es gigante, que si dispositivo, tamaño de pantalla, densidad de pixels. Además cada vez que sale un nuevo smartphone o tablet al mercado se añade un nuevo avanico. Eso sin contar el navegador, porque incluso se puede determinar Que y Como ve cada cosa el navegador.

www.cssmediaqueries.com obra de @nielsz os facilitará la vida.

Sobre todo tiene un testeador de queries muy útil y un lista con los queries de los dispositivos mas usados.

 

Tribulant WordPress Newsletter Plugin

Son muchos los clientes que quieren tener la posibilidad de que sus usuarios se puedas suscribir y que se le pueda enviar Newsletters (luego que lo hagan ya es otro tema) y investigando encontré un Plugin que por el precio que tiene es muy completo y que, una vez configurado, es fácil de utilizar.

Se llama WordPress Newsletter Plugin y ha sido desarrollado por Tribulant.

Entre las varias features que tiene destacaría la que permite que los usuarios suscribirse a las listas de Newsletters que prefieren y que el administrador pueda elegir el tipo de plantilla que quiere utilizar dependiendo del tipo de envio que realiza y el Plugin se encarga de poner el nombre, contenido, firma, fecha, etc… en el lugar correspondiente sin que tenga que tocar el código.

El precio es de 59.99$ pero OJO, hay la letra pequeña en el proceso de compra que dice:

Please Note: All plugins include a free, 90 days threshold on expiration. Thereafter, a download will expire and it can be easily renewed for as little as US$5 for another 90 days. Options to renew for 6, 12 or 24 months are also available. Thank you for your business and support!
O sea que cada 3 meses hay que renovar por 5$. no es mucho pero hay que saberlo.

Da la opción de enviar por medio de Servidor SMTP, SMTP de Gmail y WP Mail.

El pase de diapositivas requiere JavaScript.

miniEntrevista : Victoria Amengual Howe

En esta ocasión contamos con Victoria, una usuaria wordpress que compartirá un punto de vista mas cercano a la edición y gestión de contenido, ella se describe así:

Soy bilingüe y traduzco del castellano al inglés y viceversa. Me especializo en textos turísticos y de viajes, marketing, gastronomía y contenido para páginas web.

Combino mi trabajo como traductora con el de redactar contenidos para publicaciones tanto en inglés como en español.

 

WP Multilenguaje ese gran olvidado en el core. ¿Que plugin recomiendas usar?

¡No utilizo ningún plugin de Multilenguaje en mi web!

Tengo clientes que utilizan WPML Multilingual y parece que les va muy bien.

 

¿Cuando hay una estrategia de posicionamiento como la aplicas si hay que usar varios idiomas, traduces los keywords o algo mas?

La empresa que desarrolla la web suele hacer un estudio de las palabras clave más importantes en el idioma al que voy a traducir. Luego me mandan una lista de esas palabras clave y yo procuro incorporarlas a mi traducción.

Como redactora ¿Que es lo que mas te gusta de WordPress?

Lo fácil que es actualizar y publicar contenidos. Además es muy accesible; monté mi primer blog en WordPress.com hace ya unos cinco años, he ido aprendiendo sobre la marcha y sigo teniendo mucho que aprender, pero lo importante para mi es saber que siempre puedo ir cambiando y mejorando mi web.

 

¿Utilizas alguna app para editar el contenido tipo MarsEdit o WordPress App?

No

 

Crees que se debe traducir todas las entradas en un blog o también crear entradas independientes y que se enfoquen sólo en el público lector de ese idioma?

Creo que no hace falta traducir todas las entradas de un blog, depende del público al que se enfoque cada entrada; en mi blog hay entradas que traduzco y entradas que no, depende del tema y del público lector al que creo que va enfocado. Lo ideal es también adaptar cada texto a la hora de traducir para que el público de cada idioma pueda leerlo como si del original se tratara.

 

 

Puedes saber mas de victoria y sus servicios de redacción y traducción en su web www.victoriaamengual.com, o seguirla en su twitter @VicAmengual.