Sprite, todas tus imágenes en una

¿Que es un Sprite?

No, no es la bebida secundaria de esa empresa de la botella curvilinea de color negro con rojo ;)

Es una técnica que se usa en el diseño web para agrupar todas las imágenes, íconos sobre todo, necesarias para el montaje del diseño.

Agrupar imágenes e íconos en un solo archivo facilita al navegador la carga de la web, ya que solo tiene que traer una imagen y con esa imagen se compone todo. El secreto está en la localización de esta imagen y el uso del atributo de css background-position para mostrar un ícono u otro. Pero mejor un par de ejemplos:

Facebook Sprites Images:

facebook-sprite2-image-2014-12 facebook-sprite-image-2014-12

 

 

 

 

 

 

 

 
Por lo general la composición de estas imágenes se hace usando algún programa de edición gráfica como puede ser Photoshop, pero esto implica que si tienes tu diseño listo debas extraer los íconos y elementos que quieras usar en tu sprite para colocarlos dentro de un solo archivo de imagen. Pero para que hacer algo a mano si ahora contamos con servicios web que nos pueden ayudar en esa tarea:

 

Spritepad de wearkiss.com

 

Sprite Cow - Generate CSS for sprite sheets
Sprite Cow

 

Dos mil quince o Twenty Fifteen

Siguiente la linea de nombres para los themes que permite añadir un nuevo theme por defecto con cada año llega Twenty Fifteen.Este tema es full responsive, y por fín ofrece un soporte interesante para la internacionalización de WordPress, como es incorporar la tipografía Google Noto Serif y Sans la cual es atractiva en la mayoría de idiomas.Como el tema estará disponible con la salida del nuevo WordPress 4.1 que llegará este 15 de Diciembre solo podemos ver unas capturas sobre su funcionamient o bien testearlo instalando el plugin de WordPress Beta Tester.

El pase de diapositivas requiere JavaScript.

Novedades WordPress 4.1

Este Lunes 15 de Diciembre llega la nueva versión de WordPress con mejoras importantes para bloggers y escritores ya que cada vez el equipo de WordPress va mejorando la experiencia en la escritura.

Aquí os dejo una lista de las mejoras que están por llegar.

  • Mejoras en el editor de entradas para que, por ejemplo, en el modo pantalla completa se pueda acceder a alguna caja meta, además de cambios de distribución de botones y estéticos.
WordPress 4.1 new distraction free
En la versión anterior había que cerrar el visor sin distracciones si queríamos editar el slug o editar algún metabox extra, esta nueva versión facilita la concentración y gestión del contenido.
  • Mejoras en los menús desplegables de usuario y entradas, posiblemente mediante el uso de Select2, un script jQuery totalmente compatible con todos los navegadores y muy solvente.
  • Permitir la desconexión en las sesiones existentes desde la pantalla de perfil de usuario, para lo que ya está en marcha un plugin.
webdesignerdepot.com
  • Nueva interfaz para la instalación de temas y plugins.
  • Ahora el fondo e imagen de cabecera porfín se mueven al customizer

Firefox

  • Mejoras en la gestión de archivos multimedia desde dispositivos móviles, sobre todo solucionar problemas actuales con el scroll en la pantalla de la Librería multimedia.
  • Cambio del idioma después de la instalación.

Firefox

Para desarrolladores hay unas mejoras muy interesantes en las queries WP_Meta_Query, WP_Tax_Query, and WP_Date_Query.

Así como mejor control sobre el title de un site.

 

Importante no olvidar hacer una copia de seguridad o backup de tu instalación WP antes de actualizar.

Esperamos vuestros comentarios con la nuevas opciones.

wcmallorca-featured-wpmallorca

Mañana último día para comprar tu entrada a la 1ra WordCamp en Mallorca

Solo hasta mañana podrás adquirir tu entrada para asistir a la WordCamp Mallorca de este 2014.

Compra tu entrada aquí! hasta el 30 de Octubre del 2014.

La entrada tiene un coste de 20€ lo cual te da acceso al evento mas regalos y recuerdos de la jornada.

Con 12 charlas, en dos salas, los mejores ponentes y temas para que puedas empezar, mejorar o conocer mas sobre WordPress y el mundo del desarrollo web.

Viernes 31 de Octubre

TIME AUDITORIUM SALA 2
8:00 am Registro
9:00 am Bienvenida
9:15 am De periodista de papel a blogger para la web y el mundo David Arráez Contenido de calidad en WPJuanjo Buendía
10:00 am Manejo y creación de una Web multilingüe con WordPress Amit Kvint Salud física y vida sedentariaAntonio Tugores Vázquez “Ghimel”
11:00 am Descanso
11:15 am WordPress como AppEngine Marco Fantón Accesibilidad para discapacitados Pedro Serrano
12:00 pm Seguridad y velocidad en WordPress Antoni Aloy, Gabriel Pérez, Ricardo Galli (Por confirmar) Plantillas WordPress, el diseño fácil o no. Toni Camps
1:00 pm Comida
3:00 pm eCommerce desde Mallorca para el mundoJorge Morell Ramos, Melchor de Palau Rovira, Jose Manuel Raya Entornos de desarrollo para WordPress usando VagrantMiquel Ferrer Amer
4:45 pm WP.COM REST-API y wpcom.js Damian Suarez
5:30 pm ‘Bloggeando’ desde Mallorca Marta Simonet, Jordi Bayona, Tomeu Fiol, Jesús Cortés, Gonzalo Coterillo
7:00 pm Cierre

 

No te pierdas el evento mas importante sobre WordPress del momento. Desde WordPress Mallorca os animamos a asistir.

Nos vemos el Viernes :)

wcmallorca-featured-wpmallorca

Ven a la WordCamp Mallorca el 31 de Octubre en CaixaForum

Ya está aquí!, apunta en tu agenda que el Viernes 31 de Octubre en el auditorium de CaixaForum realizaremos la primra WordCamp de Baleares.

 

Pero ¿Que es una WordCamp?

En las anteriores meetups os explicamos la diferencia entre una Meetup y una WordCamp, donde la primera son reuniones para difundir conocimiento y no tienen un formato específico ni son periódicas y una WordCamp es un evento en si, donde se organizan varias charlas durante uno o dos días.

Una WordCamp tiene como objetivo dar visibilidad a los proyectos, ponentes y experiencias locales al rededor de WordPress, también se suele hablar de temas relacionados con el desarrollo web en general, diseño, gestión y humanidades.

 

¿Que puedo esperar de la WordCamp Mallorca?

Hemos puesto todos nuestros esfuerzos en las ponencias, mesas redondas y charlas, en el programa verás  el horario y el nombre de la ponencia.

Mas allá de asistir a una ponencia las WordCamps sirven para hacer mucho networking, tener como hilo conductor el CMS mas utilizado en el mundo con un 23% de las webs de internet  hechas sobre este sistema.

Compartir conocimientos, el gran valor que tiene una WordCamp es la difusión, no a niveles de grandes empresas o grandes proyectos, ya que no hace falta ser un “experto” en desarrollo, programación o comunicación, basta con ser curioso tener ganas y sobre todo querer compartir.

Gracias al apoyo de CaixaForum contamos con una de las mejores localizaciones de la ciudad de Palma de Mallorca. Este apoyo viene acompañado de un compromiso,  ayudar,  para ello y gracias a la iniciativa de komunica.es tendremos una charla sobre accesibilidad usando un plugin que permite añadir las funcionalidades básicas para que una web sea accesible para discapacitados.

 

¿Porque se venden las entradas y no es gratis?

Una WordCamp necesita de muchos elementos para que sea un éxito, sobre todo impresiones, sonido, catering, la totalidad de lo recaudado se invertirá en el evento. Tanto los organizadores como los voluntarios no perciben nada por parte del evento, todos ofrecemos nuestros tiempo y dedicación gratis. Tu aportación ayudará a que la WordCamp tenga mas y mejores servicios para todos los asistentes.

 

Así que desde WPMallorca te recomendamos que asistas, tendrás una oportunidad única, hasta el próximo año, para conocer de primera mano casos de grandes empresas, charlas interesantes, debates acalorados, pero sobre todo compartir la experiencia de un evento local pero con difusión internacional.

Puedes comprar tus entradas aquí: http://es.2014.mallorca.wordcamp.org/entradas/

Consultor, Desarrollador, Programador, Implementador o Desarrollaimplementor? Copy

Gracias al esfuerzo de la comunidad de programadores y analistas el software libre tipo WordPress, Joomla, Drupal, Magento, Prestashop, BuddyPress, Wiki, etc, se han hecho cada vez mas fáciles de usar, es así la “Famosa Instalación en 5 minutos de WordPress”, incluso existen servicios de hosting que incorporan servidores con WordPress pre-instalado, o herramientas tipo Fantastico Delux que permiten instalar un WordPress con un simple click. Esta facilidad ha abierto las puertas a nuevos perfiles profesionales relacionados con destrezas no relacionadas con la programación pura y dura. Intentaré plasmar, según mi opinión personal, las diferencias y beneficios de cada tipo de perfil.

El Consultor

Todos dicen ser consultores, pero que es?, un consultor es alguien que ofrece su experiencia en uno o varios campos para mejorar o iniciar un proyecto, como consultor el trabajo está en usar mucha “intuición predictiva” para evitar que nuestro cliente cometa errores que ya conocemos, planificar el proyecto con mas acierto pero sobre todo estar actualizado en cuanto a mejoras, tecnologías o prácticas que puedan hacer del proyecto o producto un éxito. Esto no quiere decir que el éxito dependa del consultor, ya que al ser por lo general un recurso externo. Un buen consultor es el que logra establecer una relación optima de colaboración con el jefe del equipo, el equipo y la empresa a la que asesora. Debe saber programar? no necesariamente, Debe saber tecnología? depende que asesore ya que no veo lógico que un consultor con experiencia en dirección asesore en como gestionar una estructura tecnológica, Debe ser un todologo? pienso que es mejor especializarse pero sin dejar de estar al día.

El Programador

Si nombre es mucho mas descriptivo, un programador debe saber programar, programar es conocer sobre lenguajes de programación, optimización, gestión del código y esa habilidad es utilizada para crear soluciones en las cuales se necesita crear piezas nuevas, un buen programador le da igual el tipo de lenguaje, es mas no tiene porque conocer el tipo de CMS ya que su habilidad está en saber leer el código o entender la documentación de este. He trabajado con programadores que no saben nada de WordPress y el resultado ha sido muy bueno, muchas veces al no estar embebidos por la filosofía WP ayuda a hacer las cosas de otra manera la cual demuestra que es posible mejorar cosas de WP o crear cosas que WP no tiene o encontrar deficiencias, esto último es lo mas típico ya que no conozco programador que no piense que todo o hecho por otro programador es una mie*&%$a ;)
Cualquiera puede programar?, si. Es fácil programar?, si. Debe saber todos los lenguajes del mundo? no, es más, un programador especializado en un lenguaje o dos en concreto suelen ser mas rápidos que el que dice programar en todo. Todo el que programa es bueno? no, programar es fácil pero programar bien no es nada fácil. Los buenos programadores se reconocen porque hoy en día siempre están con trabajo y no paran nunca, encontrar un tiempo con ellos es a veces mas difícil que una cita con el presidente.

El Desarrollador

Digamos que puede ser alguien que aprendió a programar algo en concreto, como decía al inicio del post las comunidades de software libre, el fácil acceso a documentación y ejemplo ha permitido que mucha gente, sin saber programar, haya aprendido hacerlo (entre los que me incluyo), un desarrollador por lo general domina un software en concreto, muchas veces mas que un programador, lo digo porque un desarrollador al no saber programar tiene que documentarse mucho para saber hacer cosas sin la ayuda de un programador, es verdad que suelen cometer errores de programación que luego un programador puede pulir o rasgarse las vestiduras ;)
Este perfil ha ayudado a que personas encuentren su nueva profesión editando Themes, Plugins o retocando CSS, añadiendo plugins que añadan funcionalidades para los que no hace falta programar desde cero. Sabe cuando un proyecto necesita un nuevo Custom Post Type o Custom taxonomía, conoce la estructura de Templates de un Tema y los shortcodes son su salvación.
Como desarrollador se debe investigar mucho, es recomendable trabajar con programadores capaces de ayudar en aprender el lenguaje en el que se programa.
Este es el perfil mas común en el entorno WP, desarrolladores que pueden resolver problemas en poco tiempo y con presupuesto ajustado, problemas que pueden solucionarse con un plugin o adaptando minimamente el Tema.
Un de desarrollador debe saber programar?, no necesariamente, pero si debe entender lo básico de la programación del sistema que usa.

El Implementador

Mas conocido como Administrador, es el usuario de un WP que tiene ese rol en el sistema, es el mejor amigo del Consultor, Programador y Desarrollador. Este perfil sabe como controlar el backend, cambiar las configuraciones, conoce plugins su instalación y configuración, puede ayudar a los editores y autores del sistema en dudas o requerimientos en los que no es necesario programar.
Un implementador sabe identificar problemas y ayuda a filtrar peticiones al equipo de desarrollo.

Mix. Consultimplementor, Programimplementor, Desarrollaimplementor?

Es normal que en un punto estos perfiles se mezclen, con el tiempo mas la experiencia se puede hacer el trabajo de un consultor y al mismo tiempo desarrollar, también hay programadores que se especializan como consultores siendo estos los mas valorados en el panorama profesional.

Complementarios. Editores, Autores o Bloggers

Un blogger suele ser un medio autor y medio implementor, conoce el sistema en el que escribe pero se le suele escapar la programación. Los editores en el mundo del contenido online son muy escasos, deben saber y conocer el manejo del contenido, plugins de SEO, tracking, gestión de comentarios y establecer una linea editorial para el contenido creado. Los autores son eso, autores que colaboran con el contenido, pocos son a los que les puedes dar un acceso como usuario del sistema con privilegios de Autor ya que muchos siguen enviando sus textos via word, google docs o pdf.
Saber controlar el contenido, usando el potencial de las revisiones, diffs y roles de usuarios es algo muy demandado últimamente.

Inspirado en este post de Tom MacFarlin y WPTavern.

WP con soporte nativo a multilenguaje. Se Re-Abre la discusión

Para los desarrolladores que vivimos en las Islas Baleares una web monolenguaje es casi imposible, por lo menos tienen dos idiomas, Castellano y Catalán o Mallorquín, a los que hay que añadir el muy usado Alemán o Inglés dado la gran afluencia de este tipo de turistas, ultimamente se puede incluso contar con el Ruso.

Siempre que me preguntan como pueden hacer un sitio WordPress en varios idiomas recomiendo el plugin WPML, es el mas “completo” aunque dificil de usar, hace muchas mas cosas que solo traducir el contenido, traduce las urls permanentes, enlace las traducciones, permite editar las traducciones de los textos estáticos (.po, .mo) y muchas mas opciones que pueden llegar a frustar a un usuario de nivel bajo.

La dicusión de hacer que el Core de WordPress soporte multiples idiomas es vieja, lleva años. Pero recientemente el desarrollador de WordPress (Alemán) Caspar Hübinger está en el inicio del desarrollo de una propuesta para implementar una opción de selección del idioma del post.

El equipo de Make Core, liderado por Andrew Nacin a aclarado que aunque no está en el los planes de desarrollo del WP Core añadir el tan demandado soporte multilenguaje abre las puertas a la integración de este plugin un poco mas adelante ahora que ya WP 4.0 está listo para descargar o actualizar

 

Actualización : Banners, Roles de Usuarios, Creación de contenido y Novedades WordPress 4.0

Llegó WordPress 4.0 “Benny” y aprovechamos para hacer una nueva WordPress Mallorca Meetup en  PalmaActiva.

 

 

¿Cuándo y Dónde?

Martes 16 de Septiembre de 18 a 20h en el “espai22″ de PalmaActiva.

 

Los temas que hemos escogido se enfocan en necesidades que todo blog o sitio web puede tener. Una de las formas para la rentabilidad de un blog o sitio web es ofreciendo espacios publicitarios, mas conocidos como Banners. Es bastante común que la administración de vuestro WordPress se realice entre varias personas, cada una con un perfil específico y sobre todo con diferentes tareas o responsabilidades, para ellos hablaremos sobre los Roles de Usuarios, un atributo conocido pero poco utilizado. Creación de contenido, ¿un arte o un secreto? compartiremos con proyectof1.com su experiencia. Y el plato fuerte, WordPress 4.0, la nueva versión ya está aquí con agradables mejoras en la interfaz y algún que otro secreto.

 

 

1) Banners

NIVEL: USUARIO
FORMATO: Charla
OBJETIVO: Como definir espacios publicitarios usando plugins.

PONENTES: Gabriele Bernetti

 

2) Roles de Usuario

NIVEL: USUARIO
FORMATO: Charla
OBJETIVO: Administrador, Editor, Autor, Colaborador y Subscriptor, aprende como sacarle provecho a este atrbituo que trae WordPress por defecto. Plugins recomendados.

PONENTES: Pancho Pérez

 

3) Creación de Contenido

NIVEL: USUARIO
FORMATO:  Entrevista
OBJETIVO: Luis Eduardo nos contará su experiencia trans su proyectof1.com

MODERADOR: Pancho Pérez

 

4) Novedades WordPress 4.0

NIVEL: USUARIO
FORMATO:  Presentación
OBJETIVO: Pep Inca nos contará que trae de nuevo esta actualización

PONENTE: Pep Sanchez

 

Para todos los que asistísteis a la anterior meetup donde os contamos que estábamos gestionando la realización de una WordCamp Mallorca podrán ver el portal del evento, el cual lanzaremos ese día y os comunicaremos todo sobre lo que será :)

Para asistir apúntate a través de Reunalia

 

Lugar:

C/ Socors 2207002 PalmaEspaña

 

Contacto y mas información:

Tel. gratuït / Tel. gratuito: 900 139 138
Mail: info@palmaactiva.com

También puedes dejarnos un comentario sobre cualquier duda o sugerencia.

La comunidad WP en Mallorca